/* ramtt.css · RAMTT design system · built from tokens/tokens.css and components/*.css
   Do not edit. Change a source file and run: node source/build-css.mjs */
@layer tokens, base, components;
/* tokens.css · RAMTT design system, edition 2026-09-28
   GENERATED by source/build-tokens.mjs from color.source.mjs, identity.source.mjs
   and system.source.mjs. Never edit this file: change a source and rebuild.
   hash: b74a03d9cb757fde
   The 380 neutrals, roles and states locked on 2 September 2026
   (8da117309bf227e4) are reproduced exactly; the build stops if one of them drifts. */

@layer tokens {
:root {
  color-scheme: light;
  /* ── ramps: 9 hues × 35 steps, one lightness per step (L = 1 − 0.85·step/900) ── */
  --gray-0: #ffffff;
  --gray-10: #fcfcfb;
  --gray-20: #f9f9f7;
  --gray-30: #f6f6f4;
  --gray-40: #f3f3f0;
  --gray-50: #f0efec;
  --gray-60: #edece8;
  --gray-70: #eae9e4;
  --gray-80: #e7e6e1;
  --gray-90: #e4e3dd;
  --gray-100: #e1e0d9;
  --gray-150: #d2d1c7;
  --gray-200: #c3c2b7;
  --gray-250: #b4b3a8;
  --gray-300: #a5a49a;
  --gray-350: #97958d;
  --gray-400: #898781;
  --gray-450: #7b7974;
  --gray-500: #6d6b67;
  --gray-550: #5f5e5a;
  --gray-600: #52514e;
  --gray-650: #444442;
  --gray-700: #383835;
  --gray-750: #2c2c2a;
  --gray-800: #20201f;
  --gray-810: #1e1e1d;
  --gray-820: #1c1c1b;
  --gray-830: #1a1a19;
  --gray-840: #181817;
  --gray-850: #151515;
  --gray-860: #131313;
  --gray-870: #111111;
  --gray-880: #0f0f0f;
  --gray-890: #0d0d0d;
  --gray-900: #0b0b0b;
  --red-0: #ffffff;
  --red-10: #fffbfb;
  --red-20: #fef7f7;
  --red-30: #fef3f3;
  --red-40: #fdefef;
  --red-50: #fbebeb;
  --red-60: #fae7e7;
  --red-70: #fae3e3;
  --red-80: #fadfdf;
  --red-90: #fadada;
  --red-100: #fad6d6;
  --red-150: #f7c1c1;
  --red-200: #f4abab;
  --red-250: #f09595;
  --red-300: #ec7e7e;
  --red-350: #e66767;
  --red-400: #e34948;
  --red-450: #d03b3b;
  --red-500: #b93535;
  --red-550: #a32c2c;
  --red-600: #8e2626;
  --red-650: #791e1e;
  --red-700: #641919;
  --red-750: #511212;
  --red-800: #3c0e0e;
  --red-810: #380d0d;
  --red-820: #340c0c;
  --red-830: #310b0b;
  --red-840: #2d0a0a;
  --red-850: #280a0a;
  --red-860: #230b0a;
  --red-870: #1d0b0a;
  --red-880: #170c0b;
  --red-890: #110c0b;
  --red-900: #0b0b0b;
  --orange-0: #ffffff;
  --orange-10: #fefbfa;
  --orange-20: #fdf7f5;
  --orange-30: #fcf4f0;
  --orange-40: #faf0ec;
  --orange-50: #f9ece7;
  --orange-60: #f8e9e2;
  --orange-70: #f7e5dd;
  --orange-80: #f7e1d7;
  --orange-90: #f7dcd1;
  --orange-100: #f7d8cb;
  --orange-150: #f3c5b2;
  --orange-200: #f4ae94;
  --orange-250: #f09978;
  --orange-300: #ec835a;
  --orange-350: #eb6834;
  --orange-400: #d95926;
  --orange-450: #c25124;
  --orange-500: #ae461c;
  --orange-550: #993d19;
  --orange-600: #863311;
  --orange-650: #712b0f;
  --orange-700: #5d230b;
  --orange-750: #4b1b08;
  --orange-800: #371407;
  --orange-810: #341307;
  --orange-820: #301106;
  --orange-830: #2d1006;
  --orange-840: #290f06;
  --orange-850: #240e07;
  --orange-860: #1f0e08;
  --orange-870: #1a0e09;
  --orange-880: #150d0a;
  --orange-890: #100c0b;
  --orange-900: #0b0b0b;
  --yellow-0: #ffffff;
  --yellow-10: #fefcf8;
  --yellow-20: #fcf8f1;
  --yellow-30: #fbf5ea;
  --yellow-40: #f9f2e4;
  --yellow-50: #f9eeda;
  --yellow-60: #faebce;
  --yellow-70: #fae7c2;
  --yellow-80: #fae3b8;
  --yellow-90: #f9e0b0;
  --yellow-100: #f9dca4;
  --yellow-150: #f9c868;
  --yellow-200: #fab219;
  --yellow-250: #eda104;
  --yellow-300: #da9303;
  --yellow-350: #c98500;
  --yellow-400: #b77701;
  --yellow-450: #a66a00;
  --yellow-500: #945d01;
  --yellow-550: #835100;
  --yellow-600: #724500;
  --yellow-650: #623900;
  --yellow-700: #512e00;
  --yellow-750: #412400;
  --yellow-800: #311a00;
  --yellow-810: #2e1800;
  --yellow-820: #2b1700;
  --yellow-830: #271500;
  --yellow-840: #231402;
  --yellow-850: #1f1204;
  --yellow-860: #1b1106;
  --yellow-870: #171007;
  --yellow-880: #130e09;
  --yellow-890: #0f0d0a;
  --yellow-900: #0b0b0b;
  --green-0: #ffffff;
  --green-10: #fafdfa;
  --green-20: #f5fbf4;
  --green-30: #f0f9ef;
  --green-40: #ebf7e9;
  --green-50: #e5f4e4;
  --green-60: #e0f2de;
  --green-70: #dbf0d8;
  --green-80: #d5eed3;
  --green-90: #d0eccd;
  --green-100: #caeac7;
  --green-150: #aee0a9;
  --green-200: #91d68b;
  --green-250: #73cb6d;
  --green-300: #55bf50;
  --green-350: #34b231;
  --green-400: #0da30e;
  --green-450: #009300;
  --green-500: #028301;
  --green-550: #017301;
  --green-600: #006300;
  --green-650: #005400;
  --green-700: #074505;
  --green-750: #0f350d;
  --green-800: #11260f;
  --green-810: #10230f;
  --green-820: #10210f;
  --green-830: #101e0f;
  --green-840: #101b0f;
  --green-850: #0f180e;
  --green-860: #0e160e;
  --green-870: #0e130d;
  --green-880: #0d100d;
  --green-890: #0c0e0c;
  --green-900: #0b0b0b;
  --aqua-0: #ffffff;
  --aqua-10: #f9fdfb;
  --aqua-20: #f3fbf8;
  --aqua-30: #edf9f4;
  --aqua-40: #e8f7f1;
  --aqua-50: #e2f4ed;
  --aqua-60: #dcf2ea;
  --aqua-70: #d5f0e6;
  --aqua-80: #ceefe2;
  --aqua-90: #c7eddf;
  --aqua-100: #bfebdb;
  --aqua-150: #a0e1c9;
  --aqua-200: #7ad7b4;
  --aqua-250: #5acba0;
  --aqua-300: #3cbd8c;
  --aqua-350: #1baf7a;
  --aqua-400: #1a9e70;
  --aqua-450: #148e65;
  --aqua-500: #0f7e5c;
  --aqua-550: #0f6e53;
  --aqua-600: #065f49;
  --aqua-650: #095040;
  --aqua-700: #034235;
  --aqua-750: #02342b;
  --aqua-800: #022720;
  --aqua-810: #02241e;
  --aqua-820: #02221c;
  --aqua-830: #021f1a;
  --aqua-840: #031c18;
  --aqua-850: #051a16;
  --aqua-860: #071713;
  --aqua-870: #081411;
  --aqua-880: #0a110f;
  --aqua-890: #0b0e0d;
  --aqua-900: #0b0b0b;
  --blue-0: #ffffff;
  --blue-10: #fafcff;
  --blue-20: #f5f9fe;
  --blue-30: #f0f7fe;
  --blue-40: #ebf4fc;
  --blue-50: #e7f1fb;
  --blue-60: #e2eefa;
  --blue-70: #ddebfa;
  --blue-80: #d7e8fa;
  --blue-90: #d2e5fa;
  --blue-100: #cde2fb;
  --blue-150: #b7d3f6;
  --blue-200: #9ec5f4;
  --blue-250: #86b6ef;
  --blue-300: #6da7ec;
  --blue-350: #5598e7;
  --blue-400: #3987e5;
  --blue-450: #2a78d6;
  --blue-500: #256abf;
  --blue-550: #1c5cab;
  --blue-600: #184f95;
  --blue-650: #114281;
  --blue-700: #0d366b;
  --blue-750: #062b57;
  --blue-800: #032042;
  --blue-810: #031e3d;
  --blue-820: #021c39;
  --blue-830: #021a36;
  --blue-840: #021831;
  --blue-850: #03162c;
  --blue-860: #051426;
  --blue-870: #07121f;
  --blue-880: #091018;
  --blue-890: #0a0d11;
  --blue-900: #0b0b0b;
  --violet-0: #ffffff;
  --violet-10: #fcfbff;
  --violet-20: #f8f8ff;
  --violet-30: #f5f4ff;
  --violet-40: #f2f1ff;
  --violet-50: #efedff;
  --violet-60: #ebeafe;
  --violet-70: #e8e6fe;
  --violet-80: #e5e2fd;
  --violet-90: #e2dffd;
  --violet-100: #dfdbfd;
  --violet-150: #cfcafb;
  --violet-200: #bfb9f5;
  --violet-250: #b0a7f2;
  --violet-300: #a096eb;
  --violet-350: #9085e9;
  --violet-400: #8173e3;
  --violet-450: #7161e0;
  --violet-500: #6250d6;
  --violet-550: #5645be;
  --violet-600: #4a3aa7;
  --violet-650: #3e318e;
  --violet-700: #322777;
  --violet-750: #271e60;
  --violet-800: #1d1649;
  --violet-810: #1b1544;
  --violet-820: #19133f;
  --violet-830: #17123b;
  --violet-840: #151036;
  --violet-850: #130f32;
  --violet-860: #110e2b;
  --violet-870: #0f0e23;
  --violet-880: #0e0d1b;
  --violet-890: #0c0c13;
  --violet-900: #0b0b0b;
  --magenta-0: #ffffff;
  --magenta-10: #fefbfc;
  --magenta-20: #fef6f9;
  --magenta-30: #fdf2f6;
  --magenta-40: #fbeff3;
  --magenta-50: #faebf0;
  --magenta-60: #f9e6ed;
  --magenta-70: #f9e2eb;
  --magenta-80: #f9dee8;
  --magenta-90: #f9d9e5;
  --magenta-100: #f9d4e2;
  --magenta-150: #f3c0d3;
  --magenta-200: #f3a8c3;
  --magenta-250: #ed93b4;
  --magenta-300: #e87ba4;
  --magenta-350: #e46191;
  --magenta-400: #d55181;
  --magenta-450: #c04873;
  --magenta-500: #ad3d66;
  --magenta-550: #993458;
  --magenta-600: #862a4c;
  --magenta-650: #722340;
  --magenta-700: #5e1c34;
  --magenta-750: #4c1429;
  --magenta-800: #390f1f;
  --magenta-810: #360d1c;
  --magenta-820: #320c1a;
  --magenta-830: #2f0b18;
  --magenta-840: #2b0a16;
  --magenta-850: #270a14;
  --magenta-860: #220a12;
  --magenta-870: #1c0b11;
  --magenta-880: #170b0f;
  --magenta-890: #110b0d;
  --magenta-900: #0b0b0b;
  /* ── colour roles, light ── */
  --raised: #ffffff;
  --raised-hover: #f6f6f4;
  --raised-selected: #eeedeb;
  --raised-selected-hover: #e9e9e5;
  --paper: #fcfcfb;
  --paper-hover: #f3f3f1;
  --paper-selected: #ebeae7;
  --paper-selected-hover: #e6e6e2;
  --mat: #f9f9f8;
  --mat-hover: #f0f0ee;
  --mat-selected: #e8e7e3;
  --mat-selected-hover: #e3e3df;
  --ground: #f3f3f1;
  --ground-hover: #eaeae7;
  --ground-selected: #e2e1dd;
  --ground-selected-hover: #deddd8;
  --well: #f0f0ee;
  --well-hover: #e7e7e4;
  --well-selected: #dfdeda;
  --well-selected-hover: #dbdad5;
  --pill: #ededeb;
  --pill-hover: #e4e4e1;
  --pill-selected: #dcdbd7;
  --pill-selected-hover: #d8d7d2;
  --rule: #e8e8e6;
  --ink: #0b0b0b;
  --ink-2: #52514e;
  --ink-3: #6c6b69;
  --ink-4: #888784;
  --ink-disabled: rgb(11 11 11 / 35%);
  --a5: rgb(11 11 11 / 5%);
  --a10: rgb(11 11 11 / 10%);
  --a20: rgb(11 11 11 / 20%);
  --a35: rgb(11 11 11 / 35%);
  --a50: rgb(11 11 11 / 50%);
  --a60: rgb(11 11 11 / 60%);
  --a70: rgb(11 11 11 / 70%);
  --a85: rgb(11 11 11 / 85%);
  --a95: rgb(11 11 11 / 95%);
  --rank-1: rgb(11 11 11 / 20%);
  --rank-2: rgb(11 11 11 / 35%);
  --rank-3: rgb(11 11 11 / 60%);
  --rank-4: rgb(11 11 11 / 85%);
  --line-1: rgb(11 11 11 / 6%);
  --line-2: rgb(11 11 11 / 8%);
  --line-3: rgb(11 11 11 / 10%);
  --line-4: rgb(11 11 11 / 15%);
  --line-5: rgb(11 11 11 / 20%);
  --accent: #6250d6;
  --accent-hover: #5645be;
  --accent-ink: #4a3aa7;
  --accent-glyph: #6250d6;
  --accent-tint: #dfdbfd;
  --accent-line: #b0a7f2;
  --on-accent: #ffffff;
  --ring-glow: #dddffd;
  --selection: rgb(113 97 224 / 24%);
  --danger: #d03b3b;
  --danger-hover: #b93535;
  --danger-ink: #8e2626;
  --danger-tint: #fad6d6;
  --danger-line: #f09595;
  --danger-dot: #e34948;
  --success-ink: #006300;
  --success-tint: #caeac7;
  --success-line: #73cb6d;
  --success-dot: #0da30e;
  --warning-ground: #fab219;
  --warning-ink: #724500;
  --warning-tint: #f9dca4;
  --warning-line: #eda104;
  --warning-dot: #b77701;
  --info: #256abf;
  --info-hover: #1c5cab;
  --info-ink: #184f95;
  --info-tint: #cde2fb;
  --info-line: #86b6ef;
  --info-dot: #3987e5;
  --on-fill: #ffffff;
  --ring-glow-danger: #fcd8d4;
  --on-warning: #0b0b0b;
  --label-violet-bg: rgb(164 152 249 / 35%);
  --label-violet-fg: #4a3aa7;
  --label-violet-dot: #8173e3;
  --label-blue-bg: rgb(112 172 244 / 35%);
  --label-blue-fg: #184f95;
  --label-blue-dot: #3987e5;
  --label-red-bg: rgb(241 138 138 / 35%);
  --label-red-fg: #8e2626;
  --label-red-dot: #e34948;
  --label-green-bg: rgb(104 195 95 / 35%);
  --label-green-fg: #006300;
  --label-green-dot: #0da30e;
  --label-yellow-bg: rgb(238 155 0 / 35%);
  --label-yellow-fg: #724500;
  --label-yellow-dot: #b77701;
  --label-orange-bg: rgb(232 144 106 / 35%);
  --label-orange-fg: #863311;
  --label-orange-dot: #d95926;
  --label-aqua-bg: rgb(72 198 152 / 35%);
  --label-aqua-fg: #065f49;
  --label-aqua-dot: #1a9e70;
  --label-magenta-bg: rgb(238 132 172 / 35%);
  --label-magenta-fg: #862a4c;
  --label-magenta-dot: #d55181;
  --label-neutral-bg: rgb(11 11 11 / 6%);
  --avatar-violet: #7161e0;
  --avatar-blue: #256abf;
  --avatar-red: #d03b3b;
  --avatar-green: #028301;
  --avatar-yellow: #945d01;
  --avatar-orange: #c25124;
  --avatar-aqua: #0f7e5c;
  --avatar-magenta: #c04873;
  --label-neutral-fg: #52514e;
  --chart-1: #6250d6;
  --chart-2: #eb6834;
  --chart-3: #1baf7a;
  --chart-4: #eda104;
  --chart-5: #e87ba4;
  --chart-6: #028301;
  --chart-7: #2a78d6;
  --chart-8: #e34948;
  --chart-grid: rgb(11 11 11 / 7%);
  --chart-axis: #c3c2b7;
  --chart-reference: #898781;
  --ch-power: #028301;
  --ch-hr: #e34948;
  --ch-speed: #2a78d6;
  --ch-cadence: #8173e3;
  --ch-pace: #d55181;
  --ch-kjmin: #b77701;
  --ch-torque: #c25124;
  --ch-carb: #da9303;
  --ch-fructose: #f09978;
  --ch-fluid: #6da7ec;
  --ch-power-estimated: #55bf50;
  --ch-power-area: #aee0a9;
  --zone-1: #cde2fb;
  --zone-2: #9ec5f4;
  --zone-3: #6da7ec;
  --zone-4: #3987e5;
  --zone-5: #256abf;
  --zone-6: #184f95;
  --tomrum-hand: #5f5e5a;
  --tomrum-hand-light: #9fa4ab;
  --tomrum-hand-fine: #c4c8cd;
  --key-face: #ffffff;
  --key-lip: #e9e8e4;
  --key-ring: rgb(11 11 11 / 13%);
  --key-down: #f1f0ed;
  --lit: inset 0 1px 0 rgb(255 255 255 / 16%), inset 0 0 0 var(--px) rgb(0 0 0 / 6%);
  --knob: #ffffff;
  --knob-shadow: 0 1px 1px rgb(0 0 0 / .08), 0 0 0 .5px rgb(0 0 0 / .04);
  --handle-shadow: 0 0 0 var(--px) rgb(0 0 0 / .16), 0 1px 2px rgb(0 0 0 / .14);
  --cursor: #0b0b0b;
  --cursor-edge: #ffffff;
  --on-knob: #383835;
  --on-fill-line: rgb(255 255 255 / 30%);
  --on-fill-key-face: rgb(0 0 0 / 14%);
  --on-fill-key-lip: rgb(0 0 0 / 24%);
  --on-fill-key-ring: rgb(255 255 255 / 18%);
  --ring-raised: 0.088;
  --ring-raised-hover: 0.147;
  --ring-paper: 0.089;
  --ring-paper-hover: 0.148;
  --ring-mat: 0.09;
  --ring-mat-hover: 0.15;
  --ring-ground: 0.092;
  --ring-ground-hover: 0.153;
  --ring-well: 0.093;
  --ring-well-hover: 0.155;
  --ring-rgb: 11 11 11;
  --e1: 0 3px 6px -2px rgb(0 0 0 / .02), 0 1px 1px rgb(0 0 0 / .04);
  --e2: 0 6px 18px rgb(0 0 0 / .02), 0 3px 9px rgb(0 0 0 / .04), 0 1px 1px rgb(0 0 0 / .04);
  --e3: 0 9px 48px rgb(0 0 0 / .08), 0 6px 24px rgb(0 0 0 / .10), 0 1px 1px rgb(0 0 0 / .04);
  --dock-shadow: 0 18px 44px -8px rgb(0 0 0 / .2), 0 4px 12px -2px rgb(0 0 0 / .08);
  --backdrop: lch(0 0 0 / 0.25);
  /* ── the plane you stand on (default: paper) ── */
  --plane: var(--paper); --plane-hover: var(--paper-hover); --plane-selected: var(--paper-selected); --plane-selected-hover: var(--paper-selected-hover);
  --ring: var(--ring-paper); --ring-hover: var(--ring-paper-hover); --pill-rest: var(--raised);
  /* ── one device pixel ── */
  --px: 1px;
  /* ── system ── */
  --r-press: 9999px;
  --r-value: 8px;
  --r-mark: 9999px;
  --r-key: 4px;
  --r-contain: 12px;
  --r-row: 8px;
  --r-round: 50%;
  --inset: 4px;
  --h-20: 20px;
  --h-24: 24px;
  --h-28: 28px;
  --h-32: 32px;
  --h-36: 36px;
  --h-44: 44px;
  --row-24: 24px;
  --row-28: 28px;
  --row-32: 32px;
  --row-36: 36px;
  --row-40: 40px;
  --row-44: 44px;
  --row-52: 52px;
  --row-60: 60px;
  --space-0: 0px;
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-36: 36px;
  --space-40: 40px;
  --space-44: 44px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-72: 72px;
  --space-80: 80px;
  --space-96: 96px;
  --space-120: 120px;
  --font: "Inter Variable","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --font-features: "kern" 1,"calt" 1,"liga" 1,"tnum" 1,"ss01" 1,"ss04" 1,"ss07" 1,"ss08" 1,"cv01" 1,"cv02" 1,"cv03" 1,"cv04" 1,"cv05" 1,"cv06" 1,"cv07" 1,"cv08" 1,"cv09" 1,"cv10" 1,"cv11" 1,"cv12" 1,"cv13" 1,"zero" 0;
  --tracking: -0.006em;
  --fs-9: 9px;
  --lh-9: 14px;
  --fs-11: 11px;
  --lh-11: 16px;
  --fs-12: 12px;
  --lh-12: 17px;
  --fs-13: 13px;
  --lh-13: 19px;
  --fs-16: 16px;
  --lh-16: 22px;
  --fs-20: 20px;
  --lh-20: 26px;
  --fs-24: 24px;
  --lh-24: 30px;
  --font-mono: "Geist Mono",ui-monospace,monospace;
  --fw-400: 400;
  --fw-450: 450;
  --fw-500: 500;
  --fw-550: 550;
  --icon-12: 12px;
  --icon-14: 14px;
  --icon-16: 16px;
  --icon-20: 20px;
  --icon-stroke: 1.25;
  --tau: 50ms;
  --state-in: 0s;
  --state-out: 150ms;
  --opacity-in: 40ms;
  --opacity-out: 120ms;
  --scale-in: 200ms;
  --scale-out: 30ms;
  --scale-from: .98;
  --section: 190ms;
  --toggle-move: 100ms;
  --toggle-lag: 50ms;
  --key-out: 90ms;
  --spin: 700ms;
  --shimmer: 1400ms;
  --indeterminate: 1200ms;
  --draw: 600ms;
  --draw-fade: 400ms;
  --ease-expo: cubic-bezier(.19,1,.22,1);
  --ease-quad: cubic-bezier(.25,.46,.45,.94);
  --ring-in: 60ms;
  --ease-ring: cubic-bezier(.4,0,.2,1);
  --z-sticky: 20;
  --z-dock: 40;
  --z-popover: 70;
  --z-backdrop: 80;
  --z-dialog: 81;
  --z-toast: 90;
  --z-tooltip: 95;
  --col-prose: 640px;
  --col-feed: 768px;
  --col-collection: 1024px;
  --panel-list: 320px;
  --panel-props: 285px;
  --panel-peek: 380px;
  --panel-inspector: 352px;
  --status-bar: 28px;
  --ring-field: inset 0 0 0 1px var(--ring-gap, var(--raised)), 0 0 0 1px var(--accent), 0 0 6px 1px var(--ring-glow);
  --ring-field-danger: inset 0 0 0 1px var(--ring-gap, var(--raised)), 0 0 0 1px var(--danger), 0 0 6px 1px var(--ring-glow-danger);
  --ring-inline: inset 0 0 0 1px var(--accent);
  /* ── scales: colour for every chart (28 September) ── */
  --intensity-1: #86b6ef;
  --intensity-1-lit: #9ec5f4;
  --intensity-1-deep: #6da7ec;
  --intensity-1-edge: #256abf;
  --intensity-1-on: #0b0b0b;
  --intensity-2: #3cbd8c;
  --intensity-2-lit: #5acba0;
  --intensity-2-deep: #1baf7a;
  --intensity-2-edge: #0f6e53;
  --intensity-2-on: #0b0b0b;
  --intensity-3: #eda104;
  --intensity-3-lit: #fab219;
  --intensity-3-deep: #da9303;
  --intensity-3-edge: #945d01;
  --intensity-3-on: #0b0b0b;
  --intensity-4: #eb6834;
  --intensity-4-lit: #ec835a;
  --intensity-4-deep: #d95926;
  --intensity-4-edge: #863311;
  --intensity-4-on: #0b0b0b;
  --intensity-5: #d03b3b;
  --intensity-5-lit: #e34948;
  --intensity-5-deep: #b93535;
  --intensity-5-edge: #641919;
  --intensity-5-on: #ffffff;
  --intensity-6: #993458;
  --intensity-6-lit: #ad3d66;
  --intensity-6-deep: #862a4c;
  --intensity-6-edge: #390f1f;
  --intensity-6-on: #ffffff;
  --ch-load: #2a78d6;
  --ch-load-planned: #9ec5f4;
  --ch-capacity: #6250d6;
  --ch-pressure: #e87ba4;
  --ch-form: #eda104;
  --rim: rgb(255 255 255 / 38%);
  /* ── colour map: one meaning, one ramp colour (29 September) ── */
  --clay: #d97757;
  --clay-emphasized: #c6613f;
  --heather: #cbcadb;
  --plum: #827dbd;
  --cactus: #bcd1ca;
  --mineral: #629987;
  --ch-sodium: #148e65;
  --ch-hr-area: #f7c1c1;
  --ch-elevation: #b4b3a8;
  --ch-temperature: #eb6834;
  --ch-glucose: #c04873;
  --ch-smo2: #1a9e70;
  --chart-seq-1: #cde2fb;
  --chart-seq-2: #9ec5f4;
  --chart-seq-3: #6da7ec;
  --chart-seq-4: #3987e5;
  --chart-seq-5: #256abf;
  --chart-seq-6: #184f95;
  --chart-seq-7: #0d366b;
  --chart-div-1: #256abf;
  --chart-div-2: #5598e7;
  --chart-div-3: #9ec5f4;
  --chart-div-4: #f0efec;
  --chart-div-5: #f4abab;
  --chart-div-6: #e66767;
  --chart-div-7: #b93535;
  --status-good: #0da30e;
  --status-warning: #fab219;
  --status-serious: #ec835a;
  --status-critical: #d03b3b;
  --sport-ride: #2a78d6;
  --sport-run: #d95926;
  --sport-swim: #1a9e70;
  --sport-strength: #7161e0;
  --sport-walk: #009300;
  --sport-hike: #017301;
  --sport-row: #184f95;
  --sport-ski: #6da7ec;
  --sport-mobility: #e46191;
  --sport-other: #7b7974;
  --body-hrv: #d55181;
  --body-sleep: #7161e0;
  --body-rhr: #e34948;
  --body-weight: #5598e7;
  --body-mood: #da9303;
  --body-soreness: #c25124;
  --body-energy: #009300;
  --body-stress: #b93535;
  --body-spo2: #3987e5;
  --body-temperature: #ec835a;
  --body-readiness: #1a9e70;
  --body-menstrual: #ad3d66;
  --macro-carbohydrate: #da9303;
  --macro-protein: #e46191;
  --macro-fat: #ec835a;
  --macro-fibre: #0da30e;
  --macro-alcohol: #a096eb;
  --macro-water: #6da7ec;
  --sky-sun: #eda104;
  --sky-cloud-sun: #c98500;
  --sky-cloud: #97958d;
  --sky-rain: #3987e5;
  --sky-wind: #1a9e70;
  --sky-fog: #a5a49a;
  --sky-snow: #86b6ef;
  --sky-storm: #7161e0;
  --session-planned: #898781;
  --session-progress: #eda104;
  --session-done: #0da30e;
  --session-missed: #e34948;
  --session-excused: #3987e5;
  --session-unplanned: #8173e3;
  --intent-recovery: #0da30e;
  --intent-endurance: #3987e5;
  --intent-tempo: #eda104;
  --intent-threshold: #eb6834;
  --intent-adaptation: #d95926;
  --intent-vo2max: #e34948;
  --intent-anaerobic: #c04873;
  --intent-test: #e46191;
  --intent-race: #7161e0;
  --intent-technique: #1baf7a;
  --intent-train-low: #148e65;
  --al-1: #0da30e;
  --al-2: #eda104;
  --al-3: #d03b3b;
  --domain-fuel: #da9303;
  --domain-state: #7161e0;
  --domain-load: #2a78d6;
  --domain-power: #028301;
  --domain-lab: #148e65;
  --domain-social: #e46191;
  --domain-gut: #ec835a;
  --domain-adapt: #3cbd8c;
  --domain-durability: #c25124;
  --domain-environment: #6da7ec;
  --domain-body: #e66767;
  --domain-codex: #7b7974;
  --domain-energy: #b77701;
  --domain-plan: #184f95;
  --domain-race: #4a3aa7;
  --domain-composite: #ad3d66;
  /* ── type: the reading sizes (1 October) ── */
  --fs-14: 14px;
  --lh-14: 22px;
  --fs-18: 18px;
  --lh-18: 24px;
  --lh-13-long: 20px;
  --ch-lactate: #0f7e5c;
  --ch-energy: #a66a00;
  --ch-glycogen: #c98500;
  /* ── state: the pulse of work under way (6 October) ── */
  --pulse: 600ms;
  --pulse-low: .22;
  --ease-pulse: cubic-bezier(.42,0,.58,1);
  /* ── glass: the tab bar on the phone (6 October) ── */
  --glass: rgb(255 255 255 / 68%);
  --glass-solid: rgb(255 255 255 / 94%);
  --glass-blur: 6px;
  --lift-dock: 0 0 0 1px rgb(11 11 11 / 12%), 0 9px 48px rgb(0 0 0 / .08), 0 6px 24px rgb(0 0 0 / .10), 0 1px 1px rgb(0 0 0 / .04);
  --accent-mark: #6250d6;
  /* ── glass button: a Button on a photograph, a film or a dark band (7 October) ── */
  --glass-button: rgb(252 252 251 / 14%);
  --glass-button-hover: rgb(252 252 251 / 20%);
  --glass-button-ring: rgb(252 252 251 / 16%);
  --glass-button-ink: var(--gray-10);
  /* ── motion: a step in a flow, and the door’s moments (12 October) ── */
  --step-tempo: 1;
  --step-leave: 240ms;
  --ease-step-leave: cubic-bezier(.45,0,.75,.4);
  --step-sink: 8px;
  --step-fade: 460ms;
  --ease-step-fade: cubic-bezier(.25,.6,.3,1);
  --step-move: 700ms;
  --ease-step-move: cubic-bezier(.22,1,.36,1);
  --step-gap: 70ms;
  --step-rise: 12px;
  --moment-check: 420ms;
  --moment-fly: 560ms;
  --moment-fly-gap: 20ms;
  --ease-fly: cubic-bezier(.16,1,.3,1);
  --moment-sweep: 1800ms;
  --moment-breath: 420ms;
  --moment-breath-scale: .988;
  --moment-flight: 1040ms;
  --ease-flight: cubic-bezier(.6,0,.2,1);
  --moment-contract: 1000ms;
  --moment-contract-delay: 180ms;
  --moment-rows: 420ms;
  /* ── corners: the continuous corner (round 33) ── */
  --corner-k: 1;
  --corner-k-nested: 1;
  /* ── springs: where something is let go (round 33) ── */
  --spring-release: linear(0, 0.0059 1.28%, 0.0223 2.56%, 0.0554 4.21%, 0.0987 5.86%, 0.1389 7.18%, 0.1952 8.88%, 0.4158 15.11%, 0.5108 17.94%, 0.5951 20.69%, 0.6703 23.44%, 0.7525 26.95%, 0.8193 30.47%, 0.8721 33.98%, 0.9128 37.5%, 0.9487 41.77%, 0.9729 46.04%, 0.99 50.85%, 1.0013 57.03%, 1.0063 67.77%, 1);
  --spring-release-duration: 419ms;
  --spring-release-physics: 438.6491 35.6047 1;
  --spring-snap: linear(0, 0.0055 1.64%, 0.0205 3.29%, 0.0509 5.4%, 0.0906 7.52%, 0.1787 11.4%, 0.3807 19.39%, 0.4685 23.03%, 0.5471 26.55%, 0.6182 30.08%, 0.6795 33.5%, 0.7332 36.91%, 0.7797 40.33%, 0.8195 43.75%, 0.8638 48.36%, 0.8987 52.98%, 0.9322 58.91%, 0.9559 64.84%, 0.9736 71.44%, 0.9849 78.03%, 0.9932 86.27%, 1);
  --spring-snap-duration: 356ms;
  --spring-snap-physics: 341.5088 34.0031 1;
  --spring-settle: linear(0, 0.0037 0.96%, 0.0141 1.92%, 0.0353 3.16%, 0.0634 4.39%, 0.1023 5.83%, 0.1592 7.67%, 0.3653 13.8%, 0.481 17.49%, 0.5645 20.46%, 0.6379 23.44%, 0.7116 26.95%, 0.7723 30.47%, 0.8216 33.98%, 0.861 37.5%, 0.8981 41.77%, 0.9258 46.04%, 0.9511 51.54%, 0.968 57.03%, 0.9816 64.08%, 0.9911 73.14%, 1);
  --spring-settle-duration: 383ms;
  --spring-settle-physics: 584.0003 48.3322 1;
  --spring-zoom: linear(0, 0.0037 0.96%, 0.0141 1.92%, 0.0352 3.16%, 0.0633 4.39%, 0.1022 5.83%, 0.159 7.67%, 0.3649 13.8%, 0.4806 17.49%, 0.5641 20.46%, 0.6374 23.44%, 0.7112 26.95%, 0.7719 30.47%, 0.8212 33.98%, 0.8607 37.5%, 0.8979 41.77%, 0.9256 46.04%, 0.9509 51.54%, 0.9679 57.03%, 0.9815 64.08%, 0.991 73.14%, 1);
  --spring-zoom-duration: 471ms;
  --spring-zoom-physics: 385.5314 39.2699 1;
  /* ── material: glass on the navigation layer (round 33) ── */
  --material-blur: 24px;
  --material-saturate: 170%;
  --material-tint: rgb(255 255 255 / 84%);
  --material-clear: rgb(255 255 255 / 66%);
  --material-solid: var(--raised);
  --material-edge: inset 0 1px 0 rgb(255 255 255 / 90%), inset 0 0 0 1px rgb(255 255 255 / 35%), 0 0 0 1px rgb(11 11 11 / 9%);
  --material-hover: rgb(42 42 8 / 4.3%);
  --material-selected: rgb(42 42 8 / 8.2%);
  --material-selected-hover: rgb(42 42 8 / 10.4%);
  --material-intensity: 1;
  /* ── view transitions: a view changes in place (round 33) ── */
  --view-in: 200ms;
  --view-out: 100ms;
  --view-shift: 24px;
  --view-scale: .985;
  --spring-follow: linear(0, 0.0037 0.96%, 0.014 1.92%, 0.0352 3.16%, 0.0632 4.39%, 0.1021 5.83%, 0.1589 7.67%, 0.3647 13.8%, 0.4804 17.49%, 0.5639 20.46%, 0.6372 23.44%, 0.711 26.95%, 0.7718 30.47%, 0.821 33.98%, 0.8606 37.5%, 0.8978 41.77%, 0.9255 46.04%, 0.9508 51.54%, 0.9678 57.03%, 0.9815 64.08%, 0.991 73.14%, 1);
  --spring-follow-duration: 231ms;
  --spring-follow-physics: 1601.6235 80.0406 1;
  /* ── chart motion: the five techniques (17 October 2026) ── */
  --stagger-span: 80ms;
  --draw-season: 1200ms;
  --fling-friction: .998;
  --rubber-band: .55;
  /* ── brand: the brand mark (16 October, proposed) ── */
  --brand-mark: #6250d6;
  /* ── key: the docs key (16 October) ── */
  --key-docs-face: #ffffff;
  --key-docs-down: #f1f0ed;
  --key-docs-radius-16: 4.5px;
  --key-docs-radius: 6px;
  --key-docs-radius-28: 8px;
  --key-docs-fs-16: 10px;
  --key-docs-lh-16: 14px;
  --key-docs-fs: 12px;
  --key-docs-lh: 16px;
  --key-docs-fs-28: 14px;
  --key-docs-lh-28: 18px;
  --new-mark: #3987e5;
  /* ── window tabs: the strip at the top of the desktop window (24 October) ── */
  --h-42: 42px;
  --h-26: 26px;
  --window-tab-width: 218px;
  --window-tab-gap: 6px;
  /* ── chat: the look of a conversation between people (27 October) ── */
  --chat-own-top: #6250d6;
  --chat-own: #5645be;
  --chat-own-end: #4a3aa7;
  --on-chat-own: #ffffff;
  --on-chat-own-2: rgb(255 255 255 / 84%);
  --chat-own-line: rgb(11 11 11 / 16%);
  --chat-their: #edece8;
  --chat-veil: rgb(11 11 11 / 25%);
  --chat-on-photo: rgb(11 11 11 / 56%);
  /* ── overlays: springs (28 October 2026) ── */
  --overlay-in-physics: 1500 100 1;
  --overlay-out-physics: 2500 100 1;
  --popover-out-physics: 2000 100 1;
  --menu-size-physics: 30000 500 1;
  --palette-size-physics: 20000 500 1;
  --dialog-spring: linear(0, 0.0037 0.96%, 0.0141 1.92%, 0.0353 3.16%, 0.0635 4.39%, 0.1025 5.83%, 0.1594 7.67%, 0.3657 13.8%, 0.4815 17.49%, 0.565 20.46%, 0.6384 23.44%, 0.7121 26.95%, 0.7727 30.47%, 0.8219 33.98%, 0.8613 37.5%, 0.8984 41.77%, 0.926 46.04%, 0.9512 51.54%, 0.9681 57.03%, 0.9817 64.08%, 0.9911 73.14%, 1);
  --dialog-spring-duration: 301ms;
  --dialog-spring-physics: 947.29 61.56 1;
  --overlay-in-opacity: linear(0, 0.2753 5.26%, 0.49 10.53%, 0.6967 15.79%, 0.8835 21.05%, 1 26.32%, 1);
  --overlay-in-scale: linear(0, 0.1376 5.26%, 0.245 10.53%, 0.3484 15.79%, 0.4418 21.05%, 0.5236 26.32%, 0.5943 31.58%, 0.6549 36.84%, 0.7066 42.11%, 0.7507 47.37%, 0.7882 52.63%, 0.82 57.89%, 0.8471 63.16%, 0.8701 68.42%, 0.8896 73.68%, 0.9062 78.95%, 0.9203 84.21%, 0.9323 89.47%, 0.9425 94.74%, 1);
  --overlay-in-duration: 158ms;
  --overlay-out-opacity: linear(0, 0.0704 17.65%, 0.3098 23.53%, 0.4961 29.41%, 0.6365 35.29%, 0.7402 41.18%, 0.8155 47.06%, 0.8697 52.94%, 0.9083 58.82%, 0.9357 64.71%, 0.955 70.59%, 0.9686 76.47%, 0.9781 82.35%, 0.9848 88.24%, 0.9894 94.12%, 1);
  --overlay-out-scale: linear(0, 0.2241 5.88%, 0.3886 11.76%, 1 17.65%, 1);
  --overlay-out-duration: 142ms;
  --backdrop-in: 400ms;
  --backdrop-out: 280ms;
  --backdrop-opacity: 0.95;
  --tooltip-delay: 450ms;
  --tooltip-delay-interactive: 550ms;
  --tooltip-grace: 100ms;
  --palette-out-scale: 0.96;
  --palette-dip: 80ms;
  --dialog-from: 0.95;
  /* ── right panel: width, handle and corner (2 November, locked) ── */
  --panel-side: 360px;
  --panel-side-max: 600px;
  --panel-handle: 7px;
  --r-side: 10px;
  /* ── Trail: the text above the reading line fades (Dim) ── */
  --trail-dim-near-fade: 280ms;
  --trail-dim-far-fade: 480ms;
  --ease-trail-dim: cubic-bezier(.2,0,0,1);
  /* ── motion: groups and arriving rows (3 November 2026) ── */
  --fold-turn: 150ms;
  --ease-fold-turn: ease;
  --arrive-clip: 300ms;
  --ease-arrive: cubic-bezier(.28,.48,.04,1);
  --arrive-fade: 250ms;
  --arrive-fade-delay: 75ms;
  --arrive-slide: 300ms;
  --arrive-quiet: 300ms;
  --trail-dim-faint: .14;
  --trail-dim-blur: 2px;
}
@media (min-resolution: 2dppx) { :root { --px: .5px; } }
@media (min-resolution: 3dppx) { :root { --px: calc(1px / 3); } }

/* ── dark: a proposal, not a lock (identity.source.mjs) ── */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --raised: #1a1a19;
    --raised-hover: #20201e;
    --raised-selected: #272623;
    --raised-selected-hover: #2b2a26;
    --paper: #131313;
    --paper-hover: #1a1918;
    --paper-selected: #20201d;
    --paper-selected-hover: #242320;
    --mat: #111111;
    --mat-hover: #171716;
    --mat-selected: #1e1d1b;
    --mat-selected-hover: #21211e;
    --ground: #0d0d0d;
    --ground-hover: #131312;
    --ground-selected: #191917;
    --ground-selected-hover: #1d1c1a;
    --well: #0b0b0b;
    --well-hover: #111110;
    --well-selected: #171715;
    --well-selected-hover: #1b1a18;
    --pill: #20201f;
    --pill-hover: #272725;
    --pill-selected: #2e2d2a;
    --pill-selected-hover: #32312d;
    --rule: rgb(255 255 255 / 10%);
    --ink: #f0efec;
    --ink-2: #c3c2b7;
    --ink-3: #888784;
    --ink-4: #6c6b69;
    --ink-disabled: rgb(255 255 255 / 35%);
    --a5: rgb(255 255 255 / 5%);
    --a10: rgb(255 255 255 / 10%);
    --a20: rgb(255 255 255 / 20%);
    --a35: rgb(255 255 255 / 35%);
    --a50: rgb(255 255 255 / 50%);
    --a60: rgb(255 255 255 / 60%);
    --a70: rgb(255 255 255 / 70%);
    --a85: rgb(255 255 255 / 85%);
    --a95: rgb(255 255 255 / 95%);
    --rank-1: rgb(255 255 255 / 10%);
    --rank-2: rgb(255 255 255 / 20%);
    --rank-3: rgb(255 255 255 / 50%);
    --rank-4: rgb(255 255 255 / 85%);
    --line-1: rgb(255 255 255 / 6%);
    --line-2: rgb(255 255 255 / 8%);
    --line-3: rgb(255 255 255 / 10%);
    --line-4: rgb(255 255 255 / 15%);
    --line-5: rgb(255 255 255 / 20%);
    --accent-ink: #a096eb;
    --accent-glyph: #9085e9;
    --accent-tint: #1d1649;
      --accent-line: #322777;
    --ring-glow: #18172d;
    --danger-ink: #ec7e7e;
    --danger-tint: #3c0e0e;
    --danger-line: #641919;
    --danger-dot: #b93535;
    --success-ink: #0da30e;
    --success-tint: #11260f;
    --success-line: #074505;
    --success-dot: #028301;
    --warning-ink: #da9303;
    --warning-tint: #311a00;
    --warning-line: #512e00;
    --warning-dot: #945d01;
    --info-ink: #6da7ec;
    --info-tint: #032042;
    --info-line: #0d366b;
    --info-dot: #256abf;
    --ring-glow-danger: #301715;
    --label-violet-bg: rgb(30 21 89 / 75%);
    --label-violet-fg: #a096eb;
    --label-violet-dot: #6250d6;
    --label-blue-bg: rgb(0 34 80 / 75%);
    --label-blue-fg: #6da7ec;
    --label-blue-dot: #256abf;
    --label-red-bg: rgb(71 10 10 / 75%);
    --label-red-fg: #ec7e7e;
    --label-red-dot: #b93535;
    --label-green-bg: rgb(14 42 12 / 75%);
    --label-green-fg: #55bf50;
    --label-green-dot: #028301;
    --label-yellow-bg: rgb(57 26 0 / 75%);
    --label-yellow-fg: #da9303;
    --label-yellow-dot: #945d01;
    --label-orange-bg: rgb(65 18 1 / 75%);
    --label-orange-fg: #ec835a;
    --label-orange-dot: #ae461c;
    --label-aqua-bg: rgb(0 43 34 / 75%);
    --label-aqua-fg: #3cbd8c;
    --label-aqua-dot: #0f7e5c;
    --label-magenta-bg: rgb(67 11 33 / 75%);
    --label-magenta-fg: #e87ba4;
    --label-magenta-dot: #ad3d66;
    --label-neutral-bg: rgb(255 255 255 / 8%);
    --label-neutral-fg: #c3c2b7;
    --chart-1: #9085e9;
    --chart-2: #d95926;
    --chart-3: #1a9e70;
    --chart-4: #c98500;
    --chart-5: #d55181;
    --chart-7: #3987e5;
    --chart-8: #e66767;
    --chart-grid: rgb(255 255 255 / 8%);
    --chart-axis: #383835;
    --chart-reference: #97958d;
    --tomrum-hand: #969590;
    --tomrum-hand-light: #4d5157;
    --tomrum-hand-fine: #303337;
    --key-face: #20201f;
    --key-lip: #0b0b0b;
    --key-ring: rgb(255 255 255 / 12%);
    --key-down: #1a1a19;
    --lit: inset 0 1px 0 rgb(255 255 255 / 12%), inset 0 0 0 var(--px) rgb(0 0 0 / 10%);
    --knob-shadow: 0 1px 1px rgb(0 0 0 / .30), 0 0 0 .5px rgb(0 0 0 / .20);
    --handle-shadow: 0 0 0 var(--px) rgb(0 0 0 / .40), 0 1px 2px rgb(0 0 0 / .40);
    --ring-raised: 0.1;
    --ring-raised-hover: 0.16;
    --ring-paper: 0.11;
    --ring-paper-hover: 0.17;
    --ring-mat: 0.11;
    --ring-mat-hover: 0.17;
    --ring-ground: 0.12;
    --ring-ground-hover: 0.18;
    --ring-well: 0.12;
    --ring-well-hover: 0.18;
    --ring-rgb: 255 255 255;
    --e1: 0 1px 1px rgb(0 0 0 / .30), 0 0 0 .5px rgb(0 0 0 / .20);
    --e2: 0 3px 8px rgb(0 0 0 / .125), 0 2px 5px rgb(0 0 0 / .125), 0 1px 1px rgb(0 0 0 / .125);
    --e3: 0 4px 40px rgb(0 0 0 / .10), 0 3px 20px rgb(0 0 0 / .125), 0 3px 12px rgb(0 0 0 / .125), 0 2px 8px rgb(0 0 0 / .125), 0 1px 1px rgb(0 0 0 / .125);
    --dock-shadow: 0 18px 44px -8px rgb(0 0 0 / .5), 0 4px 12px -2px rgb(0 0 0 / .3);
    --backdrop: lch(0 0 0 / 0.25);
    /* ── scales: colour for every chart (28 September) ── */
    --intensity-1: #5598e7;
    --intensity-1-lit: #6da7ec;
    --intensity-1-deep: #3987e5;
    --intensity-1-edge: #b7d3f6;
    --intensity-1-on: #0b0b0b;
    --intensity-2: #1a9e70;
    --intensity-2-lit: #1baf7a;
    --intensity-2-deep: #148e65;
    --intensity-2-edge: #7ad7b4;
    --intensity-2-on: #0b0b0b;
    --intensity-3: #c98500;
    --intensity-3-lit: #da9303;
    --intensity-3-deep: #b77701;
    --intensity-3-edge: #f9c868;
    --intensity-3-on: #0b0b0b;
    --intensity-4: #c25124;
    --intensity-4-lit: #d95926;
    --intensity-4-deep: #ae461c;
    --intensity-4-edge: #f09978;
    --intensity-4-on: #ffffff;
    --intensity-5: #a32c2c;
    --intensity-5-lit: #b93535;
    --intensity-5-deep: #8e2626;
    --intensity-5-edge: #e66767;
    --intensity-5-on: #ffffff;
    --intensity-6: #722340;
    --intensity-6-lit: #862a4c;
    --intensity-6-deep: #5e1c34;
    --intensity-6-edge: #c04873;
    --intensity-6-on: #ffffff;
    --ch-load: #3987e5;
    --ch-load-planned: #114281;
    --ch-capacity: #9085e9;
    --ch-pressure: #d55181;
    --ch-form: #c98500;
    --rim: rgb(255 255 255 / 12%);
    /* ── colour map: one meaning, one ramp colour (29 September) ── */
    --ch-power: #0da30e;
    --ch-hr: #e66767;
    --ch-speed: #3987e5;
    --ch-cadence: #9085e9;
    --ch-pace: #e46191;
    --ch-kjmin: #da9303;
    --ch-torque: #d95926;
    --ch-carb: #da9303;
    --ch-fructose: #eb6834;
    --ch-fluid: #5598e7;
    --ch-sodium: #1baf7a;
    --ch-power-estimated: #017301;
    --ch-power-area: #0f350d;
    --ch-hr-area: #511212;
    --ch-elevation: #52514e;
    --ch-temperature: #ec835a;
    --ch-glucose: #e46191;
    --ch-smo2: #1baf7a;
    --zone-1: #0d366b;
    --zone-2: #184f95;
    --zone-3: #256abf;
    --zone-4: #3987e5;
    --zone-5: #6da7ec;
    --zone-6: #9ec5f4;
    --chart-seq-1: #0d366b;
    --chart-seq-2: #184f95;
    --chart-seq-3: #256abf;
    --chart-seq-4: #3987e5;
    --chart-seq-5: #6da7ec;
    --chart-seq-6: #9ec5f4;
    --chart-seq-7: #cde2fb;
    --chart-div-1: #6da7ec;
    --chart-div-2: #3987e5;
    --chart-div-3: #184f95;
    --chart-div-4: #383835;
    --chart-div-5: #8e2626;
    --chart-div-6: #e34948;
    --chart-div-7: #ec7e7e;
    --status-good: #0da30e;
    --status-warning: #fab219;
    --status-serious: #ec835a;
    --status-critical: #d03b3b;
    --sport-ride: #5598e7;
    --sport-run: #ec835a;
    --sport-swim: #3cbd8c;
    --sport-strength: #9085e9;
    --sport-walk: #34b231;
    --sport-hike: #009300;
    --sport-row: #256abf;
    --sport-ski: #86b6ef;
    --sport-mobility: #ed93b4;
    --sport-other: #97958d;
    --body-hrv: #e87ba4;
    --body-sleep: #9085e9;
    --body-rhr: #ec7e7e;
    --body-weight: #86b6ef;
    --body-mood: #eda104;
    --body-soreness: #eb6834;
    --body-energy: #34b231;
    --body-stress: #e34948;
    --body-spo2: #6da7ec;
    --body-temperature: #f09978;
    --body-readiness: #3cbd8c;
    --body-menstrual: #d55181;
    --macro-carbohydrate: #eda104;
    --macro-protein: #e87ba4;
    --macro-fat: #f09978;
    --macro-fibre: #34b231;
    --macro-alcohol: #b0a7f2;
    --macro-water: #86b6ef;
    --sky-sun: #eda104;
    --sky-cloud-sun: #da9303;
    --sky-cloud: #a5a49a;
    --sky-rain: #5598e7;
    --sky-wind: #1baf7a;
    --sky-fog: #b4b3a8;
    --sky-snow: #86b6ef;
    --sky-storm: #8173e3;
    --session-planned: #7b7974;
    --session-progress: #eda104;
    --session-done: #0da30e;
    --session-missed: #e66767;
    --session-excused: #5598e7;
    --session-unplanned: #9085e9;
    --intent-recovery: #34b231;
    --intent-endurance: #5598e7;
    --intent-tempo: #eda104;
    --intent-threshold: #ec835a;
    --intent-adaptation: #eb6834;
    --intent-vo2max: #e66767;
    --intent-anaerobic: #d55181;
    --intent-test: #e87ba4;
    --intent-race: #8173e3;
    --intent-technique: #3cbd8c;
    --intent-train-low: #1a9e70;
    --al-1: #0da30e;
    --al-2: #eda104;
    --al-3: #d03b3b;
    --domain-fuel: #eda104;
    --domain-state: #9085e9;
    --domain-load: #5598e7;
    --domain-power: #0da30e;
    --domain-lab: #1baf7a;
    --domain-social: #ed93b4;
    --domain-gut: #f09978;
    --domain-adapt: #5acba0;
    --domain-durability: #eb6834;
    --domain-environment: #86b6ef;
    --domain-body: #f09595;
    --domain-codex: #97958d;
    --domain-energy: #da9303;
    --domain-plan: #256abf;
    --domain-race: #6250d6;
    --domain-composite: #d55181;
    --ch-lactate: #1a9e70;
    --ch-energy: #c98500;
    --ch-glycogen: #eda104;
    /* ── glass: the tab bar on the phone (6 October) ── */
    --glass: rgb(26 26 25 / 68%);
    --glass-solid: rgb(26 26 25 / 94%);
    --lift-dock: 0 0 0 1px rgb(255 255 255 / 12%), 0 4px 40px rgb(0 0 0 / .10), 0 3px 20px rgb(0 0 0 / .125), 0 2px 8px rgb(0 0 0 / .125), 0 1px 1px rgb(0 0 0 / .125);
    /* ── state: the pulse of work under way (6 October) ── */
    --accent-mark: #8173e3;
    /* ── material: glass on the navigation layer (round 33) ── */
    --material-saturate: 150%;
    --material-tint: rgb(26 26 25 / 84%);
    --material-clear: rgb(26 26 25 / 70%);
    --material-edge: inset 0 1px 0 rgb(255 255 255 / 10%), inset 0 0 0 1px rgb(255 255 255 / 4%), 0 0 0 1px rgb(255 255 255 / 12%);
    --material-hover: rgb(240 239 236 / 2.8%);
    --material-selected: rgb(240 239 236 / 5.6%);
    --material-selected-hover: rgb(240 239 236 / 7.9%);
    /* ── key: the docs key (16 October) ── */
    --key-docs-face: #1d1d1c;
    --key-docs-down: #151515;
    --new-mark: #6da7ec;
    /* ── chat: the look of a conversation between people (27 October) ── */
    --chat-own-line: rgb(0 0 0 / 20%);
    --chat-their: #201f1d;
    --chat-veil: rgb(0 0 0 / 50%);
    --chat-on-photo: rgb(0 0 0 / 56%);
    /* ── Trail: the text above the reading line fades (Dim) ── */
    --trail-dim-faint: .12;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --raised: #1a1a19;
  --raised-hover: #20201e;
  --raised-selected: #272623;
  --raised-selected-hover: #2b2a26;
  --paper: #131313;
  --paper-hover: #1a1918;
  --paper-selected: #20201d;
  --paper-selected-hover: #242320;
  --mat: #111111;
  --mat-hover: #171716;
  --mat-selected: #1e1d1b;
  --mat-selected-hover: #21211e;
  --ground: #0d0d0d;
  --ground-hover: #131312;
  --ground-selected: #191917;
  --ground-selected-hover: #1d1c1a;
  --well: #0b0b0b;
  --well-hover: #111110;
  --well-selected: #171715;
  --well-selected-hover: #1b1a18;
  --pill: #20201f;
  --pill-hover: #272725;
  --pill-selected: #2e2d2a;
  --pill-selected-hover: #32312d;
  --rule: rgb(255 255 255 / 10%);
  --ink: #f0efec;
  --ink-2: #c3c2b7;
  --ink-3: #888784;
  --ink-4: #6c6b69;
  --ink-disabled: rgb(255 255 255 / 35%);
  --a5: rgb(255 255 255 / 5%);
  --a10: rgb(255 255 255 / 10%);
  --a20: rgb(255 255 255 / 20%);
  --a35: rgb(255 255 255 / 35%);
  --a50: rgb(255 255 255 / 50%);
  --a60: rgb(255 255 255 / 60%);
  --a70: rgb(255 255 255 / 70%);
  --a85: rgb(255 255 255 / 85%);
  --a95: rgb(255 255 255 / 95%);
  --rank-1: rgb(255 255 255 / 10%);
  --rank-2: rgb(255 255 255 / 20%);
  --rank-3: rgb(255 255 255 / 50%);
  --rank-4: rgb(255 255 255 / 85%);
  --line-1: rgb(255 255 255 / 6%);
  --line-2: rgb(255 255 255 / 8%);
  --line-3: rgb(255 255 255 / 10%);
  --line-4: rgb(255 255 255 / 15%);
  --line-5: rgb(255 255 255 / 20%);
  --accent-ink: #a096eb;
  --accent-glyph: #9085e9;
  --accent-tint: #1d1649;
  --accent-line: #322777;
  --ring-glow: #18172d;
  --danger-ink: #ec7e7e;
  --danger-tint: #3c0e0e;
  --danger-line: #641919;
  --danger-dot: #b93535;
  --success-ink: #0da30e;
  --success-tint: #11260f;
  --success-line: #074505;
  --success-dot: #028301;
  --warning-ink: #da9303;
  --warning-tint: #311a00;
  --warning-line: #512e00;
  --warning-dot: #945d01;
  --info-ink: #6da7ec;
  --info-tint: #032042;
  --info-line: #0d366b;
  --info-dot: #256abf;
  --ring-glow-danger: #301715;
  --label-violet-bg: rgb(30 21 89 / 75%);
  --label-violet-fg: #a096eb;
  --label-violet-dot: #6250d6;
  --label-blue-bg: rgb(0 34 80 / 75%);
  --label-blue-fg: #6da7ec;
  --label-blue-dot: #256abf;
  --label-red-bg: rgb(71 10 10 / 75%);
  --label-red-fg: #ec7e7e;
  --label-red-dot: #b93535;
  --label-green-bg: rgb(14 42 12 / 75%);
  --label-green-fg: #55bf50;
  --label-green-dot: #028301;
  --label-yellow-bg: rgb(57 26 0 / 75%);
  --label-yellow-fg: #da9303;
  --label-yellow-dot: #945d01;
  --label-orange-bg: rgb(65 18 1 / 75%);
  --label-orange-fg: #ec835a;
  --label-orange-dot: #ae461c;
  --label-aqua-bg: rgb(0 43 34 / 75%);
  --label-aqua-fg: #3cbd8c;
  --label-aqua-dot: #0f7e5c;
  --label-magenta-bg: rgb(67 11 33 / 75%);
  --label-magenta-fg: #e87ba4;
  --label-magenta-dot: #ad3d66;
  --label-neutral-bg: rgb(255 255 255 / 8%);
  --label-neutral-fg: #c3c2b7;
  --chart-1: #9085e9;
  --chart-2: #d95926;
  --chart-3: #1a9e70;
  --chart-4: #c98500;
  --chart-5: #d55181;
  --chart-7: #3987e5;
  --chart-8: #e66767;
  --chart-grid: rgb(255 255 255 / 8%);
  --chart-axis: #383835;
  --chart-reference: #97958d;
  --tomrum-hand: #969590;
  --tomrum-hand-light: #4d5157;
  --tomrum-hand-fine: #303337;
  --key-face: #20201f;
  --key-lip: #0b0b0b;
  --key-ring: rgb(255 255 255 / 12%);
  --key-down: #1a1a19;
  --lit: inset 0 1px 0 rgb(255 255 255 / 12%), inset 0 0 0 var(--px) rgb(0 0 0 / 10%);
  --knob-shadow: 0 1px 1px rgb(0 0 0 / .30), 0 0 0 .5px rgb(0 0 0 / .20);
  --handle-shadow: 0 0 0 var(--px) rgb(0 0 0 / .40), 0 1px 2px rgb(0 0 0 / .40);
  --ring-raised: 0.1;
  --ring-raised-hover: 0.16;
  --ring-paper: 0.11;
  --ring-paper-hover: 0.17;
  --ring-mat: 0.11;
  --ring-mat-hover: 0.17;
  --ring-ground: 0.12;
  --ring-ground-hover: 0.18;
  --ring-well: 0.12;
  --ring-well-hover: 0.18;
  --ring-rgb: 255 255 255;
  --e1: 0 1px 1px rgb(0 0 0 / .30), 0 0 0 .5px rgb(0 0 0 / .20);
  --e2: 0 3px 8px rgb(0 0 0 / .125), 0 2px 5px rgb(0 0 0 / .125), 0 1px 1px rgb(0 0 0 / .125);
  --e3: 0 4px 40px rgb(0 0 0 / .10), 0 3px 20px rgb(0 0 0 / .125), 0 3px 12px rgb(0 0 0 / .125), 0 2px 8px rgb(0 0 0 / .125), 0 1px 1px rgb(0 0 0 / .125);
  --dock-shadow: 0 18px 44px -8px rgb(0 0 0 / .5), 0 4px 12px -2px rgb(0 0 0 / .3);
  --backdrop: lch(0 0 0 / 0.25);
  /* ── scales: colour for every chart (28 September) ── */
  --intensity-1: #5598e7;
  --intensity-1-lit: #6da7ec;
  --intensity-1-deep: #3987e5;
  --intensity-1-edge: #b7d3f6;
  --intensity-1-on: #0b0b0b;
  --intensity-2: #1a9e70;
  --intensity-2-lit: #1baf7a;
  --intensity-2-deep: #148e65;
  --intensity-2-edge: #7ad7b4;
  --intensity-2-on: #0b0b0b;
  --intensity-3: #c98500;
  --intensity-3-lit: #da9303;
  --intensity-3-deep: #b77701;
  --intensity-3-edge: #f9c868;
  --intensity-3-on: #0b0b0b;
  --intensity-4: #c25124;
  --intensity-4-lit: #d95926;
  --intensity-4-deep: #ae461c;
  --intensity-4-edge: #f09978;
  --intensity-4-on: #ffffff;
  --intensity-5: #a32c2c;
  --intensity-5-lit: #b93535;
  --intensity-5-deep: #8e2626;
  --intensity-5-edge: #e66767;
  --intensity-5-on: #ffffff;
  --intensity-6: #722340;
  --intensity-6-lit: #862a4c;
  --intensity-6-deep: #5e1c34;
  --intensity-6-edge: #c04873;
  --intensity-6-on: #ffffff;
  --ch-load: #3987e5;
  --ch-load-planned: #114281;
  --ch-capacity: #9085e9;
  --ch-pressure: #d55181;
  --ch-form: #c98500;
  --rim: rgb(255 255 255 / 12%);
  /* ── colour map: one meaning, one ramp colour (29 September) ── */
  --ch-power: #0da30e;
  --ch-hr: #e66767;
  --ch-speed: #3987e5;
  --ch-cadence: #9085e9;
  --ch-pace: #e46191;
  --ch-kjmin: #da9303;
  --ch-torque: #d95926;
  --ch-carb: #da9303;
  --ch-fructose: #eb6834;
  --ch-fluid: #5598e7;
  --ch-sodium: #1baf7a;
  --ch-power-estimated: #017301;
  --ch-power-area: #0f350d;
  --ch-hr-area: #511212;
  --ch-elevation: #52514e;
  --ch-temperature: #ec835a;
  --ch-glucose: #e46191;
  --ch-smo2: #1baf7a;
  --zone-1: #0d366b;
  --zone-2: #184f95;
  --zone-3: #256abf;
  --zone-4: #3987e5;
  --zone-5: #6da7ec;
  --zone-6: #9ec5f4;
  --chart-seq-1: #0d366b;
  --chart-seq-2: #184f95;
  --chart-seq-3: #256abf;
  --chart-seq-4: #3987e5;
  --chart-seq-5: #6da7ec;
  --chart-seq-6: #9ec5f4;
  --chart-seq-7: #cde2fb;
  --chart-div-1: #6da7ec;
  --chart-div-2: #3987e5;
  --chart-div-3: #184f95;
  --chart-div-4: #383835;
  --chart-div-5: #8e2626;
  --chart-div-6: #e34948;
  --chart-div-7: #ec7e7e;
  --status-good: #0da30e;
  --status-warning: #fab219;
  --status-serious: #ec835a;
  --status-critical: #d03b3b;
  --sport-ride: #5598e7;
  --sport-run: #ec835a;
  --sport-swim: #3cbd8c;
  --sport-strength: #9085e9;
  --sport-walk: #34b231;
  --sport-hike: #009300;
  --sport-row: #256abf;
  --sport-ski: #86b6ef;
  --sport-mobility: #ed93b4;
  --sport-other: #97958d;
  --body-hrv: #e87ba4;
  --body-sleep: #9085e9;
  --body-rhr: #ec7e7e;
  --body-weight: #86b6ef;
  --body-mood: #eda104;
  --body-soreness: #eb6834;
  --body-energy: #34b231;
  --body-stress: #e34948;
  --body-spo2: #6da7ec;
  --body-temperature: #f09978;
  --body-readiness: #3cbd8c;
  --body-menstrual: #d55181;
  --macro-carbohydrate: #eda104;
  --macro-protein: #e87ba4;
  --macro-fat: #f09978;
  --macro-fibre: #34b231;
  --macro-alcohol: #b0a7f2;
  --macro-water: #86b6ef;
  --sky-sun: #eda104;
  --sky-cloud-sun: #da9303;
  --sky-cloud: #a5a49a;
  --sky-rain: #5598e7;
  --sky-wind: #1baf7a;
  --sky-fog: #b4b3a8;
  --sky-snow: #86b6ef;
  --sky-storm: #8173e3;
  --session-planned: #7b7974;
  --session-progress: #eda104;
  --session-done: #0da30e;
  --session-missed: #e66767;
  --session-excused: #5598e7;
  --session-unplanned: #9085e9;
  --intent-recovery: #34b231;
  --intent-endurance: #5598e7;
  --intent-tempo: #eda104;
  --intent-threshold: #ec835a;
  --intent-adaptation: #eb6834;
  --intent-vo2max: #e66767;
  --intent-anaerobic: #d55181;
  --intent-test: #e87ba4;
  --intent-race: #8173e3;
  --intent-technique: #3cbd8c;
  --intent-train-low: #1a9e70;
  --al-1: #0da30e;
  --al-2: #eda104;
  --al-3: #d03b3b;
  --domain-fuel: #eda104;
  --domain-state: #9085e9;
  --domain-load: #5598e7;
  --domain-power: #0da30e;
  --domain-lab: #1baf7a;
  --domain-social: #ed93b4;
  --domain-gut: #f09978;
  --domain-adapt: #5acba0;
  --domain-durability: #eb6834;
  --domain-environment: #86b6ef;
  --domain-body: #f09595;
  --domain-codex: #97958d;
  --domain-energy: #da9303;
  --domain-plan: #256abf;
  --domain-race: #6250d6;
  --domain-composite: #d55181;
  --ch-lactate: #1a9e70;
  --ch-energy: #c98500;
  --ch-glycogen: #eda104;
  /* ── glass: the tab bar on the phone (6 October) ── */
  --glass: rgb(26 26 25 / 68%);
  --glass-solid: rgb(26 26 25 / 94%);
  --lift-dock: 0 0 0 1px rgb(255 255 255 / 12%), 0 4px 40px rgb(0 0 0 / .10), 0 3px 20px rgb(0 0 0 / .125), 0 2px 8px rgb(0 0 0 / .125), 0 1px 1px rgb(0 0 0 / .125);
  /* ── state: the pulse of work under way (6 October) ── */
  --accent-mark: #8173e3;
  /* ── material: glass on the navigation layer (round 33) ── */
  --material-saturate: 150%;
  --material-tint: rgb(26 26 25 / 84%);
  --material-clear: rgb(26 26 25 / 70%);
  --material-edge: inset 0 1px 0 rgb(255 255 255 / 10%), inset 0 0 0 1px rgb(255 255 255 / 4%), 0 0 0 1px rgb(255 255 255 / 12%);
  --material-hover: rgb(240 239 236 / 2.8%);
  --material-selected: rgb(240 239 236 / 5.6%);
  --material-selected-hover: rgb(240 239 236 / 7.9%);
  /* ── key: the docs key (16 October) ── */
  --key-docs-face: #1d1d1c;
  --key-docs-down: #151515;
  --new-mark: #6da7ec;
  /* ── chat: the look of a conversation between people (27 October) ── */
  --chat-own-line: rgb(0 0 0 / 20%);
  --chat-their: #201f1d;
  --chat-veil: rgb(0 0 0 / 50%);
  --chat-on-photo: rgb(0 0 0 / 56%);
  /* ── Trail: the text above the reading line fades (Dim) ── */
  --trail-dim-faint: .12;
}

/* ── planes: a container says which surface it is, and everything on it takes
      that surface's hover, selected and ring ── */
[data-plane="raised"] {
  --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover);
  --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised);
}
[data-plane="paper"] {
  --plane: var(--paper); --plane-hover: var(--paper-hover); --plane-selected: var(--paper-selected); --plane-selected-hover: var(--paper-selected-hover);
  --ring: var(--ring-paper); --ring-hover: var(--ring-paper-hover); --pill-rest: var(--raised);
}
[data-plane="mat"] {
  --plane: var(--mat); --plane-hover: var(--mat-hover); --plane-selected: var(--mat-selected); --plane-selected-hover: var(--mat-selected-hover);
  --ring: var(--ring-mat); --ring-hover: var(--ring-mat-hover); --pill-rest: var(--raised);
}
[data-plane="ground"] {
  --plane: var(--ground); --plane-hover: var(--ground-hover); --plane-selected: var(--ground-selected); --plane-selected-hover: var(--ground-selected-hover);
  --ring: var(--ring-ground); --ring-hover: var(--ring-ground-hover); --pill-rest: var(--paper);
}
[data-plane="well"] {
  --plane: var(--well); --plane-hover: var(--well-hover); --plane-selected: var(--well-selected); --plane-selected-hover: var(--well-selected-hover);
  --ring: var(--ring-well); --ring-hover: var(--ring-well-hover); --pill-rest: var(--paper);
}
/* ── the app's size (RAMTT-633, 1 November 2026) ──
   Malte, 1 November: the app looked like a page of the library in size. The
   library keeps the recipe above. The app sets data-ui-size="app" on its root,
   and every part that reads a type, control or row token grows one step: body
   13 to 14, title 16 to 18, rows 4 px taller, controls 2 px taller. The phone's
   44 and 42 stay, and so do icons and spacing. Each name keeps the library
   step it stands for, so a part reads the same token in both. */
:root[data-ui-size="app"] {
  --fs-9: 10px;  --lh-9: 15px;
  --fs-11: 12px; --lh-11: 17px;
  --fs-12: 13px; --lh-12: 18px;
  --fs-13: 14px; --lh-13: 20px; --lh-13-long: 22px;
  --fs-14: 15px; --lh-14: 24px;
  --fs-16: 18px; --lh-16: 24px;
  --fs-18: 20px; --lh-18: 26px;
  --fs-20: 22px; --lh-20: 28px;
  --fs-24: 28px; --lh-24: 34px;
  --h-20: 22px; --h-24: 26px; --h-26: 28px; --h-28: 30px; --h-32: 34px; --h-36: 38px;
  --row-24: 28px; --row-28: 32px; --row-32: 36px; --row-36: 40px; --row-40: 44px; --row-44: 48px; --row-52: 56px; --row-60: 64px;
}
}

/* ═══ 00-base.css ═══ */
@layer base {
@font-face {
  font-family: "Inter Variable";
  src: url("../fonts/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root { font-family: var(--font); font-feature-settings: var(--font-features); font-optical-sizing: none; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); letter-spacing: var(--tracking); color: var(--ink); background: var(--ground); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; cursor: default; }
*,
*::before,
*::after { box-sizing: border-box; cursor: inherit; }
:where(input:not([type="checkbox"], [type="radio"], [type="range"], [type="button"], [type="submit"]), textarea, [contenteditable="true"]) { cursor: text; }
:where(button, a, [role="button"], [role="menuitem"], [role="option"], [role="tab"], label, summary, select) { cursor: default; }
:where(button, input, select, textarea) { font: inherit; font-feature-settings: inherit; letter-spacing: inherit; color: inherit; }
:where(button) { background: none; border: 0; padding: 0; margin: 0; -webkit-tap-highlight-color: transparent; }
:where(a) { color: inherit; text-decoration: none; }
:where(img, svg) { display: block; }
:where(img:not([src]), img[src=""]) { display: inline; }
:where(svg[data-icon]) { flex: none; }
:where(s, del) { color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
:where(em, i, cite, address, dfn) { font-style: normal; }
:where(b, strong) { font-weight: var(--fw-550); }
:where(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote) { margin: 0; }
:where(h1, h2, h3, h4, h5, h6) { font-size: inherit; font-weight: var(--fw-550); }
::selection { background: var(--selection); }
:where(input, textarea) { caret-color: var(--accent); }
:where([data-r]):focus-visible,
:where([data-r] [data-focusable]):focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
:where([data-r])[data-force~="focus"],
:where([data-r] [data-focusable])[data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
:where([data-r]):focus:not(:focus-visible) { outline: none; }
@media (forced-colors: active) {
  :where([data-r]):focus-visible { outline-color: Highlight; }
}
:where(html[data-scroll-line], html[data-scroll-line] *) { scrollbar-width: none; }
:where(html[data-scroll-line], html[data-scroll-line] *)::-webkit-scrollbar { display: none; }
:where([data-num], td, th, time) { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  :where([data-r], [data-r] *) { transition-duration: 0s !important; animation-duration: 0s !important; }
}
:where([hidden]:not([hidden="until-found"])) { display: none !important; }
:where([data-r][popover]) { position: fixed; inset: auto; width: auto; height: auto; margin: 0; padding: 0; border: 0; overflow: visible; color: inherit; background: none; }
:where(dialog[data-r]) { width: auto; height: auto; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; overflow: visible; color: inherit; background: none; }
:where(dialog[data-r])::backdrop { background: var(--backdrop); opacity: var(--backdrop-shown, var(--backdrop-opacity)); }
:root[data-adjusting],
:root[data-adjusting] * { cursor: var(--held-cursor, default) !important; -webkit-user-select: none; user-select: none; }
[data-r="vcursor"] { position: fixed; left: 0; top: 0; z-index: var(--z-tooltip); width: 22px; height: 22px; pointer-events: none; }
[data-r="vcursor"][data-axis="y"] > svg { transform: rotate(90deg); }
[data-r="vcursor"] path { fill: var(--cursor); stroke: var(--cursor-edge); stroke-width: 1.4; stroke-linejoin: round; }
:where(.r-sr) { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
:where(svg[data-icon]) { width: var(--icon-16); height: var(--icon-16); fill: none; stroke: currentColor; stroke-width: var(--icon-stroke); stroke-linecap: round; stroke-linejoin: round; }
:where(svg[data-icon][data-size="12"]) { width: var(--icon-12); height: var(--icon-12); }
:where(svg[data-icon][data-size="14"]) { width: var(--icon-14); height: var(--icon-14); }
:where(svg[data-icon][data-size="20"]) { width: var(--icon-20); height: var(--icon-20); }
:where([data-plane]) { background: var(--plane); }
}

/* ═══ 10-button.css ═══ */
@layer components {
[data-r="button"] { --h: var(--h-28); --pad: 10px; --pad-icon: 8px; --gap: 6px; --fs: var(--fs-12); --lh: var(--lh-12); --icon: var(--icon-16); --pad-l: var(--pad); --pad-r: var(--pad); position: relative; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap); flex: none; height: var(--h); min-width: var(--h); padding: 0 var(--pad-r) 0 var(--pad-l); border: .5px solid transparent; background-clip: padding-box; border-radius: var(--r-press); background-color: var(--pill-rest); color: var(--ink-2); font-size: var(--fs); line-height: var(--lh); font-weight: var(--fw-500); white-space: nowrap; user-select: none; -webkit-user-select: none; text-decoration: none; transition: background-color var(--state-out), color var(--state-out), opacity var(--state-out); }
[data-r="button"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); transition: box-shadow var(--state-out); }
[data-r="button"] > svg[data-icon] { width: var(--icon); height: var(--icon); }
[data-r="button"] > [data-r="dot"] { margin-inline: calc((var(--icon) - 8px) / 2); }
[data-r="button"] > [data-r="status"] { margin-inline: calc((var(--icon) - 14px) / 2); }
[data-r="button"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="button"]:where(:has(> :is(svg[data-icon], [data-r="status"], [data-r="avatar"], [data-r="dot"]):first-child)) { --pad-l: var(--pad-icon); }
[data-r="button"]:where(:has(> svg[data-icon]:last-child:not(:first-child))) { --pad-r: var(--pad-icon); }
[data-r="button"][data-size="32"] { --h: var(--h-32); --pad: 12px; --pad-icon: 10px; --fs: var(--fs-13); --lh: var(--lh-13); }
[data-r="button"][data-size="24"] { --h: var(--h-24); --pad: 8px; --pad-icon: 6px; --gap: 4px; --icon: var(--icon-14); }
[data-r="button"][data-size="20"] { --h: var(--h-20); --pad: 6px; --pad-icon: 4px; --gap: 4px; --icon: var(--icon-12); --fs: var(--fs-11); --lh: var(--lh-11); }
[data-r="button"][data-size="36"] { --h: var(--h-36); --pad: 14px; --pad-icon: 12px; --fs: var(--fs-13); --lh: var(--lh-13); }
[data-r="button"][data-size="44"] { --h: var(--h-44); --pad: 18px; --pad-icon: 16px; --gap: 8px; --fs: var(--fs-16); --lh: var(--lh-16); --icon: var(--icon-20); }
[data-r="button"][data-icon-only] { width: var(--h); padding: 0; }
[data-r="button"][aria-expanded="true"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="button"]:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="button"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="button"][aria-expanded="true"]::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="button"]:hover::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
}
[data-r="button"][data-force~="hover"]::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
[data-r="button"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="page"], [aria-current="true"]) { background-color: var(--plane-selected); color: var(--ink); }
@media (hover: hover) {
  [data-r="button"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="page"], [aria-current="true"]):hover { background-color: var(--plane-selected-hover); }
}
[data-r="button"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="page"], [aria-current="true"])[data-force~="hover"] { background-color: var(--plane-selected-hover); }
[data-r="button"][data-variant="ghost"] { background-color: transparent; }
[data-r="button"][data-variant="ghost"]::after { box-shadow: none; }
[data-r="button"][data-variant="ghost"][aria-expanded="true"] { background-color: var(--plane-hover); color: var(--ink); }
@media (hover: hover) {
  [data-r="button"][data-variant="ghost"]:hover { background-color: var(--plane-hover); color: var(--ink); }
}
[data-r="button"][data-variant="ghost"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); }
[data-r="button"][data-variant="ghost"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="page"]) { background-color: var(--plane-selected); color: var(--ink); }
[data-r="button"][data-variant="ghost"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="page"])::after { box-shadow: none; }
[data-r="button"][data-variant="primary"] { background-color: var(--accent); color: var(--on-accent); }
[data-r="button"][data-variant="primary"]::after { box-shadow: var(--lit), var(--e1); }
[data-r="button"][data-variant="primary"][aria-expanded="true"] { background-color: var(--accent-hover); color: var(--on-accent); }
@media (hover: hover) {
  [data-r="button"][data-variant="primary"]:hover { background-color: var(--accent-hover); color: var(--on-accent); }
}
[data-r="button"][data-variant="primary"][data-force~="hover"] { background-color: var(--accent-hover); color: var(--on-accent); }
@media (hover: hover) {
  [data-r="button"][data-variant="primary"]:hover::after { box-shadow: var(--lit), var(--e1); }
}
[data-r="button"][data-variant="primary"][data-force~="hover"]::after { box-shadow: var(--lit), var(--e1); }
[data-r="button"][data-variant="danger"] { background-color: var(--danger); color: var(--on-fill); }
[data-r="button"][data-variant="danger"]::after { box-shadow: var(--lit), var(--e1); }
@media (hover: hover) {
  [data-r="button"][data-variant="danger"]:hover { background-color: var(--danger-hover); color: var(--on-fill); }
}
[data-r="button"][data-variant="danger"][data-force~="hover"] { background-color: var(--danger-hover); color: var(--on-fill); }
@media (hover: hover) {
  [data-r="button"][data-variant="danger"]:hover::after { box-shadow: var(--lit), var(--e1); }
}
[data-r="button"][data-variant="danger"][data-force~="hover"]::after { box-shadow: var(--lit), var(--e1); }
[data-r="button"][data-variant="glass"] { background-color: var(--glass-button); color: var(--glass-button-ink); -webkit-backdrop-filter: blur(var(--glass-blur)); backdrop-filter: blur(var(--glass-blur)); }
[data-r="button"][data-variant="glass"]::after { box-shadow: 0 0 0 var(--px) var(--glass-button-ring); }
[data-r="button"][data-variant="glass"][aria-expanded="true"] { background-color: var(--glass-button-hover); color: var(--glass-button-ink); }
@media (hover: hover) {
  [data-r="button"][data-variant="glass"]:hover { background-color: var(--glass-button-hover); color: var(--glass-button-ink); }
}
[data-r="button"][data-variant="glass"][data-force~="hover"] { background-color: var(--glass-button-hover); color: var(--glass-button-ink); }
@media (hover: hover) {
  [data-r="button"][data-variant="glass"]:hover::after { box-shadow: 0 0 0 var(--px) var(--glass-button-ring); }
}
[data-r="button"][data-variant="glass"][data-force~="hover"]::after { box-shadow: 0 0 0 var(--px) var(--glass-button-ring); }
[data-r="button"]:is(:disabled, [aria-disabled="true"]) { opacity: .45; pointer-events: none; transition-duration: 0s; }
[data-r="button"][data-unavailable] { pointer-events: auto; cursor: default; }
@media (hover: hover) {
  [data-r="button"][data-unavailable]:not([data-variant]):hover { background-color: var(--pill-rest); color: var(--ink-2); }
}
[data-r="button"][data-unavailable]:not([data-variant])[data-force~="hover"] { background-color: var(--pill-rest); color: var(--ink-2); }
@media (hover: hover) {
  [data-r="button"][data-unavailable][data-variant="ghost"]:hover { background-color: transparent; color: var(--ink-2); }
}
[data-r="button"][data-unavailable][data-variant="ghost"][data-force~="hover"] { background-color: transparent; color: var(--ink-2); }
[data-r="button"][aria-busy="true"] { pointer-events: none; }
[data-r="button"][aria-busy="true"] > :not([data-r="spinner"]) { opacity: 0; }
[data-r="button"][aria-busy="true"] > [data-r="spinner"] { position: absolute; inset: 0; margin: auto; color: var(--ink-2); }
[data-r="button"][data-variant="primary"][aria-busy="true"] > [data-r="spinner"],
[data-r="button"][data-variant="danger"][aria-busy="true"] > [data-r="spinner"] { color: var(--on-accent); }
[data-r="button"][data-hold] { color: var(--danger-ink); }
@media (hover: hover) {
  [data-r="button"][data-hold]:hover { color: var(--danger-ink); }
}
[data-r="button"][data-hold][data-force~="hover"] { color: var(--danger-ink); }
[data-r="button"][data-hold] > [data-part="fill"] { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: var(--gap); padding: 0 var(--pad-r) 0 var(--pad-l); border-radius: inherit; background: var(--danger); color: var(--on-fill); pointer-events: none; clip-path: inset(0 calc((1 - var(--k, 0)) * 100%) 0 0); }
[data-r="button"][data-hold]:not([data-held]) > [data-part="fill"] { visibility: hidden; }
[data-r="button"][data-hold] > [data-part="fill"] > svg[data-icon] { width: var(--icon); height: var(--icon); }
[data-r="button"][data-hold] > [data-part="fill"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="button"][data-hold][data-done] { opacity: 1; }
[data-r="button"] > [data-part="count"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); margin-left: 0; }
@media (hover: hover) {
  [data-r="button"]:is(:hover, [aria-pressed="true"], [aria-checked="true"], [aria-selected="true"], [aria-current="page"]) > [data-part="count"] { color: var(--ink-2); }
}
[data-r="button"]:is([data-force~="hover"], [aria-pressed="true"], [aria-checked="true"], [aria-selected="true"], [aria-current="page"]) > [data-part="count"] { color: var(--ink-2); }
[data-r="button"] > [data-part="keys"] { display: inline-flex; gap: 2px; margin-right: -4px; }
[data-r="button"][data-variant="primary"] > [data-part="keys"] [data-r="key"],
[data-r="button"][data-variant="danger"] > [data-part="keys"] [data-r="key"] { --key-face: var(--on-fill-key-face); --key-lip: var(--on-fill-key-lip); --key-ring: var(--on-fill-key-ring); color: var(--on-accent); }
[data-r="split-button"] { position: relative; display: inline-flex; flex: none; height: var(--h-28); border-radius: var(--r-press); background-color: var(--pill-rest); }
[data-r="split-button"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="split-button"] > [data-r="button"] { background-color: transparent; }
[data-r="split-button"] > [data-r="button"]::after { box-shadow: none; }
[data-r="split-button"] > [data-r="button"]:first-child { border-radius: var(--r-press) 0 0 var(--r-press); --pad-r: 8px; }
[data-r="split-button"] > [data-r="button"]:last-child { border-radius: 0 var(--r-press) var(--r-press) 0; --pad-l: 6px; --pad-r: 8px; }
[data-r="split-button"] > [data-r="button"]:last-child::before { content: ""; position: absolute; left: -.5px; top: 6px; bottom: 6px; width: var(--px); background: rgb(var(--ring-rgb) / var(--ring-hover)); }
[data-r="split-button"] > [data-r="button"][aria-expanded="true"] { background-color: var(--plane-hover); }
@media (hover: hover) {
  [data-r="split-button"] > [data-r="button"]:hover { background-color: var(--plane-hover); }
}
[data-r="split-button"] > [data-r="button"][data-force~="hover"] { background-color: var(--plane-hover); }
[data-r="split-button"] > [data-r="button"]:first-child[aria-pressed="true"] { border-radius: var(--r-press); background-color: var(--plane-selected); }
[data-r="split-button"][data-size="32"] { height: var(--h-32); }
[data-r="split-button"][data-size="32"] > [data-r="button"] { --h: var(--h-32); --fs: var(--fs-13); --lh: var(--lh-13); --pad: 12px; --pad-icon: 10px; }
[data-r="split-button"][data-size="32"] > [data-r="button"]:first-child { --pad-r: 10px; }
[data-r="split-button"][data-size="32"] > [data-r="button"]:last-child { --pad-l: 8px; --pad-r: 10px; }
[data-r="split-button"][data-variant="primary"] { background-color: var(--accent); }
[data-r="split-button"][data-variant="primary"]::after { box-shadow: var(--lit), var(--e1); }
[data-r="split-button"][data-variant="primary"] > [data-r="button"] { color: var(--on-accent); }
[data-r="split-button"][data-variant="primary"] > [data-r="button"][aria-expanded="true"] { background-color: var(--accent-hover); color: var(--on-accent); }
@media (hover: hover) {
  [data-r="split-button"][data-variant="primary"] > [data-r="button"]:hover { background-color: var(--accent-hover); color: var(--on-accent); }
}
[data-r="split-button"][data-variant="primary"] > [data-r="button"][data-force~="hover"] { background-color: var(--accent-hover); color: var(--on-accent); }
[data-r="split-button"][data-variant="primary"] > [data-r="button"]:last-child::before { background: var(--on-fill-line); }
[data-r="split-button"][data-variant="ghost"] { background-color: transparent; }
[data-r="split-button"][data-variant="ghost"]::after { box-shadow: none; }
[data-r="split-button"][data-variant="ghost"] > [data-r="button"]:last-child::before { opacity: 0; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-r="split-button"][data-variant="ghost"]:is(:hover, :focus-within) > [data-r="button"]:last-child::before { opacity: 1; transition-duration: 0s; }
}
[data-r="split-button"][data-variant="ghost"]:is([data-force~="hover"], :focus-within) > [data-r="button"]:last-child::before { opacity: 1; transition-duration: 0s; }
[data-r="toolbar"] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; }
[data-r="toolbar"] > [data-part="spacer"] { flex: 1; }
[data-r="toolbar-separator"] { flex: none; width: var(--px); height: 16px; margin: 0 4px; background: var(--line-3); }
[data-r="spinner"] { display: inline-block; flex: none; width: 14px; height: 14px; border-radius: var(--r-round); border: 1.5px solid currentColor; border-right-color: transparent; animation: r-spin var(--spin) linear infinite; }
[data-r="spinner"][data-size="12"] { width: 12px; height: 12px; border-width: 1.25px; }
@keyframes r-spin { to { transform: rotate(360deg); } }
}

/* ═══ 10a-link.css ═══ */
@layer components {
[data-r="link"] { color: var(--ink); text-decoration-line: underline; text-decoration-thickness: var(--px); text-decoration-color: var(--line-5); text-underline-offset: 2.5px; border-radius: var(--r-key); outline: none; transition: text-decoration-color var(--state-out); }
@media (hover: hover) {
  [data-r="link"]:hover { text-decoration-color: var(--ink); transition-duration: 0s; }
}
[data-r="link"][data-force~="hover"] { text-decoration-color: var(--ink); transition-duration: 0s; }
[data-r="link"]:focus-visible { box-shadow: 0 0 0 2px var(--accent); text-decoration-color: transparent; }
[data-r="link"][data-force~="focus"] { box-shadow: 0 0 0 2px var(--accent); text-decoration-color: transparent; }
[data-r="link"][data-variant="quiet"] { color: inherit; text-decoration-color: transparent; }
@media (hover: hover) {
  [data-r="link"][data-variant="quiet"]:hover { color: var(--ink); text-decoration-color: var(--ink); }
}
[data-r="link"][data-variant="quiet"][data-force~="hover"] { color: var(--ink); text-decoration-color: var(--ink); }
[data-r="link"] > svg[data-icon] { display: inline-block; width: var(--icon-12); height: var(--icon-12); margin-left: 2px; vertical-align: -1px; }
}

/* ═══ 11-tabs.css ═══ */
@layer components {
[data-r="tabs"] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; }
[data-r="tabs"] > [data-r="button"][aria-selected="true"] { pointer-events: none; }
[data-r="tabs"] > [data-r="button"][data-dirty]::before { content: ""; order: 1; flex: none; width: 6px; height: 6px; margin-inline: calc((var(--icon) - 8px) / 2); border-radius: var(--r-round); background: var(--ink-3); }
[data-r="tabs"][data-variant="quiet"] > [data-r="button"] { background-color: transparent; color: var(--ink-3); }
[data-r="tabs"][data-variant="quiet"] > [data-r="button"]::after { box-shadow: none; }
@media (hover: hover) {
  [data-r="tabs"][data-variant="quiet"] > [data-r="button"]:hover { background-color: var(--plane-hover); color: var(--ink); }
}
[data-r="tabs"][data-variant="quiet"] > [data-r="button"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); }
[data-r="tabs"][data-variant="quiet"] > [data-r="button"][aria-selected="true"] { background-color: var(--plane-selected); color: var(--ink); }
[data-r="tabs"][data-fill] { display: flex; flex-wrap: nowrap; gap: 2px; width: 100%; }
[data-r="tabs"][data-fill] > [data-r="button"] { flex: 1 0 auto; --pad: 6px; }
[data-r="tabs"][data-variant="panel"] > [data-r="button"] { --pad: 12px; }
[data-r="segmented"] { display: inline-flex; align-items: center; gap: 4px; flex: none; }
[data-r="segmented"][data-fill] { display: flex; width: 100%; }
[data-r="segmented"][data-fill] > [data-r="button"] { flex: 1 0 auto; --pad: 8px; }
[data-r="segmented"] > [data-r="button"]:is([aria-checked="true"], [aria-pressed="true"]) { background-color: var(--plane-selected); color: var(--ink); }
[data-r="segmented"] > [data-r="button"][data-variant="ghost"]:is([aria-checked="true"], [aria-pressed="true"])::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
@media (hover: hover) {
  [data-r="segmented"] > [data-r="button"]:is([aria-checked="true"], [aria-pressed="true"]):hover { background-color: var(--plane-selected-hover); }
}
[data-r="segmented"] > [data-r="button"]:is([aria-checked="true"], [aria-pressed="true"])[data-force~="hover"] { background-color: var(--plane-selected-hover); }
[data-r="segmented"][data-variant="track"] { gap: 0; padding: 2px; border-radius: var(--r-value); background-color: var(--well); }
[data-r="segmented"][data-variant="track"] > [data-r="button"] { background-color: transparent; color: var(--ink-3); }
[data-r="segmented"][data-variant="track"] > [data-r="button"]::after { box-shadow: none; }
@media (hover: hover) {
  [data-r="segmented"][data-variant="track"] > [data-r="button"]:hover { background-color: transparent; color: var(--ink); }
}
[data-r="segmented"][data-variant="track"] > [data-r="button"][data-force~="hover"] { background-color: transparent; color: var(--ink); }
[data-r="segmented"][data-variant="track"] > [data-r="button"]:is([aria-checked="true"], [aria-pressed="true"]) { background-color: var(--raised); color: var(--ink); }
@media (hover: hover) {
  [data-r="segmented"][data-variant="track"] > [data-r="button"]:is([aria-checked="true"], [aria-pressed="true"]):hover { background-color: var(--raised); color: var(--ink); }
}
[data-r="segmented"][data-variant="track"] > [data-r="button"]:is([aria-checked="true"], [aria-pressed="true"])[data-force~="hover"] { background-color: var(--raised); color: var(--ink); }
[data-r="segmented"][data-variant="track"] > [data-r="button"]:is([aria-checked="true"], [aria-pressed="true"])::after { box-shadow: 0 0 0 var(--px) var(--line-2), var(--e1); }
@property --row-fade-start { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --row-fade-end { syntax: "<length>"; inherits: false; initial-value: 0px; }
@keyframes r-row-edge {
  0% { --row-fade-start: 0px; --row-fade-end: 24px; }
  8% { --row-fade-start: 24px; }
  92% { --row-fade-end: 24px; }
  100% { --row-fade-start: 24px; --row-fade-end: 0px; }
}
:is([data-r="segmented"], [data-r="tabs"]):is([data-scroll], [data-touch]) { flex-wrap: nowrap; flex-shrink: 1; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; scroll-padding-inline: 24px; }
@media (pointer: coarse) {
  :is([data-r="segmented"], [data-r="tabs"]) { flex-wrap: nowrap; flex-shrink: 1; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; scroll-padding-inline: 24px; }
}
@supports (animation-timeline: scroll()) {
  :is([data-r="segmented"], [data-r="tabs"]):is([data-scroll], [data-touch]) { -webkit-mask-image: linear-gradient(to right, transparent, var(--ink) var(--row-fade-start), var(--ink) calc(100% - var(--row-fade-end)), transparent); mask-image: linear-gradient(to right, transparent, var(--ink) var(--row-fade-start), var(--ink) calc(100% - var(--row-fade-end)), transparent); animation: r-row-edge linear both; animation-timeline: scroll(self inline); }
  @media (pointer: coarse) {
    :is([data-r="segmented"], [data-r="tabs"]) { -webkit-mask-image: linear-gradient(to right, transparent, var(--ink) var(--row-fade-start), var(--ink) calc(100% - var(--row-fade-end)), transparent); mask-image: linear-gradient(to right, transparent, var(--ink) var(--row-fade-start), var(--ink) calc(100% - var(--row-fade-end)), transparent); animation: r-row-edge linear both; animation-timeline: scroll(self inline); }
  }
}
@media (pointer: coarse) {
  :is([data-r="segmented"], [data-r="tabs"]) > [data-r="button"]:not([data-icon-only]) { --h: var(--h-44); --fs: var(--fs-13); --lh: var(--lh-13); border-block-width: 4px; }
  :is([data-r="segmented"], [data-r="tabs"]):not([data-fill]) > [data-r="button"]:not([data-icon-only]) { --pad: 14px; --pad-icon: 12px; }
  :is([data-r="segmented"], [data-r="tabs"]) > [data-r="button"]:not([data-icon-only]):focus-visible { outline: none; }
  :is([data-r="segmented"], [data-r="tabs"]) > [data-r="button"]:not([data-icon-only])[data-force~="focus"] { outline: none; }
  :is([data-r="segmented"], [data-r="tabs"]) > [data-r="button"]:not([data-icon-only]):focus-visible::after { outline: 1px solid var(--accent); outline-offset: 0; }
  :is([data-r="segmented"], [data-r="tabs"]) > [data-r="button"]:not([data-icon-only])[data-force~="focus"]::after { outline: 1px solid var(--accent); outline-offset: 0; }
}
:is([data-r="segmented"], [data-r="tabs"])[data-touch] > [data-r="button"]:not([data-icon-only]) { --h: var(--h-44); --fs: var(--fs-13); --lh: var(--lh-13); border-block-width: 4px; }
:is([data-r="segmented"], [data-r="tabs"])[data-touch]:not([data-fill]) > [data-r="button"]:not([data-icon-only]) { --pad: 14px; --pad-icon: 12px; }
:is([data-r="segmented"], [data-r="tabs"])[data-touch] > [data-r="button"]:not([data-icon-only]):focus-visible { outline: none; }
:is([data-r="segmented"], [data-r="tabs"])[data-touch] > [data-r="button"]:not([data-icon-only])[data-force~="focus"] { outline: none; }
:is([data-r="segmented"], [data-r="tabs"])[data-touch] > [data-r="button"]:not([data-icon-only]):focus-visible::after { outline: 1px solid var(--accent); outline-offset: 0; }
:is([data-r="segmented"], [data-r="tabs"])[data-touch] > [data-r="button"]:not([data-icon-only])[data-force~="focus"]::after { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="tabs"][data-overflow] { position: relative; flex-wrap: nowrap; flex: 1 1 0%; }
[data-r="tabs"] > [data-part="more"] { flex: none; }
[data-r="tabs"][data-overflow] > [role="tab"][data-out] { position: absolute; left: 0; top: 0; box-sizing: border-box; width: 1px; height: 1px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-r="tabs"][data-views] > [data-r="button"][aria-selected="true"] { pointer-events: auto; }
[data-r="tabs"] > [data-r="button"] > [data-part="chevron"] { order: 2; display: grid; place-items: center; flex: none; width: var(--icon-12); margin-right: -2px; color: var(--ink-2); }
[data-r="tabs"] > [data-r="button"] > [data-part="chevron"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="tabs"] > [data-r="button"]:not([aria-selected="true"]) > [data-part="chevron"] { display: none; }
[data-r="tabs"] > [data-r="button"][aria-expanded="true"] > [data-part="chevron"] { color: var(--ink); }
[data-r="tabs"] > [data-part="rename"] { flex: none; width: auto; }
[data-r="tabs"] > [data-part="rename"] > input { width: auto; }
[data-r="page-header"] > [data-part="bar"] > [data-r="tabs"] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
}

/* ═══ 12-chip.css ═══ */
@layer components {
[data-r="chip"] { position: relative; display: inline-flex; align-items: center; gap: 4px; flex: none; height: var(--h-24); padding: 0 8px; border: .5px solid transparent; background-clip: padding-box; border-radius: var(--r-press); background-color: var(--pill-rest); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); white-space: nowrap; user-select: none; transition: background-color var(--state-out), color var(--state-out); }
[data-r="chip"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); transition: box-shadow var(--state-out); }
[data-r="chip"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); margin-left: -2px; }
[data-r="chip"] > svg[data-glyph][data-size="16"]:first-child { margin: -1px 0 -1px -3px; }
@media (hover: hover) {
  [data-r="chip"]:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="chip"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="chip"]:hover::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
}
[data-r="chip"][data-force~="hover"]::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
[data-r="chip"][aria-pressed="true"] { background-color: var(--plane-selected); color: var(--ink); }
[data-r="chip"]:is(:disabled, [aria-disabled="true"]) { opacity: .45; pointer-events: none; transition-duration: 0s; }
[data-r="chips"] { display: flex; flex-wrap: wrap; gap: 4px; }
[data-r="chips"]:is([data-scroll], [data-touch]) { flex-wrap: nowrap; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; scroll-padding-inline: 24px; }
@supports (animation-timeline: scroll()) {
  [data-r="chips"]:is([data-scroll], [data-touch]) { -webkit-mask-image: linear-gradient(to right, transparent, var(--ink) var(--row-fade-start), var(--ink) calc(100% - var(--row-fade-end)), transparent); mask-image: linear-gradient(to right, transparent, var(--ink) var(--row-fade-start), var(--ink) calc(100% - var(--row-fade-end)), transparent); animation: r-row-edge linear both; animation-timeline: scroll(self inline); }
  @media (pointer: coarse) {
    [data-r="chips"] { -webkit-mask-image: linear-gradient(to right, transparent, var(--ink) var(--row-fade-start), var(--ink) calc(100% - var(--row-fade-end)), transparent); mask-image: linear-gradient(to right, transparent, var(--ink) var(--row-fade-start), var(--ink) calc(100% - var(--row-fade-end)), transparent); animation: r-row-edge linear both; animation-timeline: scroll(self inline); }
  }
}
[data-r="chips"][data-touch] > [data-r="chip"]:not([data-variant]) { height: var(--h-44); padding: 0 14px; border-block-width: 4px; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="chips"][data-touch] > [data-r="chip"]:not([data-variant]):focus-visible { outline: none; }
[data-r="chips"][data-touch] > [data-r="chip"]:not([data-variant])[data-force~="focus"] { outline: none; }
[data-r="chips"][data-touch] > [data-r="chip"]:not([data-variant]):focus-visible::after { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="chips"][data-touch] > [data-r="chip"]:not([data-variant])[data-force~="focus"]::after { outline: 1px solid var(--accent); outline-offset: 0; }
@media (pointer: coarse) {
  [data-r="chips"] { flex-wrap: nowrap; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; scroll-padding-inline: 24px; }
  [data-r="chip"]:not([data-variant]) { height: var(--h-44); padding: 0 14px; border-block-width: 4px; font-size: var(--fs-13); line-height: var(--lh-13); }
  [data-r="chip"]:not([data-variant]):focus-visible { outline: none; }
  [data-r="chip"]:not([data-variant])[data-force~="focus"] { outline: none; }
  [data-r="chip"]:not([data-variant]):focus-visible::after { outline: 1px solid var(--accent); outline-offset: 0; }
  [data-r="chip"]:not([data-variant])[data-force~="focus"]::after { outline: 1px solid var(--accent); outline-offset: 0; }
}
[data-r="chip"][data-variant="milestone"] { gap: 2px; padding: 0 2px 0 2px; color: var(--ink); font-weight: var(--fw-450); cursor: default; }
@media (hover: hover) {
  [data-r="chip"][data-variant="milestone"]:hover { color: var(--ink); }
}
[data-r="chip"][data-variant="milestone"][data-force~="hover"] { color: var(--ink); }
[data-r="chip"][data-variant="milestone"][aria-current="step"] { background-color: var(--plane-selected); }
[data-r="chip"][data-variant="milestone"] > :is(button, [data-part="count"]) { display: inline-flex; align-items: center; height: var(--h-20); margin: 0; padding: 0 4px; border: 0; border-radius: var(--r-press); background: transparent; font: inherit; color: inherit; white-space: nowrap; cursor: default; transition: background-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="chip"][data-variant="milestone"] > button:hover { background-color: var(--plane-selected-hover); transition-duration: 0s; }
}
[data-r="chip"][data-variant="milestone"] > button[data-force~="hover"] { background-color: var(--plane-selected-hover); transition-duration: 0s; }
[data-r="chip"][data-variant="milestone"] > button:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="chip"][data-variant="milestone"] > button[data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="chip"][data-variant="milestone"] > [data-part="handle"] { width: 20px; justify-content: center; padding: 0; color: var(--ink-3); cursor: grab; touch-action: none; }
[data-r="chip"][data-variant="milestone"] > [data-part="handle"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); margin: 0; }
[data-r="chip"][data-variant="milestone"][aria-current="step"] > [data-part="handle"] { color: var(--ink); }
[data-r="chip"][data-variant="milestone"] > [data-part="title"] { max-width: 180px; overflow: hidden; text-overflow: ellipsis; font-weight: var(--fw-500); }
[data-r="chip"][data-variant="milestone"] > [data-part="date"] { color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="chip"][data-variant="milestone"] > [data-part="count"] { padding: 0 2px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="chip"][data-variant="milestone"][aria-current="step"] > [data-part="count"] { color: var(--ink-2); }
[data-r="chip"][data-variant="milestone"] > [data-part="remove"] { width: 20px; justify-content: center; padding: 0; color: var(--ink-3); opacity: 0; }
[data-r="chip"][data-variant="milestone"] > [data-part="remove"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); margin: 0; }
@media (hover: hover) {
  [data-r="chip"][data-variant="milestone"]:hover > [data-part="remove"] { opacity: 1; transition-duration: 0s; }
}
[data-r="chip"][data-variant="milestone"][data-force~="hover"] > [data-part="remove"] { opacity: 1; transition-duration: 0s; }
[data-r="chip"][data-variant="milestone"]:focus-within > [data-part="remove"] { opacity: 1; }
[data-r="chip"][data-variant="milestone"][data-late] > [data-part="date"] { color: var(--danger-ink); font-weight: var(--fw-500); }
[data-r="chip"][data-variant="milestone"][data-late] > [data-part="handle"] { color: var(--danger-dot); }
[data-r="chip"][data-variant="milestone"][data-done] > [data-part="handle"] { color: var(--accent-mark); }
[data-r="chip"][data-variant="milestone"][data-done] > :is([data-part="title"], [data-part="date"]) { color: var(--ink-2); }
[data-r="chip"][data-variant="milestone"] > input[data-part="title"] { width: 140px; height: var(--h-20); margin: 0; padding: 0 4px; border: 0; outline: 0; border-radius: var(--r-press); background: var(--plane); box-shadow: inset 0 0 0 1px var(--accent); font: inherit; font-weight: var(--fw-500); color: var(--ink); }
[data-r="sortable"][data-variant="milestones"] { flex-wrap: nowrap; gap: 4px; overflow-x: auto; padding: 4px; margin: -4px; scrollbar-width: none; }
[data-r="sortable"][data-variant="milestones"] > [data-part="item"]:is([data-lifted], [data-held]) { border-radius: var(--r-press); }
[data-r="sortable"][data-variant="milestones"] > [data-part="slot"] { border-radius: var(--r-press); }
[data-r="sortable"][data-variant="milestones"][data-size="44"] > [data-r="chip"][data-variant="milestone"] { height: var(--h-44); padding: 0 4px; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="sortable"][data-variant="milestones"][data-size="44"] > [data-r="chip"][data-variant="milestone"] > :is(button, [data-part="count"]) { height: var(--h-44); padding: 0 8px; }
[data-r="sortable"][data-variant="milestones"][data-size="44"] > [data-r="chip"][data-variant="milestone"] > :is([data-part="handle"], [data-part="remove"]) { width: 44px; padding: 0; }
[data-r="sortable"][data-variant="milestones"][data-size="44"] > [data-r="chip"][data-variant="milestone"] > [data-part="handle"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="sortable"][data-variant="milestones"][data-size="44"] > [data-r="chip"][data-variant="milestone"] > [data-part="remove"] { opacity: 1; }
[data-r="sortable"][data-variant="milestones"][data-size="44"] > [data-r="chip"][data-variant="milestone"] > input[data-part="title"] { height: var(--h-36); font-size: var(--fs-16); line-height: var(--lh-16); }
@media (pointer: coarse) {
  [data-r="sortable"][data-variant="milestones"] > [data-r="chip"][data-variant="milestone"] { height: var(--h-44); padding: 0 4px; font-size: var(--fs-13); line-height: var(--lh-13); }
  [data-r="sortable"][data-variant="milestones"] > [data-r="chip"][data-variant="milestone"] > :is(button, [data-part="count"]) { height: var(--h-44); padding: 0 8px; }
  [data-r="sortable"][data-variant="milestones"] > [data-r="chip"][data-variant="milestone"] > :is([data-part="handle"], [data-part="remove"]) { width: 44px; padding: 0; }
  [data-r="sortable"][data-variant="milestones"] > [data-r="chip"][data-variant="milestone"] > [data-part="handle"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
  [data-r="sortable"][data-variant="milestones"] > [data-r="chip"][data-variant="milestone"] > [data-part="remove"] { opacity: 1; }
  [data-r="sortable"][data-variant="milestones"] > [data-r="chip"][data-variant="milestone"] > input[data-part="title"] { height: var(--h-36); font-size: var(--fs-16); line-height: var(--lh-16); }
}
[data-r="fact"] { display: inline-flex; align-items: center; gap: 0; flex: none; height: var(--h-24); padding: 0 8px; border: .5px solid var(--line-4); border-radius: var(--r-press); background-color: var(--plane); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); white-space: nowrap; transition: background-color var(--state-out), color var(--state-out), border-color var(--state-out); }
[data-r="fact"]:has(> [data-part="dot"], > svg[data-icon]:first-child, > [data-r="avatar"]:first-child) { padding-left: 5px; }
[data-r="fact"] > [data-part="dot"] { display: inline-block; flex: none; width: 14px; height: 14px; margin-right: 4px; background: radial-gradient(circle at center, var(--c, var(--ink-3)) 4.5px, transparent 5px); }
[data-r="fact"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); margin-right: 4px; color: var(--thing, var(--ink-3)); }
[data-r="fact"] > [data-r="avatar"] { margin-right: 5px; }
@media (hover: hover) {
  :is(button, a, [tabindex])[data-r="fact"]:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
:is(button, a, [tabindex])[data-r="fact"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="facts"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
[data-r="filter"] { display: inline-flex; align-items: stretch; flex: none; height: var(--h-24); border: .5px solid var(--line-4); border-radius: var(--r-value); background-color: var(--pill-rest); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); white-space: nowrap; overflow: hidden; }
[data-r="filter"] > [data-part] { display: inline-flex; align-items: center; gap: 4px; padding: 0 7px; background: transparent; border: 0; color: inherit; transition: background-color var(--state-out), color var(--state-out); }
[data-r="filter"] > [data-part] + [data-part] { box-shadow: inset var(--px) 0 0 var(--line-4); }
[data-r="filter"] > [data-part="field"] { color: var(--ink); font-weight: var(--fw-500); }
[data-r="filter"] > [data-part="operator"] { color: var(--ink-3); }
[data-r="filter"] > [data-part="remove"] { padding: 0 6px; color: var(--ink-3); }
[data-r="filter"] > [data-part] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="filter"] > [data-part] > [data-r="dot"] { width: 8px; height: 8px; }
@media (hover: hover) {
  [data-r="filter"] > button[data-part]:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="filter"] > button[data-part][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="fact"]:has(> [data-part="steps"]:first-child) { padding-left: 6px; }
[data-r="fact"] > [data-part="steps"] { display: inline-flex; flex: none; gap: 1px; margin-right: 5px; }
[data-r="fact"] > [data-part="steps"] > i { width: 3px; height: 8px; border-radius: 1px; background: var(--line-4); }
[data-r="fact"] > [data-part="steps"] > i[data-on] { background: var(--c, var(--ink-2)); }
[data-r="fact"]:has(> [data-r="reading-state"]:first-child) { padding-left: 5px; }
[data-r="fact"] > [data-r="reading-state"]:first-child { margin-right: 4px; }
}

/* ═══ 13-toggle.css ═══ */
@layer components {
[data-r="switch"] { --w: 30px; --hh: 20px; --k: 14px; --kp: 3px; position: relative; display: inline-block; flex: none; width: var(--w); height: var(--hh); padding: 0; border: 0; border-radius: var(--r-press); background-color: var(--a20); transition: background-color var(--state-out) ease-out, opacity var(--state-out) ease-out; }
[data-r="switch"]::before { content: ""; position: absolute; inset: -6px; }
[data-r="switch"]::after { content: ""; position: absolute; top: var(--kp); left: var(--kp); right: calc(var(--w) - var(--kp) - var(--k)); height: var(--k); border-radius: var(--r-press); background: var(--knob); box-shadow: var(--knob-shadow); transition: left var(--toggle-move) ease-out var(--toggle-lag), right var(--toggle-move) ease-out; }
[data-r="switch"][aria-checked="true"] { background-color: var(--accent); box-shadow: var(--lit); }
[data-r="switch"][aria-checked="true"]::after { left: calc(var(--w) - var(--kp) - var(--k)); right: var(--kp); transition: left var(--toggle-move) ease-out, right var(--toggle-move) ease-out var(--toggle-lag); }
@media (hover: hover) {
  [data-r="switch"]:hover:not([aria-checked="true"]) { background-color: var(--a35); transition-duration: 0s; }
}
[data-r="switch"][data-force~="hover"]:not([aria-checked="true"]) { background-color: var(--a35); transition-duration: 0s; }
[data-r="switch"][data-size="mini"] { --w: 22px; --hh: 14px; --k: 10px; --kp: 2px; }
[data-r="switch"]:is(:disabled, [aria-disabled="true"]) { opacity: .45; pointer-events: none; }
[data-r="checkbox"] { position: relative; display: inline-block; flex: none; width: 14px; height: 14px; border-radius: var(--r-key); background: var(--raised); box-shadow: inset 0 0 0 1px var(--ink-4); transition: background-color var(--state-out), box-shadow var(--state-out); }
[data-r="checkbox"]::before { content: ""; position: absolute; inset: -6px; }
[data-r="checkbox"] { --ring-gap: var(--plane); }
[data-r="checkbox"]:focus-visible { outline: none; box-shadow: var(--ring-field); transition: box-shadow var(--ring-in) var(--ease-ring); }
[data-r="checkbox"][data-force~="focus"] { outline: none; box-shadow: var(--ring-field); transition: box-shadow var(--ring-in) var(--ease-ring); }
@media (hover: hover) {
  [data-r="checkbox"]:hover { box-shadow: inset 0 0 0 1px var(--ink-3); transition-duration: 0s; }
}
[data-r="checkbox"][data-force~="hover"] { box-shadow: inset 0 0 0 1px var(--ink-3); transition-duration: 0s; }
[data-r="checkbox"]:is([aria-checked="true"], [aria-checked="mixed"]) { background: var(--accent); box-shadow: var(--lit); }
[data-r="checkbox"][aria-checked="true"]::after { content: ""; position: absolute; left: 4.75px; top: 2px; width: 3.5px; height: 7px; border: solid var(--on-accent); border-width: 0 1.5px 1.5px 0; transform: rotate(42deg); }
[data-r="checkbox"][aria-checked="mixed"]::after { content: ""; position: absolute; left: 3.5px; right: 3.5px; top: 6.25px; height: 1.5px; border-radius: 1px; background: var(--on-accent); /* allow: radius · a drawn mark */ }
[data-r="checkbox"]:is(:disabled, [aria-disabled="true"]) { opacity: .45; pointer-events: none; }
[data-r="option"] { display: inline-flex; align-items: center; gap: 8px; min-height: var(--h-24); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink); user-select: none; }
[data-r="option"] [data-part="hint"] { display: block; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="option"]:has([data-part="hint"]) { align-items: flex-start; padding: 2.5px 0; }
[data-r="option"]:has([data-part="hint"]) > [data-r="checkbox"] { margin-top: 2.5px; }
[data-r="option"]:has(:disabled, [aria-disabled="true"]) { color: var(--ink-disabled); }
[data-r="option"][data-size="12"] { gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="options"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="options"][data-direction="row"] { flex-direction: row; flex-wrap: wrap; gap: 8px 18px; }
}

/* ═══ 16-glyph.css ═══ */
@layer components {
svg[data-glyph] { display: inline-block; flex: none; width: 16px; height: 16px; fill: currentColor; color: var(--thing, currentColor); vertical-align: middle; overflow: visible; }
svg[data-glyph][data-size="10"] { width: 10px; height: 10px; }
:is([data-r="fact"], [data-r="filter"] > [data-part]) > svg[data-glyph][data-size="16"] { margin: -1px; }
[data-r="fact"] > :is(svg[data-glyph][data-size="16"], [data-r="glyph-mark"]):first-child { margin: -1px 3px -1px -1px; }
[data-r="fact"]:has(> :is(svg[data-glyph], [data-r="glyph-mark"]):first-child) { padding-left: 5px; }
[data-r="filter"] > [data-part] > svg[data-glyph][data-size="16"]:first-child { margin: -1px 3px -1px -1px; }
[data-r="token"] > svg[data-glyph]:first-child { margin-left: -3px; }
[data-r="token"] > [data-r="glyph-mark"]:first-child { margin-left: -3px; }
[data-r="menu-item"] > svg[data-glyph] { color: var(--thing, var(--ink-2)); }
[data-r="button"]:where(:has(> svg[data-glyph]:first-child)) { --pad-l: var(--pad-icon); }
[data-r="glyph-mark"] { position: relative; display: inline-block; flex: none; width: 16px; height: 16px; border-radius: var(--r-round); box-shadow: inset 0 0 0 1px currentColor; color: var(--thing, var(--ink-3)); vertical-align: middle; }
[data-r="glyph-mark"] > svg[data-glyph][data-size="10"] { position: absolute; left: 3px; top: 3px; }
[data-r="glyph-mark"][data-empty] { box-shadow: none; border: 1px dashed var(--ink-4); box-sizing: border-box; }
[data-r="glyph-grid"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 4px; }
[data-r="glyph-cell"] { display: grid; justify-items: center; align-content: start; gap: 8px; min-width: 0; padding: 12px 6px 10px; border-radius: var(--r-row); color: var(--ink); font-size: var(--fs-11); line-height: var(--lh-11); text-align: center; cursor: default; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="glyph-cell"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="glyph-cell"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="glyph-cell"][aria-selected="true"] { background-color: var(--plane-selected); }
[data-r="glyph-cell"] > [data-part="pair"] { display: flex; align-items: center; gap: 12px; height: 16px; }
[data-r="glyph-cell"] > [data-part="name"] { color: var(--ink-2); overflow-wrap: anywhere; }
[data-r="glyph-grid"][data-color="ink"] svg[data-glyph] { --thing: initial; }
[data-r="glyph-catalogue"] { display: grid; gap: 12px; min-width: 0; }
[data-r="glyph-catalogue"] > [data-part="bar"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
[data-r="glyph-catalogue"] > [data-part="bar"] > [data-part="search"] { width: 220px; }
[data-r="glyph-catalogue"] > [data-part="bar"] > [data-part="categories"] { flex: 1 1 320px; min-width: 0; }
[data-r="glyph-catalogue"] > :is([data-part="empty"], [data-part="count"]) { margin: 0; color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="glyph-cell"][hidden] { display: none; }
}

/* ═══ 16a-glyph-uses.css ═══ */
@layer components {
[data-r="glyph-steps"] { display: inline-flex; align-items: center; gap: 3px; flex: none; color: var(--thing, var(--ink-2)); vertical-align: middle; }
[data-r="glyph-steps"] > [data-part="steps"] { display: inline-flex; flex: none; gap: 1px; }
[data-r="glyph-steps"] > [data-part="steps"] > i { width: 3px; height: 8px; border-radius: 1px; background: var(--line-4); }
[data-r="glyph-steps"] > [data-part="steps"] > i[data-on] { background: currentColor; }
:is([data-r="token"], [data-r="fact"]) > [data-r="glyph-steps"]:first-child { margin-left: -3px; margin-right: 3px; }
[data-r="fact"]:has(> [data-r="glyph-steps"]:first-child) { padding-left: 5px; }
[data-r="menu-item"] > [data-r="glyph-steps"] { margin-right: 2px; }
[data-r="glyph-tile"] { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); }
[data-r="glyph-tile"] > svg[data-glyph] { color: var(--thing, var(--ink-2)); }
[data-r="object-head"] { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; grid-template-areas: "tile kind end" "tile title end" ". meta meta"; column-gap: 12px; align-items: center; min-width: 0; }
[data-r="object-head"] > [data-r="glyph-tile"] { grid-area: tile; align-self: start; margin-top: 2px; }
[data-r="object-head"] > [data-part="kind"] { grid-area: kind; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="object-head"] > [data-part="title"] { grid-area: title; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="object-head"] > [data-part="meta"] { grid-area: meta; margin: 6px 0 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="object-head"] > [data-part="end"] { grid-area: end; display: flex; align-items: center; gap: 6px; }
[data-r="empty-cell"] { display: inline-flex; align-items: center; gap: 4px; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="empty-cell"] > span { overflow: hidden; text-overflow: ellipsis; }
[data-r="list-row"][aria-selected="true"] [data-r="empty-cell"] { color: var(--ink-2); }
[data-r="property"] > [data-part="label"]:has(> svg[data-glyph]) { display: flex; align-items: center; gap: 6px; }
[data-r="property"] > [data-part="label"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="property"]:has(> [data-part="label"] > svg[data-glyph]) { grid-template-columns: 148px minmax(0, 1fr); }
[data-r="property"]:has(> [data-part="label"] > svg[data-glyph]):has(> [data-r="button"]) { grid-template-columns: minmax(96px, 148px) minmax(max-content, 1fr); }
[data-r="button"]:is([data-variant="primary"], [data-variant="danger"]) > svg[data-glyph] { color: currentColor; }
}

/* ═══ 16b-mention.css ═══ */
@layer components {
[data-r="mention"] { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; height: 20px; margin: 0 1px; padding: 0 6px; vertical-align: 1px; border-radius: var(--r-press); background: var(--plane-selected); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); text-decoration: none; white-space: nowrap; outline: none; transition: background-color var(--state-out); }
[data-r="mention"]:has(> svg[data-glyph]:first-child) { padding-left: 2px; }
[data-r="mention"] > svg[data-glyph] { flex: none; }
[data-r="mention"]:not([data-kind="task"]) > [data-part="label"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="mention"][data-kind="date"] { padding-left: 5px; }
[data-r="mention"][data-kind="date"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-2)); }
:is(a, button)[data-r="mention"],
[data-r="mention"]:is([tabindex], [data-session]) { cursor: default; }
@media (hover: hover) {
  :is(a, button)[data-r="mention"]:not([data-kind="task"]):hover,
  [data-r="mention"]:is([tabindex], [data-session]):not([data-kind="task"]):hover { background: var(--plane-selected-hover); transition-duration: 0s; }
}
:is(a, button)[data-r="mention"]:not([data-kind="task"])[data-force~="hover"],
[data-r="mention"]:is([tabindex], [data-session]):not([data-kind="task"])[data-force~="hover"] { background: var(--plane-selected-hover); transition-duration: 0s; }
[data-r="mention"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="mention"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="mention"][data-previewing] { background: var(--plane-selected-hover); }
[data-r="prose"] a[data-r="mention"]:not([data-kind="task"]) { border-radius: var(--r-press); text-decoration-line: none; }
[data-r="prose"] a[data-r="mention"]:focus-visible { outline-offset: 0; }
[data-r="prose"] a[data-r="mention"][data-force~="focus"] { outline-offset: 0; }
}

/* ═══ 16c-app-mark.css ═══ */
@layer components {
[data-r="app-mark"] { --s: 20px; display: inline-grid; place-items: center; flex: none; width: var(--s); height: var(--s); border-radius: var(--r-key); background: var(--ink); color: var(--paper); }
[data-r="app-mark"] > svg { width: 64%; height: auto; display: block; fill: currentColor; }
[data-r="app-mark"][data-app="zibaldone"] > svg { width: 60%; }
[data-r="app-mark"][data-size="14"] { --s: 14px; }
[data-r="app-mark"][data-size="16"] { --s: 16px; }
[data-r="app-mark"][data-size="32"] { --s: 32px; }
[data-r="app-mark"][data-size="64"] { --s: 64px; border-radius: calc(var(--s) * .225); box-shadow: var(--e2); }
[data-r="app-mark"][data-on="bare"] { background: none; color: currentColor; }
[data-r="app-mark"][data-on="bare"] > svg { width: 92%; }
[data-r="button"] > [data-r="app-mark"],
[data-r="sidebar-item"] > [data-r="app-mark"] { --s: 16px; }
[data-r="button"][data-size="24"] > [data-r="app-mark"] { --s: 14px; }
nav[data-r="sidebar"] > [data-part="head"] > [data-r="segmented"][data-part="switch"] { flex: none; margin-left: auto; }
nav[data-r="sidebar"] > [data-part="head"] > [data-r="segmented"][data-part="switch"] + [data-part="fold"] { margin-left: 0; }
[data-r="segmented"][data-part="switch"] > [data-r="button"] > [data-r="app-mark"] { --s: 14px; background: none; color: inherit; }
[data-r="segmented"][data-part="switch"] > [data-r="button"] > [data-r="app-mark"] > svg { width: 100%; }
[data-r="segmented"][data-part="switch"] > [data-r="button"] > [data-r="app-mark"][data-app="zibaldone"] > svg { width: 86%; }
nav[data-r="sidebar"][data-swap] { animation: r-sidebar-swap var(--section) var(--ease-expo) both; }
nav[data-r="sidebar"][data-swap="out"] { --from: -8px; }
nav[data-r="sidebar"][data-swap="in"] { --from: 8px; }
@keyframes r-sidebar-swap { from { opacity: 0; transform: translateX(var(--from)); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  nav[data-r="sidebar"][data-swap] { animation: none; }
}
}

/* ═══ 20-field.css ═══ */
@layer components {
[data-r="field"] { --h: var(--h-32); --pad: 10px; --fs: var(--fs-13); --lh: var(--lh-13); --icon: var(--icon-16); --gap: 8px; position: relative; display: flex; align-items: center; gap: var(--gap); min-width: 0; height: var(--h); padding: 0 var(--pad); border: .5px solid var(--line-4); border-radius: var(--r-value); background-color: var(--raised); color: var(--ink); font-size: var(--fs); line-height: var(--lh); font-weight: var(--fw-450); --ring-gap: var(--raised); transition: border-color var(--state-out), box-shadow var(--ring-in) var(--ease-ring); }
[data-r="field"] > input,
[data-r="field"] > textarea { flex: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font: inherit; color: inherit; letter-spacing: inherit; }
[data-r="field"] > input::placeholder,
[data-r="field"] > textarea::placeholder { color: var(--ink-3); opacity: 1; }
[data-r="field"] > svg[data-icon] { width: var(--icon); height: var(--icon); color: var(--thing, var(--ink-3)); }
[data-r="field"] > [data-part="unit"] { flex: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); user-select: none; }
[data-r="field"] > [data-part="unit"][data-scrub] { cursor: ew-resize; }
[data-r="field"]:has(> [data-part="prefix"]) { padding-left: 6px; }
[data-r="field"] > [data-part="prefix"] { display: flex; align-items: center; justify-content: center; flex: none; align-self: stretch; width: 16px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); user-select: none; transition: color var(--state-out); }
[data-r="field"] > [data-part="prefix"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="field"] > [data-part="prefix"] > [data-part="swatch"] { display: block; flex: none; width: 12px; height: 12px; border-radius: var(--r-key); background: var(--c, var(--well)); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="field"] > button[data-part="well"] { position: relative; display: block; flex: none; width: 12px; height: 12px; margin: 0; padding: 0; border: 0; border-radius: var(--r-key); background: var(--c, var(--well)); box-shadow: inset 0 0 0 var(--px) var(--line-3); transition: box-shadow var(--state-out); }
[data-r="field"] > button[data-part="well"]::before { content: ""; position: absolute; top: 50%; left: 50%; width: var(--h-24); height: var(--h-24); transform: translate(-50%, -50%); }
@media (hover: hover) {
  [data-r="field"] > button[data-part="well"]:is(:hover, [aria-expanded="true"]) { box-shadow: inset 0 0 0 var(--px) var(--line-5); transition-duration: 0s; }
}
[data-r="field"] > button[data-part="well"]:is([data-force~="hover"], [aria-expanded="true"]) { box-shadow: inset 0 0 0 var(--px) var(--line-5); transition-duration: 0s; }
[data-r="field"][data-size="24"] > [data-part="prefix"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="field"] > [data-part="prefix"][data-scrub] { cursor: ew-resize; touch-action: none; }
@media (hover: hover) {
  [data-r="field"] > [data-part="prefix"][data-scrub]:hover { color: var(--ink-2); transition-duration: 0s; }
}
[data-r="field"] > [data-part="prefix"][data-scrub][data-force~="hover"] { color: var(--ink-2); transition-duration: 0s; }
[data-r="field"] > [data-part="clear"] { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 18px; height: 18px; margin-right: -4px; border-radius: var(--r-round); color: var(--ink-3); transition: background-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="field"] > [data-part="clear"]:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="field"] > [data-part="clear"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="field"] > [data-part="clear"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="field"] > [data-part="reveal"] { display: inline-flex; align-items: center; justify-content: center; flex: none; width: var(--h-20); height: var(--h-20); margin-right: -5px; border-radius: var(--r-round); color: var(--ink-3); transition: background-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="field"] > [data-part="reveal"]:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="field"] > [data-part="reveal"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="field"] > [data-part="reveal"][aria-pressed="true"] { color: var(--ink-2); }
[data-r="field"] > [data-part="reveal"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
@media (pointer: coarse) {
  [data-r="field"] > :is([data-part="reveal"], [data-part="clear"]) { position: relative; }
  [data-r="field"] > :is([data-part="reveal"], [data-part="clear"])::before { content: ""; position: absolute; inset: 50% auto auto 50%; width: var(--h-44); height: var(--h-44); translate: -50% -50%; }
}
[data-r="field"] > input:is([type="date"], [type="time"], [type="datetime-local"]) { font-variant-numeric: tabular-nums; }
[data-r="field"] > input:is([type="date"], [type="time"], [type="datetime-local"])::-webkit-calendar-picker-indicator { margin: 0; opacity: .6; cursor: default; }
@media (hover: hover) {
  [data-r="field"]:hover { border-color: var(--line-5); transition-duration: 0s; }
}
[data-r="field"][data-force~="hover"] { border-color: var(--line-5); transition-duration: 0s; }
[data-r="field"]:is(:focus-within, [data-force~="focus"]) { border-color: transparent; box-shadow: var(--ring-field); outline: none; }
[data-r="field"]:is([data-invalid], [aria-invalid="true"]):not(:focus-within, [data-force~="focus"]) { border-color: var(--danger); }
[data-r="field"]:is([data-invalid], [aria-invalid="true"]):is(:focus-within, [data-force~="focus"]) { border-color: transparent; box-shadow: var(--ring-field-danger); }
[data-r="field"]:is(:has(> input:disabled, > textarea:disabled), [data-disabled]) { opacity: .5; pointer-events: none; }
[data-r="field"][data-readonly] { background-color: var(--well); border-color: transparent; }
[data-r="field"][data-size="28"] { --h: var(--h-28); --pad: 8px; --fs: var(--fs-12); --lh: var(--lh-12); --gap: 6px; }
[data-r="field"][data-size="24"] { --h: var(--h-24); --pad: 7px; --fs: var(--fs-12); --lh: var(--lh-12); --gap: 4px; --icon: var(--icon-14); }
[data-r="field"][data-kind="number"] { padding-right: 4px; }
[data-r="field"][data-kind="number"] > input { text-align: right; font-variant-numeric: tabular-nums; }
[data-r="field"][data-kind="number"] > [data-part="unit"] { display: flex; align-items: center; align-self: stretch; padding: 0 6px 0 2px; transition: color var(--state-out); }
@media (hover: hover) {
  [data-r="field"][data-kind="number"] > [data-part="unit"][data-scrub]:hover { color: var(--ink-2); transition-duration: 0s; }
}
[data-r="field"][data-kind="number"] > [data-part="unit"][data-scrub][data-force~="hover"] { color: var(--ink-2); transition-duration: 0s; }
[data-r="field"][data-kind="stepper"] { padding: 0 3px; }
[data-r="field"][data-kind="stepper"] > input { text-align: center; font-variant-numeric: tabular-nums; }
[data-r="field"][data-kind="stepper"] > button { display: inline-flex; align-items: center; justify-content: center; flex: none; width: calc(var(--h) - 8px); height: calc(var(--h) - 8px); border-radius: var(--r-press); color: var(--ink-3); transition: background-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="field"][data-kind="stepper"] > button:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="field"][data-kind="stepper"] > button[data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="field"][data-kind="stepper"] > button:active { background-color: var(--plane-selected); color: var(--ink); transition-duration: 0s; }
[data-r="field"][data-kind="stepper"] > button[data-force~="active"] { background-color: var(--plane-selected); color: var(--ink); transition-duration: 0s; }
[data-r="field"][data-kind="stepper"] > button[aria-disabled="true"] { background-color: transparent; color: var(--ink-disabled); }
[data-r="field"][data-kind="stepper"] > button > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="field"][data-kind="duration"] > input { font-variant-numeric: tabular-nums; }
[data-r="field"][data-kind="area"] { height: auto; align-items: stretch; padding: 7px var(--pad); }
[data-r="field"][data-kind="area"] > textarea { min-height: 57px; resize: vertical; line-height: var(--lh-13); }
[data-r="field-label"] { display: block; margin: 0 0 6px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="field-hint"] { margin: 6px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="field-hint"][data-tone="danger"] { color: var(--danger-ink); }
[data-r="field-hint"][data-tone="success"] { color: var(--success-ink); }
[data-r="field-error"] { display: flex; align-items: flex-start; gap: 5px; margin: 6px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--danger-ink); }
[data-r="field-error"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); margin-top: 1.5px; }
[data-r="form-row"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="form-row"] > [data-r="button"] { align-self: flex-start; }
[data-r="form-grid"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px 20px; }
[data-r="search"] { position: relative; display: inline-flex; align-items: center; gap: 6px; flex: none; height: var(--h-28); width: var(--search-w, 220px); padding: 0 6px 0 9px; border: .5px solid transparent; background-clip: padding-box; border-radius: var(--r-press); background-color: var(--pill-rest); color: var(--ink); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); }
[data-r="search"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="search"][data-width="fill"] { flex: 1 1 auto; width: auto; min-width: 0; }
[data-r="search"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="search"] > input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; padding: 0; background: transparent; font: inherit; color: inherit; }
[data-r="search"] > input::placeholder { color: var(--ink-3); opacity: 1; }
@media (hover: hover) {
  [data-r="search"]:hover::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); }
}
[data-r="search"][data-force~="hover"]::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); }
[data-r="search"] { --ring-gap: var(--pill-rest); transition: box-shadow var(--ring-in) var(--ease-ring); }
[data-r="search"]:is(:focus-within, [data-force~="focus"], :has(> input:not(:placeholder-shown))) { box-shadow: var(--ring-field); outline: none; }
[data-r="search"]:is(:focus-within, [data-force~="focus"], :has(> input:not(:placeholder-shown)))::after { box-shadow: none; }
[data-r="search"][data-size="32"] { height: var(--h-32); font-size: var(--fs-13); line-height: var(--lh-13); padding: 0 8px 0 10px; }
[data-r="search"][data-size="32"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
@media (pointer: coarse) {
  [data-r="search"],
  [data-r="search"][data-size] { height: var(--h-44); padding: 0 10px 0 14px; border-block-width: 4px; font-size: var(--fs-16); line-height: var(--lh-16); }
  [data-r="search"] > svg[data-icon],
  [data-r="search"][data-size] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
  [data-r="search"]:is(:focus-within, [data-force~="focus"], :has(> input:not(:placeholder-shown))) { box-shadow: none; }
  [data-r="search"]:is(:focus-within, [data-force~="focus"], :has(> input:not(:placeholder-shown)))::after { box-shadow: var(--ring-field); }
}
}

/* ═══ 20a-parsed-field.css ═══ */
@layer components {
[data-r="parsed-field"]:not([data-variant="inline"]) { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
[data-r="parsed-field"] > [data-r="field"] { min-width: 0; }
[data-r="parsed-field"] > [data-r="field"] > svg[data-icon] { flex: none; margin-left: 4px; }
[data-r="parsed-field"] > [data-r="field"] > input { min-width: 120px; }
[data-r="parsed-field"] [data-r="token"] { max-width: 100%; }
[data-r="parsed-field"] [data-r="token"][data-literal] { display: none; }
[data-r="parsed-field"] [data-r="token"] > [data-part="edit"] { display: inline-flex; align-items: center; gap: 4px; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: default; }
[data-r="parsed-field"] [data-r="token"] > [data-part="edit"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="parsed-field"] [data-r="token"] > [data-part="edit"] > [data-r="dot"] { width: 8px; height: 8px; }
[data-r="parsed-field"] [data-r="token"] > [data-part="edit"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
[data-r="parsed-field"] [data-r="token"] > [data-part="edit"] > [data-part="new"] { color: var(--ink-2); font-weight: var(--fw-450); }
[data-r="parsed-field"] [data-r="token"]:has(> [data-part="edit"]:focus-visible) { box-shadow: var(--ring-field); }
[data-r="parsed-field"] [data-r="token"] > [data-part="edit"]:focus-visible { outline: none; }
[data-r="parsed-field"] > [data-r="field"] > [data-r="filter"] { flex: none; height: var(--h-24); max-width: 100%; border-radius: var(--r-value); }
[data-r="parsed-field"] > [data-r="field"] > [data-r="filter"][data-armed] { box-shadow: 0 0 0 var(--px) var(--ink-2); }
[data-r="parsed-field"] > [data-r="field"] > input::placeholder { color: var(--ink-3); }
[data-r="parsed-field"] > [data-part="problems"] { display: flex; flex-direction: column; gap: 2px; }
[data-r="parsed-field"] > [data-part="problems"]:empty { display: none; }
[data-r="parsed-field"] > [data-part="problems"] > [data-part="problem"] { display: flex; align-items: center; gap: 6px; min-height: var(--row-24); padding: 0 2px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="parsed-field"] > [data-part="problems"] > [data-part="problem"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--warning-ink); }
[data-r="parsed-field"] > [data-part="problems"] > [data-part="problem"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="parsed-field"] > [data-part="problems"] > [data-part="problem"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="parsed-field"][data-variant="inline"] [data-part="word"] { padding: 0 4px; border-radius: var(--r-key); background: var(--plane-selected); color: var(--ink); font-weight: var(--fw-500); font-variant-numeric: tabular-nums; box-decoration-break: clone; -webkit-box-decoration-break: clone; /* a word read as one thing (next friday, 2h) never breaks across two lines */ white-space: nowrap; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="parsed-field"][data-variant="inline"] [data-part="word"]:hover { background: var(--plane-selected-hover); transition-duration: 0s; }
}
[data-r="parsed-field"][data-variant="inline"] [data-part="word"][data-force~="hover"] { background: var(--plane-selected-hover); transition-duration: 0s; }
[data-r="parsed-field"][data-variant="inline"] [data-part="typed"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@property --parsed-size { syntax: "<length>"; inherits: true; initial-value: 13px; }
[data-r="parsed-field"][data-variant="inline"] { --parsed-size: 1em; }
[data-r="parsed-field"][data-variant="inline"] [data-part="word"][data-folded="attribute"] { font-size: 0; }
[data-r="parsed-field"][data-variant="inline"] [data-part="word"][data-folded="attribute"]::before { content: attr(data-label); font-size: var(--parsed-size); }
[data-r="parsed-field"][data-variant="inline"] [data-part="word"][data-kind="date"][data-when="today"] { color: var(--accent-ink); }
[data-r="parsed-field"][data-variant="inline"] [data-part="word"][data-kind="date"][data-when="overdue"] { color: var(--danger-ink); }
[data-r="parsed-field"][data-variant="inline"] [data-part="word"][data-kind="date"][data-when="later"] { color: var(--ink-2); }
[data-r="parsed-field"][data-variant="inline"] [data-part="word"][data-kind="date"][data-when="done"] { background: transparent; color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
[data-r="parsed-field"][data-variant="inline"] [data-part="word"]:is([data-kind="tag"], [data-kind="estimate"], [data-kind="repeat"], [data-kind="after"]) { color: var(--ink-2); }
[data-r="parsed-field"][data-variant="inline"] [data-part="word"][data-kind="priority"] { font-weight: var(--fw-550); }
[data-r="parsed-field"][data-variant="inline"] [data-part="word"][data-kind="priority"][data-level="3"] { color: var(--danger-ink); }
[data-r="parsed-field"][data-variant="inline"]:is([data-done], [data-checked]) [data-part="word"] { background: transparent; color: inherit; }
}

/* ═══ 21-select.css ═══ */
@layer components {
[data-r="select"] { --h: var(--h-28); --pad-l: 9px; --pad-r: 6px; --fs: var(--fs-12); --lh: var(--lh-12); position: relative; display: inline-flex; align-items: center; gap: 6px; flex: none; min-width: 0; max-width: 100%; height: var(--h); padding: 0 var(--pad-r) 0 var(--pad-l); border: .5px solid transparent; background-clip: padding-box; border-radius: var(--r-value); background-color: var(--pill-rest); color: var(--ink); font-size: var(--fs); line-height: var(--lh); font-weight: var(--fw-450); text-align: left; white-space: nowrap; user-select: none; transition: background-color var(--state-out), color var(--state-out); }
[data-r="select"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); transition: box-shadow var(--state-out); }
[data-r="select"] > svg[data-icon]:not([data-part="chevron"]) { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-2)); margin-left: -1px; }
[data-r="select"] > [data-part="value"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="select"] > [data-part="value"]:empty::before,
[data-r="select"] > [data-part="value"][data-empty] { color: var(--ink-3); }
[data-r="select"] > [data-part="value"]:empty::before { content: attr(data-placeholder); }
[data-r="select"] > [data-part="chevron"] { width: var(--icon-12); height: var(--icon-12); color: var(--ink-3); margin-left: auto; }
[data-r="select"][aria-expanded="true"] { background-color: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="select"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="select"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="select"][aria-expanded="true"]::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="select"]:hover::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
}
[data-r="select"][data-force~="hover"]::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
[data-r="select"]:is(:disabled, [aria-disabled="true"]) { opacity: .5; pointer-events: none; }
[data-r="select"][data-size="24"] { --h: var(--h-24); --pad-l: 8px; --pad-r: 5px; }
[data-r="select"][data-size="32"] { --h: var(--h-32); --pad-l: 10px; --pad-r: 8px; --fs: var(--fs-13); --lh: var(--lh-13); }
[data-r="select"][data-size="32"] > svg[data-icon]:not([data-part="chevron"]) { width: var(--icon-16); height: var(--icon-16); }
[data-r="select"]:is([data-size="36"], [data-size="44"]) { --pad-l: 12px; --pad-r: 10px; --fs: var(--fs-13); --lh: var(--lh-13); }
[data-r="select"][data-size="36"] { --h: var(--h-36); }
[data-r="select"][data-size="44"] { --h: var(--h-44); }
[data-r="select"]:is([data-size="36"], [data-size="44"]) > svg[data-icon]:not([data-part="chevron"]) { width: var(--icon-16); height: var(--icon-16); }
[data-r="select"][data-variant="native"] > [data-part="native"] { position: absolute; left: 50%; top: 50%; translate: -50% -50%; z-index: 1; width: calc(100% + 2px); height: calc(100% + 2px); margin: 0; padding: 0; border: 0; opacity: 0; font: inherit; appearance: none; -webkit-appearance: none; cursor: default; }
[data-r="select"][data-variant="native"]:has(> [data-part="native"]:focus-visible)::after { box-shadow: 0 0 0 1px var(--accent), var(--e1); }
[data-r="select"][data-width="fill"] { display: flex; width: 100%; }
[data-r="select"][data-variant="quiet"] { background-color: transparent; color: var(--ink-2); }
[data-r="select"][data-variant="quiet"]::after { box-shadow: none; }
[data-r="select"][data-variant="quiet"] > svg[data-icon]:not([data-part="chevron"]) { color: inherit; }
[data-r="select"][data-variant="quiet"][aria-expanded="true"] { background-color: var(--plane-hover); color: var(--ink); }
@media (hover: hover) {
  [data-r="select"][data-variant="quiet"]:hover { background-color: var(--plane-hover); color: var(--ink); }
}
[data-r="select"][data-variant="quiet"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); }
[data-r="select"][data-variant="quiet"][aria-expanded="true"]::after { box-shadow: none; }
@media (hover: hover) {
  [data-r="select"][data-variant="quiet"]:hover::after { box-shadow: none; }
}
[data-r="select"][data-variant="quiet"][data-force~="hover"]::after { box-shadow: none; }
[data-r="select"] > [data-part="value"][data-face] { font-family: var(--face, inherit); font-feature-settings: normal; }
[data-r="menu"][data-variant="faces"] { min-width: 220px; }
[data-r="menu"][data-variant="faces"] [data-r="menu-item"] { height: var(--row-28); }
[data-r="menu"][data-variant="faces"] [data-r="menu-item"][data-face] > [data-part="label"] { overflow: hidden; text-overflow: ellipsis; font-family: var(--face, inherit); font-feature-settings: normal; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
[data-r="menu"][data-variant="faces"] [data-r="menu-item"] > [data-part="end"] { color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="menu"][data-variant="faces"] [data-r="menu-item"][data-highlighted] > [data-part="end"] { color: var(--ink-2); }
[data-r="select"][data-native] > [data-part="field"] { flex: 1 1 auto; min-width: 0; align-self: stretch; height: auto; margin: 0 calc(-1 * (var(--pad-r) + var(--icon-12) + 6px)) 0 calc(-1 * var(--pad-l)); padding: 0 calc(var(--pad-r) + var(--icon-12) + 6px) 0 var(--pad-l); border: 0; border-radius: inherit; outline: none; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; text-overflow: ellipsis; appearance: none; -webkit-appearance: none; }
[data-r="select"][data-native] > [data-part="chevron"] { position: relative; pointer-events: none; }
[data-r="select"][data-native]:has(> [data-part="field"]:focus-visible)::after { box-shadow: 0 0 0 1px var(--accent), var(--e1); transition-duration: 0s; }
[data-r="select"][data-native]:has(> [data-part="field"]:disabled) { opacity: .5; pointer-events: none; }
@supports (appearance: base-select) {
  [data-r="select"][data-native] > [data-part="field"],
  [data-r="select"][data-native] > [data-part="field"]::picker(select) { appearance: base-select; }
  [data-r="select"][data-native] > [data-part="field"] { display: flex; align-items: center; gap: 6px; min-height: 0; }
  [data-r="select"][data-native] > [data-part="field"]::picker-icon { display: none; }
  [data-r="select"][data-native]:has(> [data-part="field"]:open) { background-color: var(--plane-hover); transition-duration: 0s; }
  [data-r="select"][data-native]:has(> [data-part="field"]:open)::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
  [data-r="select"][data-native] > [data-part="field"]::picker(select) { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); min-width: max(120px, anchor-size(width)); max-height: var(--menu-max, 420px); /* placed as ramtt.js places the system's list: under the select, aligned to its start, 4 from it and 8 from the window, flipped only when it does not fit (the browser's own order would take the side with more room) */ position-area: block-end span-inline-end; position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline; position-try-order: normal; margin: 4px 8px 8px 0; padding: var(--inset); border: 0; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); overflow: hidden auto; overscroll-behavior: contain; /* a menu's motion (28 October 2026): the menu spring, as ramtt.js moves a menu, sampled into the --overlay curves; opacity and scale are two curves because opacity is the spring clamped at 1 */ transform-origin: 0 0; opacity: 0; transform: scale(var(--scale-from)); transition: opacity var(--overlay-out-duration) var(--overlay-out-opacity), transform var(--overlay-out-duration) var(--overlay-out-scale), overlay var(--overlay-out-duration) allow-discrete, display var(--overlay-out-duration) allow-discrete; }
  [data-r="select"][data-native] > [data-part="field"]:open::picker(select) { opacity: 1; transform: none; transition: opacity var(--overlay-in-duration) var(--overlay-in-opacity), transform var(--overlay-in-duration) var(--overlay-in-scale), overlay var(--overlay-in-duration) allow-discrete, display var(--overlay-in-duration) allow-discrete; }
  @starting-style {
    [data-r="select"][data-native] > [data-part="field"]:open::picker(select) { opacity: 0; transform: scale(var(--scale-from)); }
  }
  [data-r="select"][data-native] option { display: flex; align-items: center; gap: 6px; flex: none; min-height: var(--row-24); height: var(--row-24); padding: 0 8px; border-radius: var(--r-row); background: transparent; color: var(--ink-2); white-space: nowrap; outline: none; }
  [data-r="select"][data-native] option:focus { background: var(--raised-selected); color: var(--ink); }
  @media (hover: hover) {
    [data-r="select"][data-native] option:hover { background: var(--raised-selected); color: var(--ink); }
  }
  [data-r="select"][data-native] option[data-force~="hover"] { background: var(--raised-selected); color: var(--ink); }
  @media (hover: hover) {
    [data-r="select"][data-native] > [data-part="field"]:has(option:hover) option:focus:not(:hover) { background: transparent; color: var(--ink-2); }
  }
  [data-r="select"][data-native] > [data-part="field"]:has(option[data-force~="hover"]) option:focus:not([data-force~="hover"]) { background: transparent; color: var(--ink-2); }
  [data-r="select"][data-native] option:disabled { color: var(--ink-disabled); }
  [data-r="select"][data-native] option::checkmark { order: 1; content: ""; display: block; flex: none; width: 4px; height: 7.5px; margin: -2px 5px 0 auto; /* allow: spacing · the drawn check */ border: solid var(--accent-glyph); border-width: 0 1.6px 1.6px 0; transform: rotate(42deg); }
  [data-r="select"][data-native] option:not(:checked)::checkmark { visibility: hidden; }
  [data-r="select"][data-native] hr { height: var(--px); margin: 6px calc(-1 * var(--inset)); border: 0; background: var(--line-3); }
  [data-r="select"][data-native] optgroup legend { display: flex; align-items: center; height: var(--row-24); padding: 0 8px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
  @media (prefers-reduced-motion: reduce) {
    [data-r="select"][data-native] > [data-part="field"]::picker(select) { transition-duration: 0s; }
  }
}
}

/* ═══ 22-slider.css ═══ */
@layer components {
[data-r="slider"] { position: relative; display: block; flex: 1; min-width: 120px; height: 20px; touch-action: none; user-select: none; -webkit-user-select: none; }
[data-r="slider"][data-marks] { margin-top: 18px; }
[data-r="slider"][data-words] { margin-bottom: 20px; }
[data-r="slider"]:has(> [data-part="handle"][aria-disabled="true"]) { opacity: .5; pointer-events: none; }
[data-r="slider"] > [data-part="track"] { position: absolute; left: 0; right: 0; top: 8px; height: 4px; border-radius: var(--r-press); background: var(--a10); transition: background-color var(--state-out); }
[data-r="slider"] > [data-part="track"] > [data-part="fill"] { position: absolute; top: 0; bottom: 0; left: var(--from, 0%); right: calc(100% - var(--to, 50%)); border-radius: inherit; background: var(--accent); }
@media (hover: hover) {
  [data-r="slider"]:hover > [data-part="track"] { background: var(--a20); transition-duration: 0s; }
}
[data-r="slider"][data-force~="hover"] > [data-part="track"] { background: var(--a20); transition-duration: 0s; }
[data-r="slider"] > [data-part="band"] { position: absolute; top: 4px; left: var(--at); width: var(--w); height: 12px; border-radius: var(--r-press); background: var(--a5); pointer-events: none; }
[data-r="slider"] > [data-part="mark"] { position: absolute; top: 2px; bottom: 2px; left: var(--at); width: 0; pointer-events: none; }
[data-r="slider"] > [data-part="mark"]::before { content: ""; position: absolute; left: -.5px; top: 0; bottom: 0; width: 1px; background: var(--ink-2); }
[data-r="slider"] > [data-part="mark"] > span { position: absolute; bottom: 100%; left: 0; margin-bottom: 3px; transform: translateX(-50%); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-2); white-space: nowrap; }
[data-r="slider"] > [data-part="words"] { position: absolute; left: 0; right: 0; top: 24px; height: 16px; pointer-events: none; }
[data-r="slider"] > [data-part="words"] > span { position: absolute; left: var(--at); transform: translateX(-50%); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); white-space: nowrap; }
[data-r="slider"] > [data-part="words"] > span:first-child { transform: none; }
[data-r="slider"] > [data-part="words"] > span:last-child { transform: translateX(-100%); }
[data-r="slider"] > [data-part="handle"] { position: absolute; top: 3px; left: var(--at, 50%); z-index: 1; width: 14px; height: 14px; margin-left: -7px; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); transition: transform var(--state-out); }
[data-r="slider"] > [data-part="handle"]::before { content: ""; position: absolute; inset: -7px; border-radius: inherit; }
@media (hover: hover) {
  [data-r="slider"]:hover > [data-part="handle"] { transform: scale(1.14); transition-duration: 0s; }
}
[data-r="slider"][data-force~="hover"] > [data-part="handle"] { transform: scale(1.14); transition-duration: 0s; }
[data-r="slider"] > [data-part="handle"][data-held] { transform: scale(1.22); transition: none; }
[data-r="slider"] > [data-part="handle"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="slider"] > [data-part="handle"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="slider"] > [data-part="bubble"] { position: absolute; bottom: calc(100% + 8px); left: var(--at, 50%); z-index: 3; transform: translateX(-50%); display: inline-flex; align-items: baseline; gap: 6px; padding: 4px 8px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; pointer-events: none; }
[data-r="slider"] > [data-part="bubble"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="slider"][data-marks] > [data-part="bubble"] { bottom: calc(100% + 24px); }
[data-r="slider-row"] { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; }
[data-r="slider-row"] > output { min-width: 64px; text-align: right; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 560px) {
  [data-r="slider-row"]:has(> [data-r="slider"]:is([data-words], [data-marks])) { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  [data-r="slider-row"]:has(> [data-r="slider"]:is([data-words], [data-marks])) > output { order: -1; text-align: left; }
}
[data-r="slider"][data-dist] { margin-top: 24px; }
[data-r="slider"] > [data-part="dist"] { position: absolute; left: 0; right: 0; top: -24px; height: 28px; pointer-events: none; }
[data-r="slider"] > [data-part="dist"] > [data-part="bin"] { position: absolute; bottom: 0; left: var(--at); width: var(--w); height: calc(var(--v, 0) * 100%); padding: 0 var(--px); background: var(--a10); background-clip: content-box; border-radius: var(--r-key) var(--r-key) 0 0; }
[data-r="slider"] > [data-part="dist"] > [data-part="bin"][data-kept] { background-color: var(--ink-2); }
[data-r="field-hint"][data-keeps] { font-variant-numeric: tabular-nums; }
[data-r="field-hint"][data-keeps] > b { font-weight: var(--fw-500); color: var(--ink); }
}

/* ═══ 22a-slider-forms.css ═══ */
@layer components {
[data-r="slider-form"] { position: relative; display: block; min-width: 0; touch-action: none; user-select: none; -webkit-user-select: none; }
[data-r="slider-form"] [role="slider"]:focus { outline: none; }
[data-r="slider-form-ends"] { display: flex; justify-content: space-between; gap: var(--space-8); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="slider-form"][data-look="ruler"] { height: var(--space-48); border-radius: var(--r-key); cursor: grab; }
[data-r="slider-form"][data-look="ruler"][data-held] { cursor: grabbing; }
[data-r="slider-form"][data-look="ruler"]:focus-visible { outline: var(--px) solid var(--accent); outline-offset: var(--space-4); }
[data-look="ruler"] > [data-part="window"] { position: absolute; inset: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, var(--ink) 30%, var(--ink) 70%, transparent); mask-image: linear-gradient(90deg, transparent, var(--ink) 30%, var(--ink) 70%, transparent); }
[data-look="ruler"] [data-part="tape"] { position: absolute; left: 50%; top: 0; bottom: 0; translate: calc(var(--i, 0) * var(--space-8) * -1) 0; transition: translate var(--state-out) var(--ease-expo); }
[data-r="slider-form"][data-look="ruler"][data-held] [data-part="tape"] { transition: none; }
[data-look="ruler"] [data-part="tape"] > i { position: absolute; bottom: 0; left: calc(var(--t) * var(--space-8)); width: var(--px); height: var(--space-8); translate: -50% 0; background: var(--line-5); }
[data-look="ruler"] [data-part="tape"] > i[data-major] { height: var(--space-16); background: var(--ink-3); }
[data-look="ruler"] [data-part="tape"] > span { position: absolute; top: 0; left: calc(var(--t) * var(--space-8)); translate: -50% 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-look="ruler"] > [data-part="needle"] { position: absolute; left: 50%; bottom: 0; width: var(--space-2); height: var(--space-28); translate: -50% 0; border-radius: var(--r-press); background: var(--accent); pointer-events: none; }
[data-r="slider-form"][data-look="fader"] { display: flex; flex-direction: column; align-items: center; gap: var(--space-8); width: var(--space-56); }
[data-look="fader"] > output { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-look="fader"] > [data-part="label"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-look="fader"] > [data-part="track"] { position: relative; width: var(--space-32); height: calc(var(--space-120) + var(--space-12)); border-radius: var(--r-key); cursor: ns-resize; }
[data-look="fader"] > [data-part="track"]::before,
[data-look="fader"] > [data-part="track"] > [data-part="fill"] { content: ""; position: absolute; left: 50%; bottom: 0; width: var(--space-4); translate: -50% 0; border-radius: var(--r-press); }
[data-look="fader"] > [data-part="track"]::before { top: 0; background: var(--a10); transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-look="fader"] > [data-part="track"]:hover::before { background: var(--a20); transition-duration: 0s; }
}
[data-look="fader"] > [data-part="track"][data-force~="hover"]::before { background: var(--a20); transition-duration: 0s; }
[data-look="fader"] > [data-part="track"] > [data-part="fill"] { height: var(--at, 0%); background: var(--accent); }
[data-look="fader"] > [data-part="track"] > [data-part="thumb"] { position: absolute; left: 50%; bottom: var(--at, 0%); width: var(--space-24); height: var(--space-10); translate: -50% 50%; border-radius: var(--r-key); background: var(--knob); box-shadow: var(--handle-shadow); transition: scale var(--state-out); }
[data-look="fader"] > [data-part="track"][data-held] > [data-part="thumb"] { scale: 1.1; transition: none; }
[data-look="fader"] > [data-part="track"]:focus-visible { outline: var(--px) solid var(--accent); outline-offset: var(--space-2); }
[data-r="faders"] { display: flex; align-items: stretch; gap: var(--space-8); }
[data-r="faders"] > [data-part="sum"] { display: flex; flex-direction: column; justify-content: center; gap: var(--space-4); margin-left: auto; padding-left: var(--space-20); border-left: var(--px) solid var(--line-1); }
[data-r="faders"] > [data-part="sum"] > span { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="faders"] > [data-part="sum"] > output { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="slider-form"][data-look="zones"] { display: flex; flex-direction: column; gap: var(--space-4); }
[data-look="zones"] > [data-part="line"] { position: relative; height: var(--space-20); }
[data-look="zones"] > [data-part="line"] > [data-part="bar"] { position: absolute; left: 0; right: 0; top: var(--space-7); height: var(--space-6); display: flex; gap: var(--space-2); }
[data-look="zones"] [data-part="bar"] > i { flex: var(--w) 1 0; border-radius: var(--r-press); background: var(--c); opacity: .35; transition: opacity var(--state-out); }
[data-look="zones"] [data-part="bar"] > i[data-on] { opacity: 1; }
[data-look="zones"] > [data-part="line"] > [data-part="handle"] { position: absolute; top: var(--space-3); left: var(--at, 0%); width: var(--space-14); height: var(--space-14); translate: -50% 0; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); transition: scale var(--state-out); }
[data-look="zones"] > [data-part="line"] > [data-part="handle"]::before { content: ""; position: absolute; inset: calc(var(--space-7) * -1); border-radius: inherit; }
@media (hover: hover) {
  [data-look="zones"] > [data-part="line"]:hover > [data-part="handle"] { scale: 1.14; transition-duration: 0s; }
}
[data-look="zones"] > [data-part="line"][data-force~="hover"] > [data-part="handle"] { scale: 1.14; transition-duration: 0s; }
[data-look="zones"] > [data-part="line"] > [data-part="handle"][data-held] { scale: 1.22; transition: none; }
[data-look="zones"] > [data-part="line"] > [data-part="handle"]:focus-visible { outline: var(--px) solid var(--accent); outline-offset: 0; }
[data-look="zones"] > [data-part="words"] { display: flex; gap: var(--space-2); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-4); }
[data-look="zones"] > [data-part="words"] > span { flex: var(--w) 1 0; text-align: center; transition: color var(--state-out); }
[data-look="zones"] > [data-part="words"] > span[data-on] { color: var(--ink); font-weight: var(--fw-550); }
[data-r="slider-form-read"] { display: flex; flex-direction: column; gap: var(--space-4); }
[data-r="slider-form-read"] > b { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="slider-form-read"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-look="ruler"] [data-part="tape"] > i[data-ref] { height: 12px; background: var(--ink-2); }
[data-look="ruler"] [data-part="tape"] > i[data-in][data-in] { width: calc(var(--px) * 2); background: var(--accent); }
[data-look="ruler"] [data-part="tape"] > span[data-in] { color: var(--ink); }
[data-r="slider-form"][data-look="ruler"][data-landing] [data-part="tape"] { transition: translate var(--spring-release-duration) var(--spring-release); }
[data-r="field-hint"][data-said-of] b { font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
}

/* ═══ 23-date.css ═══ */
@layer components {
[data-r="calendar"] { display: inline-flex; flex-direction: column; gap: 8px; width: 256px; color: var(--ink); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); user-select: none; }
[data-r="calendar"] > [data-part="head"] { display: flex; align-items: center; gap: 2px; height: var(--h-24); }
[data-r="calendar"] > [data-part="head"] > b { flex: 1; padding-left: 6px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); }
[data-r="calendar"] > [data-part="grid"] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
[data-r="calendar"] [data-part="weekday"] { display: flex; align-items: center; justify-content: center; height: var(--h-24); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="calendar"] [data-part="day"] { position: relative; display: flex; align-items: center; justify-content: center; height: var(--h-28); border-radius: var(--r-press); color: var(--ink); font-variant-numeric: tabular-nums; transition: background-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="calendar"] [data-part="day"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="calendar"] [data-part="day"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="calendar"] [data-part="day"][data-outside] { color: var(--ink-disabled); }
[data-r="calendar"] [data-part="day"][data-today] { color: var(--accent-ink); font-weight: var(--fw-550); }
[data-r="calendar"] [data-part="day"][data-in-range] { background-color: var(--plane-selected); border-radius: 0; }
[data-r="calendar"] [data-part="day"][data-range-start] { border-radius: var(--r-press) 0 0 var(--r-press); }
[data-r="calendar"] [data-part="day"][data-range-end] { border-radius: 0 var(--r-press) var(--r-press) 0; }
[data-r="calendar"] [data-part="day"][aria-selected="true"] { background-color: var(--accent); color: var(--on-accent); font-weight: var(--fw-550); box-shadow: var(--lit); }
[data-r="calendar"]:not([data-variant]) [data-part="day"] { isolation: isolate; }
[data-r="calendar"]:not([data-variant]) [data-part="day"]::before { content: ""; position: absolute; inset: 0; width: var(--h-28); margin-inline: auto; border-radius: var(--r-round); transition: background-color var(--state-out); }
[data-r="calendar"]:not([data-variant]) [data-part="day"]::before { z-index: -1; }
@media (hover: hover) {
  [data-r="calendar"]:not([data-variant]) [data-part="day"]:not([data-in-range]):hover { background-color: transparent; }
}
[data-r="calendar"]:not([data-variant]) [data-part="day"]:not([data-in-range])[data-force~="hover"] { background-color: transparent; }
@media (hover: hover) {
  [data-r="calendar"]:not([data-variant]) [data-part="day"]:hover::before { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="calendar"]:not([data-variant]) [data-part="day"][data-force~="hover"]::before { background-color: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="calendar"]:not([data-variant]) [data-part="day"][data-in-range]:hover { background-color: var(--plane-selected); }
}
[data-r="calendar"]:not([data-variant]) [data-part="day"][data-in-range][data-force~="hover"] { background-color: var(--plane-selected); }
[data-r="calendar"]:not([data-variant]) [data-part="day"][aria-selected="true"] { background-color: transparent; box-shadow: none; }
[data-r="calendar"]:not([data-variant]) [data-part="day"][aria-selected="true"][data-in-range] { background-color: var(--plane-selected); }
[data-r="calendar"]:not([data-variant]) [data-part="day"][aria-selected="true"]::before { background-color: var(--accent); box-shadow: var(--lit); }
[data-r="calendar"]:not([data-variant]) [data-part="day"]:focus-visible { outline: none; }
[data-r="calendar"]:not([data-variant]) [data-part="day"][data-force~="focus"] { outline: none; }
[data-r="calendar"]:not([data-variant]) [data-part="day"]:focus-visible::before { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="calendar"]:not([data-variant]) [data-part="day"][data-force~="focus"]::before { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="calendar"] [data-part="day"][data-has]::after { content: ""; position: absolute; bottom: 3px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; /* allow: spacing · centres a 3 px dot */ border-radius: var(--r-round); background: currentColor; opacity: .5; }
[data-r="calendar"] > [data-part="foot"] { display: flex; align-items: center; gap: 6px; padding-top: 8px; border-top: var(--px) solid var(--line-3); }
[data-r="calendar"][data-variant="week"] { container-type: inline-size; display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto minmax(0, 1fr); grid-template-areas: "month prev days next end"; align-items: center; column-gap: 4px; row-gap: 8px; width: 100%; }
[data-r="calendar"][data-variant="week"] > [data-part="month"] { grid-area: month; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 12px; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="calendar"][data-variant="week"] > [data-part="prev"] { grid-area: prev; }
[data-r="calendar"][data-variant="week"] > [data-part="next"] { grid-area: next; }
[data-r="calendar"][data-variant="week"] > [data-part="end"] { grid-area: end; display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; margin-left: 12px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="calendar"][data-variant="week"] > [data-part="grid"] { grid-area: days; display: flex; gap: 2px; }
[data-r="calendar"][data-variant="week"] [data-part="day"] { flex-direction: column; gap: 2px; width: 40px; height: 48px; border-radius: var(--r-row); color: var(--ink-2); }
[data-r="calendar"][data-variant="week"] [data-part="day"] > [data-part="weekday"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="calendar"][data-variant="week"] [data-part="day"] > [data-part="number"] { font-size: var(--fs-13); line-height: var(--lh-13); font-variant-numeric: tabular-nums; }
[data-r="calendar"][data-variant="week"] [data-part="day"][aria-selected="true"] { background-color: var(--plane-selected); color: var(--ink); font-weight: var(--fw-450); box-shadow: none; }
[data-r="calendar"][data-variant="week"] [data-part="day"][aria-selected="true"] > [data-part="weekday"] { color: var(--ink-2); }
[data-r="calendar"][data-variant="week"] [data-part="day"][data-today] > [data-part="number"] { color: var(--accent-ink); font-weight: var(--fw-550); }
[data-r="calendar"][data-variant="week"] [data-part="day"][data-has]::after { bottom: 5px; }
[data-r="calendar"][data-variant="week"] [data-part="day"]:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--accent); }
[data-r="calendar"][data-variant="week"] [data-part="day"][data-force~="focus"] { outline: none; box-shadow: 0 0 0 2px var(--accent); }
@container (max-width: 560px) {
  [data-r="calendar"][data-variant="week"] { grid-template-columns: minmax(0, 1fr) auto auto auto; grid-template-areas: "month prev next end" "days days days days"; }
  [data-r="calendar"][data-variant="week"] > [data-part="grid"] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
  [data-r="calendar"][data-variant="week"] [data-part="day"] { width: auto; }
  [data-r="calendar"][data-variant="week"] > [data-part="end"] { margin-left: 4px; }
}
[data-r="calendar"][data-variant="mini"] { width: 100%; }
[data-r="calendar"][data-variant="mini"] > [data-part="head"] { height: var(--h-44); }
[data-r="calendar"][data-variant="mini"] > [data-part="head"] > b { font-size: var(--fs-16); line-height: var(--lh-16); }
[data-r="calendar"][data-variant="mini"] [data-part="day"] { flex-direction: column; gap: 3px; min-width: 0; height: 48px; border-radius: var(--r-row); }
[data-r="calendar"][data-variant="mini"] [data-part="day"] > [data-part="number"] { display: inline-grid; place-items: center; width: 24px; height: 24px; padding: 0; border-radius: var(--r-round); font-size: var(--fs-13); line-height: var(--lh-13); font-variant-numeric: tabular-nums; }
[data-r="calendar"][data-variant="mini"] [data-part="day"][data-today] { color: var(--ink); font-weight: var(--fw-450); }
[data-r="calendar"][data-variant="mini"] [data-part="day"][data-today] > [data-part="number"] { background: var(--accent); color: var(--on-accent); font-weight: var(--fw-550); }
[data-r="calendar"][data-variant="mini"] [data-part="day"][aria-selected="true"] { background-color: var(--plane-selected); color: var(--ink); font-weight: var(--fw-450); box-shadow: none; }
[data-r="calendar"][data-variant="mini"] [data-part="day"] > [data-part="dots"] { display: flex; gap: 3px; height: 4px; }
[data-r="calendar"][data-variant="mini"] [data-part="day"]:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--accent); }
[data-r="calendar"][data-variant="mini"] [data-part="day"][data-force~="focus"] { outline: none; box-shadow: 0 0 0 2px var(--accent); }
[data-r="date-picker"] { display: flex; flex-direction: column; gap: 12px; width: 304px; padding: 12px; }
[data-r="date-picker"] > [data-r="calendar"] { width: 100%; }
[data-r="date-picker"] > [data-part="foot"] { display: flex; align-items: center; gap: 4px; margin: -4px 0 -4px -6px; }
[data-r="popover"]:has(> [data-r="date-picker"]) { padding: 0; }
[data-r="time"] { display: inline-flex; align-items: center; gap: 1px; font-variant-numeric: tabular-nums; }
[data-r="time"] > [data-part="segment"] { padding: 2px 2px; border-radius: var(--r-key); outline: none; }
[data-r="time"] > [data-part="segment"]:focus { background: var(--selection); color: var(--ink); }
[data-r="time"] > [data-part="colon"] { color: var(--ink-3); }
}

/* ═══ 24-token.css ═══ */
@layer components {
[data-r="field"][data-kind="tokens"] { height: auto; min-height: var(--h); flex-wrap: wrap; gap: 4px; padding: 3px 4px; }
[data-r="field"][data-kind="tokens"] > input { min-width: 90px; height: var(--h-24); padding: 0 4px; }
[data-r="token"] { display: inline-flex; align-items: center; gap: 4px; flex: none; height: var(--h-24); padding: 0 3px 0 8px; border-radius: var(--r-press); background: var(--plane-selected); color: var(--ink); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); white-space: nowrap; }
[data-r="token"] > [data-r="avatar"] { margin-left: -5px; }
[data-r="token"] > [data-part="remove"] { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: var(--r-round); color: var(--ink-3); transition: background-color var(--state-out), color var(--state-out); }
[data-r="token"] > [data-part="remove"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
@media (hover: hover) {
  [data-r="token"] > [data-part="remove"]:hover { background: var(--plane-selected-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="token"] > [data-part="remove"][data-force~="hover"] { background: var(--plane-selected-hover); color: var(--ink); transition-duration: 0s; }
@media (pointer: coarse) {
  [data-r="token"] > [data-part="remove"] { width: var(--h-44); height: var(--h-44); margin: calc((18px - var(--h-44)) / 2); }
}
[data-r="token"][data-armed] { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="drop"] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 120px; padding: 20px; border-radius: var(--r-contain); background: var(--well); box-shadow: inset 0 0 0 1px var(--line-3); background-image: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-align: center; outline: 1px dashed var(--line-5); outline-offset: -1px; }
[data-r="drop"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); color: var(--thing, var(--ink-3)); }
[data-r="drop"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="drop"][data-over] { outline-color: var(--accent); outline-style: solid; color: var(--ink-2); }
[data-r="drop"][data-over] > svg[data-icon] { color: var(--accent-glyph); }
[data-r="drop"][data-variant="compact"] { display: inline-flex; flex-direction: row; min-height: 0; padding: 0; gap: 0; background: none; box-shadow: none; outline: none; border-radius: var(--r-press); }
[data-r="drop"][data-variant="compact"][data-over] { outline: 1px solid var(--accent); outline-offset: 1px; }
@media (pointer: coarse) {
  [data-r="drop"][data-variant="compact"] > [data-r="button"]:not([data-icon-only]) { --h: var(--h-44); --pad: 14px; --pad-icon: 12px; --fs: var(--fs-13); --lh: var(--lh-13); border-block-width: 4px; }
  [data-r="drop"][data-variant="compact"] > [data-r="button"][data-icon-only] { --h: var(--h-44); --icon: var(--icon-20); }
  [data-r="drop"][data-variant="compact"] > [data-r="button"]:not([data-icon-only]):focus-visible { outline: none; }
  [data-r="drop"][data-variant="compact"] > [data-r="button"]:not([data-icon-only])[data-force~="focus"] { outline: none; }
  [data-r="drop"][data-variant="compact"] > [data-r="button"]:not([data-icon-only]):focus-visible::after { outline: 1px solid var(--accent); outline-offset: 0; }
  [data-r="drop"][data-variant="compact"] > [data-r="button"]:not([data-icon-only])[data-force~="focus"]::after { outline: 1px solid var(--accent); outline-offset: 0; }
}
[data-r="file"] { display: flex; align-items: center; gap: 10px; max-width: 100%; height: var(--row-40); padding: 0 6px 0 10px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-raised)), var(--e1); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="file"] > [data-part="icon"] { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: var(--r-key); background: var(--well); color: var(--ink-2); }
[data-r="file"] > [data-part="icon"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="file"] > [data-part="name"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
[data-r="file"] > [data-part="meta"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="file"] > [data-part="progress"] { width: 64px; }
[data-r="swatches"] { display: flex; flex-wrap: wrap; gap: 6px; }
[data-r="swatch"] { position: relative; width: 18px; height: 18px; border-radius: var(--r-round); background: var(--c); box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / 10%); }
[data-r="swatch"]::before { content: ""; position: absolute; inset: -4px; border-radius: inherit; }
[data-r="swatch"][aria-checked="true"] { box-shadow: 0 0 0 2px var(--plane), 0 0 0 3.5px var(--c); }
[data-r="swatch"][data-part="inherit"] { background: var(--plane); box-shadow: inset 0 0 0 var(--px) var(--line-4); }
[data-r="swatch"][data-part="inherit"]::after { content: ""; position: absolute; inset: 5px; border-radius: inherit; background: var(--c); }
[data-r="swatch"][data-part="inherit"][aria-checked="true"] { box-shadow: inset 0 0 0 var(--px) var(--line-4), 0 0 0 2px var(--plane), 0 0 0 3.5px var(--c); }
[data-r="swatches"][data-variant="groups"] { flex-direction: column; flex-wrap: nowrap; gap: 10px; }
[data-r="swatches"][data-variant="groups"] > [data-part="group"] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
[data-r="swatches"][data-variant="groups"] > [data-part="group"] > [data-part="name"] { display: flex; align-items: baseline; gap: 6px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="swatches"][data-variant="groups"] > [data-part="group"] > [data-part="name"] > [data-part="count"] { margin-left: auto; font-weight: var(--fw-450); font-variant-numeric: tabular-nums; }
[data-r="swatches"][data-variant="groups"] > [data-part="group"] > [data-part="list"] { display: flex; flex-wrap: wrap; gap: 6px; }
}

/* ═══ 25-adjust.css ═══ */
@layer components {
[data-r="knob"] { display: inline-flex; flex-direction: column; align-items: center; gap: 6px; min-width: 96px; }
[data-r="knob"] > [data-part="dial"] { position: relative; width: 64px; height: 64px; border-radius: var(--r-round); cursor: ns-resize; touch-action: none; }
[data-r="knob"] > [data-part="dial"] > svg { position: absolute; inset: 0; width: 64px; height: 64px; overflow: visible; }
[data-r="knob"] [data-part="track"] { fill: none; stroke: var(--a10); stroke-width: 4; stroke-linecap: round; transition: stroke var(--state-out); }
[data-r="knob"] [data-part="arc"] { fill: none; stroke: var(--accent); stroke-width: 4; stroke-linecap: round; }
[data-r="knob"] > [data-part="dial"]::before { content: ""; position: absolute; inset: 14px; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); transition: transform var(--state-out); }
[data-r="knob"] > [data-part="dial"]::after { content: ""; position: absolute; left: 50%; top: 50%; width: 4px; height: 4px; margin: -2px 0 0 -2px; border-radius: var(--r-round); background: var(--ink); transform: rotate(var(--a, 0deg)) translateY(-11px); }
@media (hover: hover) {
  [data-r="knob"] > [data-part="dial"]:hover [data-part="track"] { stroke: var(--a20); transition-duration: 0s; }
}
[data-r="knob"] > [data-part="dial"][data-force~="hover"] [data-part="track"] { stroke: var(--a20); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="knob"] > [data-part="dial"]:hover::before { transform: scale(1.05); transition-duration: 0s; }
}
[data-r="knob"] > [data-part="dial"][data-force~="hover"]::before { transform: scale(1.05); transition-duration: 0s; }
[data-r="knob"] > [data-part="dial"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="knob"] > [data-part="dial"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="knob"] > [data-part="value"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="knob"] > [data-part="value"] > [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="knob"] > [data-part="label"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); text-align: center; }
[data-r="linked"] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 6px 8px; }
[data-r="linked"] > [data-part="link"] { flex: none; }
[data-r="linked"] > [data-part="hint"] { flex-basis: 100%; margin: 0; }
[data-r="linked"][data-unlinked] > [data-part="hint"] { color: var(--ink-2); }
[data-r="code"] { display: flex; align-items: center; gap: 6px; }
[data-r="code"] > [data-part="gap"] { flex: none; width: 4px; }
[data-r="code"] > input { --ring-gap: var(--raised); flex: none; width: 40px; height: var(--h-44); margin: 0; padding: 0; border: .5px solid var(--line-4); border-radius: var(--r-value); outline: none; background: var(--raised); text-align: center; font-size: var(--fs-16); line-height: 1; font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; caret-color: var(--accent); transition: border-color var(--state-out), box-shadow var(--ring-in) var(--ease-ring); }
@media (hover: hover) {
  [data-r="code"] > input:hover { border-color: var(--line-5); transition-duration: 0s; }
}
[data-r="code"] > input[data-force~="hover"] { border-color: var(--line-5); transition-duration: 0s; }
[data-r="code"] > input:is(:focus, [data-force~="focus"]) { border-color: transparent; box-shadow: var(--ring-field); }
@media (max-width: 560px) {
  [data-r="code"] > input { width: 36px; }
}
}

/* ═══ 25b-zone-edges.css ═══ */
@layer components {
[data-r="editor"][data-kind="edges"] > [data-part="track"] { position: relative; height: 28px; border-radius: var(--r-press); background: var(--plane-selected); touch-action: none; }
[data-r="editor"][data-kind="edges"] [data-part="segment"] { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; padding: 0 10px; overflow: hidden; background: var(--tone); box-shadow: inset -1px 0 0 var(--raised); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; }
[data-r="editor"][data-kind="edges"] [data-part="segment"]:first-child { border-radius: var(--r-press) 0 0 var(--r-press); }
[data-r="editor"][data-kind="edges"] [data-part="segment"]:nth-last-child(1 of [data-part="segment"]) { border-radius: 0 var(--r-press) var(--r-press) 0; box-shadow: none; }
[data-r="editor"][data-kind="edges"] [data-part="grip"] { position: absolute; top: -6px; bottom: -6px; z-index: 1; width: 16px; translate: -50% 0; cursor: ew-resize; touch-action: none; outline: none; }
[data-r="editor"][data-kind="edges"] [data-part="grip"]::after { content: ""; position: absolute; left: 5px; top: 0; bottom: 0; width: 6px; border-radius: var(--r-press); background: var(--knob); box-shadow: var(--handle-shadow); transition: scale var(--state-out); }
@media (hover: hover) {
  [data-r="editor"][data-kind="edges"] [data-part="grip"]:hover::after { scale: 1.14 1; transition-duration: 0s; }
}
[data-r="editor"][data-kind="edges"] [data-part="grip"][data-force~="hover"]::after { scale: 1.14 1; transition-duration: 0s; }
[data-r="editor"][data-kind="edges"] [data-part="grip"][data-force~="hover"]::after { scale: 1.14 1; transition-duration: 0s; }
[data-r="editor"][data-kind="edges"] [data-part="grip"]:focus-visible::after { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="editor"][data-kind="edges"] [data-part="grip"][data-force~="focus"]::after { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="editor"][data-kind="edges"] > [data-part="legend"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 8px 12px; }
[data-r="editor"][data-kind="edges"] > [data-part="legend"] > span { display: grid; grid-template-columns: 8px auto 1fr; column-gap: 6px; align-items: center; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="editor"][data-kind="edges"] > [data-part="legend"] i { width: 8px; height: 8px; border-radius: var(--r-round); background: var(--tone); }
[data-r="editor"][data-kind="edges"] > [data-part="legend"] b { grid-column: 2; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="editor"][data-kind="edges"] > [data-part="legend"] small { grid-column: 3; grid-row: 2; padding-left: 6px; font-size: var(--fs-11); line-height: var(--lh-13); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="editor"][data-kind="edges"] { display: flex; flex-direction: column; gap: 14px; }
[data-r="editor"][data-kind="edges"] > [data-part="head"] > [data-part="actions"] { display: flex; align-items: center; gap: 10px; }
[data-r="editor"][data-kind="edges"] [data-part="own"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="editor"][data-kind="edges"] > [data-part="track"] { margin-top: 28px; }
[data-r="editor"][data-kind="edges"] [data-part="segment"] { color: var(--tone-on); padding: 0 8px; }
[data-r="editor"][data-kind="edges"] [data-part="segment"] > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="editor"][data-kind="edges"] [data-part="segment"] > span[hidden] { display: none; }
[data-r="editor"][data-kind="edges"] [data-part="segment"] > span > em { display: none; font-style: normal; }
[data-r="editor"][data-kind="edges"] [data-part="grip"][data-own]::before { content: ""; position: absolute; left: 50%; bottom: -5px; width: 4px; height: 4px; margin-left: -2px; border-radius: var(--r-round); background: var(--accent); }
[data-r="editor"][data-kind="edges"] [data-part="grip"][data-held]::after { scale: 1.22 1; }
[data-r="editor"][data-kind="edges"] [data-part="tag"] { position: absolute; bottom: calc(100% + 10px); left: 0; z-index: 3; translate: -50% 0; display: inline-flex; align-items: baseline; gap: 6px; padding: 4px 8px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-2), var(--handle-shadow); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); white-space: nowrap; pointer-events: none; font-variant-numeric: tabular-nums; }
[data-r="editor"][data-kind="edges"] [data-part="tag"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="editor"][data-kind="edges"] [data-part="tag"] > [data-part="delta"] { color: var(--ink-3); }
[data-r="editor"][data-kind="edges"] > [data-part="axis"] { position: relative; height: 14px; margin-top: -6px; }
[data-r="editor"][data-kind="edges"] > [data-part="axis"] > span { position: absolute; left: var(--at); translate: -50% 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="editor"][data-kind="edges"] > [data-part="axis"] > span:first-child { translate: 0 0; }
[data-r="editor"][data-kind="edges"] > [data-part="axis"] > span:last-child { translate: -100% 0; }
[data-r="editor"][data-kind="edges"] > [data-part="legend"]:not([hidden]) { grid-template-columns: repeat(var(--n, 6), minmax(0, 1fr)); gap: 10px 12px; }
[data-r="editor"][data-kind="edges"] > [data-part="legend"] > span > [data-part="name"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; grid-column: 2 / -1; }
[data-r="editor"][data-kind="edges"] > [data-part="legend"] > span > b { grid-column: 2 / -1; white-space: nowrap; }
[data-r="editor"][data-kind="edges"] > [data-part="legend"] > span > small { grid-column: 2 / -1; grid-row: 3; padding-left: 0; line-height: var(--lh-11); }
[data-r="editor"][data-kind="edges"][data-bare] { padding: 0; background: none; box-shadow: none; gap: 8px; }
[data-r="editor"][data-kind="edges"][data-bare] > [data-part="track"] { margin-top: 28px; }
@media (max-width: 560px) {
  [data-r="editor"][data-kind="edges"] > [data-part="legend"]:not([hidden]) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 440px) {
  [data-r="editor"][data-kind="edges"] > [data-part="legend"]:not([hidden]) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
[data-r="slider"][data-scale="log"] > [data-part="handle"] { cursor: ew-resize; }
[data-r="field-hint"][data-best-of] b { font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="field"][data-kind="pace"] > [data-part="unit"] { flex: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="field"][data-kind="pace"] > input { text-align: right; font-variant-numeric: tabular-nums; min-width: 0; }
[data-r="editor"][data-kind="edges"] > [data-part="track"] { height: 6px; margin-top: 0; }
[data-r="editor"][data-kind="edges"][data-bare] > [data-part="names"] { margin-top: 12px; }
[data-r="editor"][data-kind="edges"] [data-part="segment"] { overflow: visible; padding: 0; box-shadow: inset -2px 0 0 var(--raised); color: var(--ink-3); }
[data-r="editor"][data-kind="edges"] [data-part="segment"] > span { display: none; }
[data-r="editor"][data-kind="edges"] > [data-part="names"] { position: relative; height: var(--lh-11); margin-top: 18px; margin-bottom: -6px; }
[data-r="editor"][data-kind="edges"] > [data-part="names"] > span { position: absolute; left: var(--at); translate: -50% 0; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); color: var(--ink-3); white-space: nowrap; }
[data-r="editor"][data-kind="edges"] [data-part="grip"] { top: -8px; bottom: -8px; width: 22px; }
[data-r="editor"][data-kind="edges"] [data-part="grip"]::after { left: 4px; top: 50%; bottom: auto; width: 14px; height: 14px; margin-top: -7px; border-radius: var(--r-round); }
[data-r="editor"][data-kind="edges"] [data-part="grip"][data-force~="hover"]::after,
[data-r="editor"][data-kind="edges"] [data-part="grip"][data-held]::after { scale: 1.14; }
@media (hover: hover) {
  [data-r="editor"][data-kind="edges"] [data-part="grip"]:hover::after { scale: 1.14; }
}
[data-r="editor"][data-kind="edges"] [data-part="grip"][data-force~="hover"]::after { scale: 1.14; }
[data-r="editor"][data-kind="edges"] [data-part="grip"][data-tight]::after { left: 8px; width: 6px; height: 16px; margin-top: -8px; border-radius: var(--r-press); }
[data-r="editor"][data-kind="edges"] [data-part="grip"][data-tight][data-held]::after { scale: 1.22 1; }
@media (hover: hover) {
  [data-r="editor"][data-kind="edges"] [data-part="grip"][data-tight]:hover::after { scale: 1.22 1; }
}
[data-r="editor"][data-kind="edges"] [data-part="grip"][data-tight][data-force~="hover"]::after { scale: 1.22 1; }
[data-r="editor"][data-kind="edges"] [data-part="grip"][data-own]::before { bottom: -2px; }
[data-r="editor"][data-kind="edges"] > [data-part="axis"] { margin-top: -2px; }
[data-r="editor"][data-kind="edges"] > [data-part="legend"] i { border-radius: var(--r-round); }
}

/* ═══ 30-badge.css ═══ */
@layer components {
[data-r="badge"] { --bg: var(--label-neutral-bg); --fg: var(--label-neutral-fg); --dot: var(--ink-3); display: inline-flex; align-items: center; gap: 5px; flex: none; height: var(--h-20); padding: 0 8px; border-radius: var(--r-mark); background: var(--bg); color: var(--fg); font-size: var(--fs-12); line-height: 1; font-weight: var(--fw-500); white-space: nowrap; vertical-align: middle; }
[data-r="badge"] > [data-part="dot"] { width: 6px; height: 6px; border-radius: var(--r-round); background: var(--dot); flex: none; }
[data-r="badge"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="badge"]:has(> [data-part="dot"]:first-child) { padding-left: 7px; }
[data-r="badge"]:has(> svg[data-icon]:first-child) { padding-left: 5px; }
[data-r="badge"][data-color="violet"],
[data-r="badge"][data-color="accent"] { --bg: var(--label-violet-bg);  --fg: var(--label-violet-fg);  --dot: var(--label-violet-dot); }
[data-r="badge"][data-color="blue"] { --bg: var(--label-blue-bg);    --fg: var(--label-blue-fg);    --dot: var(--label-blue-dot); }
[data-r="badge"][data-color="red"] { --bg: var(--label-red-bg);     --fg: var(--label-red-fg);     --dot: var(--label-red-dot); }
[data-r="badge"][data-color="green"] { --bg: var(--label-green-bg);   --fg: var(--label-green-fg);   --dot: var(--label-green-dot); }
[data-r="badge"][data-color="yellow"] { --bg: var(--label-yellow-bg);  --fg: var(--label-yellow-fg);  --dot: var(--label-yellow-dot); }
[data-r="badge"][data-color="orange"] { --bg: var(--label-orange-bg);  --fg: var(--label-orange-fg);  --dot: var(--label-orange-dot); }
[data-r="badge"][data-color="aqua"] { --bg: var(--label-aqua-bg);    --fg: var(--label-aqua-fg);    --dot: var(--label-aqua-dot); }
[data-r="badge"][data-color="magenta"] { --bg: var(--label-magenta-bg); --fg: var(--label-magenta-fg); --dot: var(--label-magenta-dot); }
[data-r="dot"] { display: inline-block; flex: none; width: 8px; height: 8px; border-radius: var(--r-round); background: var(--c, var(--ink-3)); }
[data-r="dot"][data-size="6"] { width: 6px; height: 6px; }
[data-r="dot"][data-size="4"] { width: 4px; height: 4px; }
[data-r="dot"][data-when="overdue"] { background: var(--danger-dot); }
[data-r="dot"][data-when="today"] { background: var(--ink); }
[data-r="dot"][data-when="later"] { background: var(--ink-3); }
[data-r="dot"][data-size="12"] { width: 12px; height: 12px; margin: 2px; }
[data-r="dot"][data-variant="empty"] { background: transparent; box-shadow: inset 0 0 0 1.25px var(--c, var(--ink-4)); }
[data-r="dot"][data-state="new"] { background: var(--new-mark); }
[data-r="dot"][data-state="you"] { background: var(--status-warning); animation: r-call var(--pulse) var(--ease-pulse) 3; }
[data-r="dot"][data-state="failed"] { background: var(--status-critical); animation: r-call var(--pulse) var(--ease-pulse) 3; }
[data-r="dot"][data-state="working"] { background: var(--accent-mark); animation: r-pulse var(--pulse) var(--ease-pulse) infinite alternate; }
[data-r="dot"][data-state="working"][data-progress] { animation: none; background: conic-gradient(var(--accent-mark) calc(var(--p, 0) * 360deg), color-mix(in srgb, var(--accent-mark) 24%, transparent) 0); }
@keyframes r-pulse { from { opacity: 1; } to { opacity: var(--pulse-low); } }
@keyframes r-call { 0%, 100% { opacity: 1; } 50% { opacity: var(--pulse-low); } }
@media (prefers-reduced-motion: reduce) {
  [data-r="dot"]:is([data-state="working"], [data-state="you"], [data-state="failed"]) { animation: none; }
}
[data-r="count"] { display: inline-flex; align-items: center; justify-content: center; flex: none; min-width: 16px; height: 16px; padding: 0 4px; border-radius: var(--r-press); background: var(--plane-selected); color: var(--ink-2); font-size: var(--fs-11); line-height: 1; font-weight: var(--fw-500); font-variant-numeric: tabular-nums; }
[data-r="count"][data-tone="danger"] { background: var(--danger); color: var(--on-fill); }
[data-r="count"][data-tone="ink"] { background: var(--ink); color: var(--paper); }
[data-r="reading-state"] { --c: var(--ink-3); position: relative; display: inline-flex; align-items: center; flex: none; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); white-space: nowrap; vertical-align: middle; }
[data-r="reading-state"]:not([data-variant]) { width: 8px; height: 8px; }
[data-r="reading-state"]:not([data-variant="word"])::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: var(--r-round); box-shadow: inset 0 0 0 1.25px var(--c); }
[data-r="reading-state"]:not([data-variant="word"])::after { content: ""; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: var(--r-round); }
[data-r="reading-state"][data-state="up-to-date"] { --c: var(--status-good); }
[data-r="reading-state"][data-state="up-to-date"]:not([data-variant="word"])::before { background: var(--c); }
[data-r="reading-state"][data-state="waiting"]:not([data-variant="word"])::before { box-shadow: none; background: repeating-conic-gradient(var(--c) 0 30deg, transparent 30deg 60deg); -webkit-mask: radial-gradient(circle, transparent 2.75px, #000 3.25px); mask: radial-gradient(circle, transparent 2.75px, #000 3.25px); }
[data-r="reading-state"][data-state="out-of-date"] { --c: var(--status-warning); }
[data-r="reading-state"][data-state="out-of-date"]:not([data-variant="word"])::before { background: linear-gradient(to right, var(--c) 50%, transparent 50%); }
[data-r="reading-state"][data-state="not-available"] { --c: var(--ink-4); }
[data-r="reading-state"][data-state="not-available"]:not([data-variant="word"])::after { left: 2px; width: 4px; height: 1.25px; margin-top: -.625px; border-radius: 0; background: var(--c); }
[data-r="reading-state"][data-state="withheld"] { --c: var(--ink-2); }
[data-r="reading-state"][data-state="withheld"]:not([data-variant="word"])::after { left: 3.375px; width: 1.25px; height: 6px; margin-top: -3px; border-radius: 0; background: var(--c); transform: rotate(45deg); }
[data-r="reading-state"][data-variant="pill"] { height: var(--h-20); padding: 0 8px 0 6px; border-radius: var(--r-mark); box-shadow: inset 0 0 0 var(--px) var(--line-3); color: var(--ink); }
[data-r="reading-state"][data-variant="pill"]::after { left: 6px; }
[data-r="reading-state"][data-variant="pill"][data-state="not-available"]::after { left: 8px; }
[data-r="reading-state"][data-variant="pill"][data-state="withheld"]::after { left: 9.375px; }
[data-r="status"] { position: relative; display: inline-block; flex: none; width: 14px; height: 14px; border-radius: var(--r-round); color: var(--ink-3); }
[data-r="status"]::before { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1.5px currentColor; }
[data-r="status"][data-state="planned"]::before { box-shadow: none; background: repeating-conic-gradient(currentColor 0 18deg, transparent 18deg 45deg); -webkit-mask: radial-gradient(circle, transparent 5px, #000 5.5px); mask: radial-gradient(circle, transparent 5px, #000 5.5px); }
[data-r="status"][data-state="today"] { color: var(--accent); }
[data-r="status"]:is([data-state="today"], [data-state="in-progress"], [data-state="review"])::before { box-shadow: none; background: repeating-conic-gradient(currentColor 0 18deg, transparent 18deg 45deg); -webkit-mask: radial-gradient(circle, transparent 5px, #000 5.5px); mask: radial-gradient(circle, transparent 5px, #000 5.5px); }
[data-r="status"]:is([data-state="today"], [data-state="in-progress"], [data-state="review"])::after { content: ""; position: absolute; inset: 4.75px; border-radius: inherit; background: currentColor; }
[data-r="status"][data-state="done"] { color: var(--success-dot); }
[data-r="status"][data-state="done"]::before { background: currentColor; box-shadow: none; }
[data-r="status"][data-state="done"]::after { content: ""; position: absolute; left: 4.5px; top: 3.5px; width: 3.5px; height: 6px; border: solid var(--raised); border-width: 0 1.5px 1.5px 0; transform: rotate(42deg); }
[data-r="status"][data-state="missed"] { color: var(--danger-dot); }
[data-r="status"][data-state="missed"]::after { content: ""; position: absolute; left: 3px; right: 3px; top: 6.25px; height: 1.5px; border-radius: 1px; background: currentColor; }
[data-r="status"]:is([data-state="skipped"], [data-state="excused"], [data-state="canceled"]) { color: var(--ink-4); }
[data-r="status"]:is([data-state="skipped"], [data-state="excused"], [data-state="canceled"])::before { background: currentColor; box-shadow: none; }
[data-r="status"]:is([data-state="skipped"], [data-state="excused"], [data-state="canceled"])::after { content: ""; position: absolute; left: 3.5px; right: 3.5px; top: 6.25px; height: 1.5px; border-radius: 1px; background: var(--raised); }
[data-r="status"][data-state="draft"]::before { box-shadow: none; background: repeating-conic-gradient(currentColor 0 18deg, transparent 18deg 45deg); -webkit-mask: radial-gradient(circle, transparent 5px, #000 5.5px); mask: radial-gradient(circle, transparent 5px, #000 5.5px); }
[data-r="status"][data-state="review"] { color: var(--session-progress); }
[data-r="status"][data-state="final"] { color: var(--session-done); }
[data-r="status"]:is([data-state="final"], [data-state="archived"])::before { background: currentColor; box-shadow: none; }
[data-r="status"][data-state="final"]::after { content: ""; position: absolute; left: 4.5px; top: 3.5px; width: 3.5px; height: 6px; border: solid var(--raised); border-width: 0 1.5px 1.5px 0; transform: rotate(42deg); }
[data-r="status"][data-state="archived"] { color: var(--ink-4); }
[data-r="status"][data-state="archived"]::after { content: ""; position: absolute; inset: 4px; background: linear-gradient(45deg, transparent calc(50% - .75px), var(--raised) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px)), linear-gradient(-45deg, transparent calc(50% - .75px), var(--raised) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px)); }
[data-r="intensity"] { display: inline-flex; align-items: flex-end; gap: 1.5px; flex: none; width: 14px; height: 12px; }
[data-r="intensity"] > i { flex: 1; border-radius: 1px; background: var(--a20); }
[data-r="intensity"] > i:nth-child(1) { height: 35%; }
[data-r="intensity"] > i:nth-child(2) { height: 58%; }
[data-r="intensity"] > i:nth-child(3) { height: 80%; }
[data-r="intensity"] > i:nth-child(4) { height: 100%; }
[data-r="intensity"][data-level="1"] > i:nth-child(-n+1),
[data-r="intensity"][data-level="2"] > i:nth-child(-n+2),
[data-r="intensity"][data-level="3"] > i:nth-child(-n+3),
[data-r="intensity"][data-level="4"] > i:nth-child(-n+4) { background: var(--ink-2); }
}

/* ═══ 30a-amount-marks.css ═══ */
@layer components {
[data-r="amount-mark"] { --box: 20px; position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none; width: var(--box); height: var(--box); vertical-align: middle; }
[data-r="amount-mark"][data-size="14"] { --box: 14px; }
[data-r="amount-mark"] > i { position: absolute; display: block; box-sizing: border-box; }
[data-r="amount-mark"] > [data-part="done"] { width: max(4px, calc(var(--box) * var(--v-root, 0))); height: max(4px, calc(var(--box) * var(--v-root, 0))); border-radius: var(--r-round); background: var(--c, var(--ch-load)); }
[data-r="amount-mark"] > [data-part="planned"] { width: max(8px, calc(var(--box) * var(--p-root, 0))); height: max(8px, calc(var(--box) * var(--p-root, 0))); border-radius: var(--r-round); border: var(--px) dashed var(--c, var(--ch-load)); }
[data-r="amount-mark"][data-state="empty"] > [data-part="done"] { width: 4px; height: 4px; border-radius: var(--r-round); background: var(--line-4); }
[data-r="amount-done"] { position: relative; display: inline-flex; flex: none; flex-direction: column; justify-content: center; gap: 2px; width: var(--w, 32px); vertical-align: middle; }
[data-r="amount-done"] [data-key="time"] { --c: var(--ink-2); }
[data-r="amount-done"] [data-key="load"] { --c: var(--ch-load); }
[data-r="amount-done"] [data-key="fuel"] { --c: var(--macro-carbohydrate); }
[data-r="amount-done"][data-size="18"] { --w: 24px; }
[data-r="amount-done"] > [data-r="budget-bar"] { flex: none; min-width: 0; width: 100%; }
[data-r="amount-done"] > [data-part="none"] { display: block; height: 0; margin: 2px 0 1px; border-top: var(--px) dashed var(--ink-4); }
[data-r="list-row"] > [data-part="end"] > [data-r="amount-mark"] + span { min-width: 40px; text-align: right; }
[data-r="amount-done"] [data-key="sleep"] { --c: var(--body-sleep); }
[data-r="budget-bar"][data-kind="sleep"] > [data-part="track"] > [data-part="done"] { background: var(--body-sleep); }
}

/* ═══ 31-key.css ═══ */
@layer components {
[data-r="key"] { --kh: 20px; --kpad: 5px; --lip: 1.5px; display: inline-flex; align-items: center; justify-content: center; flex: none; min-width: var(--kh); height: var(--kh); padding: 0 var(--kpad) var(--lip); border-radius: var(--r-key); background: var(--key-face); box-shadow: inset 0 calc(-1 * var(--lip)) 0 var(--key-lip), 0 0 0 var(--px) var(--key-ring); color: var(--ink-2); font-family: var(--font); font-size: var(--fs-11); line-height: 1; font-weight: var(--fw-500); letter-spacing: 0; white-space: nowrap; user-select: none; transition: transform var(--key-out) var(--ease-quad), box-shadow var(--key-out) var(--ease-quad), background-color var(--key-out) var(--ease-quad), color var(--key-out) var(--ease-quad); }
[data-r="key"][data-size="16"] { --kh: 16px; --kpad: 3px; --lip: 1px; font-size: var(--fs-11); }
[data-r="key"][data-size="28"] { --kh: 28px; --kpad: 8px; --lip: 2px; font-size: var(--fs-13); }
[data-r="key"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); stroke-width: 1.5; }
[data-r="key"][data-down] { transform: translateY(1px); background: var(--key-down); box-shadow: inset 0 0 0 var(--key-lip), 0 0 0 var(--px) var(--key-ring); color: var(--ink); transition: none; }
[data-r="key"][data-variant="docs"] { --key-face: var(--key-docs-face); --key-down: var(--key-docs-down); --r-key: var(--key-docs-radius); --lip: 2px; --kfs: var(--key-docs-fs); --klh: var(--key-docs-lh); display: inline-block; min-width: 22px; height: auto; padding: 2px 6px 4px; margin: 0 1px; vertical-align: 1px; text-align: center; font-size: var(--kfs); /* allow: type-scale · the docs key's own glyph, from its tokens */ line-height: var(--klh); /* allow: type-scale · the docs key's own line, from its tokens */ transition: transform var(--key-out) var(--ease-quad), box-shadow var(--key-out) var(--ease-quad), background-color var(--key-out) var(--ease-quad); }
[data-r="key"][data-variant="docs"][data-down] { transition: none; }
[data-r="key"][data-variant="docs"][data-size="16"] { --r-key: var(--key-docs-radius-16); --lip: 1.5px; --kfs: var(--key-docs-fs-16); --klh: var(--key-docs-lh-16); min-width: 16px; height: 16px; padding: 0 3px; margin: 0; vertical-align: baseline; }
[data-r="key"][data-variant="docs"][data-size="28"] { --r-key: var(--key-docs-radius-28); --lip: 3px; --kfs: var(--key-docs-fs-28); --klh: var(--key-docs-lh-28); min-width: 32px; padding: 6px 10px 9px; }
[data-r="keys"] { display: inline-flex; align-items: center; gap: 3px; flex: none; }
[data-r="keys"] > [data-part="then"] { font-size: var(--fs-11); line-height: 1; color: var(--ink-3); margin: 0 2px; }
[data-r="shortcut"] { display: inline-flex; align-items: center; gap: 3px; flex: none; white-space: nowrap; }
[data-r="shortcut"] > [data-part="then"] { font-size: var(--fs-11); line-height: 1; color: var(--ink-3); margin: 0 1px; }
}

/* ═══ 31a-keyboard.css ═══ */
@layer components {
[data-r="key-labels"] { position: fixed; inset: 0; z-index: var(--z-tooltip); pointer-events: none; }
[data-r="key-labels"] > [data-part="label"] { position: fixed; display: inline-flex; translate: -4px -9px; }
[data-r="key-labels"][data-kind="shortcut"] > [data-part="label"] { translate: 2px -8px; }
[data-r="key-labels"] > [data-part="label"][hidden] { display: none; }
[data-r="hint-bar"] { --plane: var(--raised); --ring: var(--ring-raised); position: fixed; left: 50%; bottom: 16px; translate: -50% 0; z-index: var(--z-toast); display: flex; flex-direction: column; gap: 2px; max-width: calc(100vw - 32px); padding: 8px 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); pointer-events: none; user-select: none; -webkit-user-select: none; }
[data-r="hint-bar"][data-static] { position: relative; left: auto; bottom: auto; translate: none; z-index: auto; width: max-content; }
[data-r="hint-bar"] > [data-part="count"] { color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="key-status"] { display: inline-flex; align-items: center; gap: 8px; min-width: 0; color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="key-status"]:empty { display: none; }
[data-r="key-status"] > [data-part="count"] { color: var(--ink); font-weight: var(--fw-550); }
[data-r="key-status"] > [data-part="next"] { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-2); }
[data-part="skip-to-page"]:focus { position: absolute; top: 8px; left: 8px; width: auto; height: var(--h-28); margin: 0; overflow: visible; clip: auto; clip-path: none; white-space: nowrap; z-index: var(--z-popover); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); }
[data-r="dialog"][data-kind="shortcuts"] [data-part="shortcut"][data-elsewhere],
[data-r="dialog"][data-kind="shortcuts"] [data-part="shortcut"][data-elsewhere] [data-r="key"] { color: var(--ink-disabled); }
}

/* ═══ 32-avatar.css ═══ */
@layer components {
[data-r="avatar"] { --s: 18px; position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none; width: var(--s); height: var(--s); border-radius: var(--r-round); background: var(--c, var(--ink-3)); color: var(--on-fill); font-size: var(--fs-9); line-height: 1; font-weight: var(--fw-500); letter-spacing: 0; overflow: visible; user-select: none; }
[data-r="avatar"] > img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
[data-r="avatar"][data-size="16"] { --s: 16px; }
[data-r="avatar"][data-size="20"] { --s: 20px; }
[data-r="avatar"][data-size="24"] { --s: 24px; font-size: var(--fs-11); }
[data-r="avatar"][data-size="32"] { --s: 32px; font-size: var(--fs-12); }
[data-r="avatar"] > [data-part="presence"] { position: absolute; right: -1px; bottom: -1px; width: 7px; height: 7px; border-radius: var(--r-round); background: var(--success-dot); box-shadow: 0 0 0 1.5px var(--plane); }
[data-r="avatar-stack"] { display: inline-flex; align-items: center; }
[data-r="avatar-stack"] > [data-r="avatar"] { box-shadow: 0 0 0 1.5px var(--plane); }
[data-r="avatar-stack"] > [data-r="avatar"] + [data-r="avatar"] { margin-left: -3px; }
[data-r="avatar-stack"] > [data-part="more"] { margin-left: 4px; font-size: var(--fs-12); line-height: 1; color: var(--ink-3); }
}

/* ═══ 33-scale.css ═══ */
@layer components {
[data-r="value-scale"] { display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px; row-gap: 4px; box-sizing: border-box; min-width: 0; width: 100%; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="value-scale"] > [data-part="value"] { flex: none; min-width: 64px; text-align: right; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="value-scale"] > [data-part="value"] > [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="value-scale"] > [data-part="verdict"] { flex: none; display: flex; align-items: center; gap: 6px; }
[data-r="value-scale"] > [data-part="scale"] { flex: 1 1 0px; min-width: 120px; display: grid; grid-template-columns: 16px minmax(0, 1fr) 16px; grid-template-rows: 10px; column-gap: 2px; row-gap: 2px; }
[data-r="value-scale"] > [data-part="scale"]:has(> [data-part="labels"]) { grid-template-rows: 10px auto; }
[data-r="value-scale"] [data-part="field"] { position: relative; grid-column: 2; grid-row: 1; display: block; min-width: 0; }
[data-r="value-scale"] :is([data-part="track"], [data-part="over"]) { border-radius: var(--r-press); background-color: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); }
[data-r="value-scale"] [data-part="field"] > [data-part="track"] { position: absolute; left: 0; right: 0; top: 3px; height: 4px; overflow: hidden; }
[data-r="value-scale"] [data-part="over"] { position: relative; grid-row: 1; align-self: center; display: block; height: 4px; }
[data-r="value-scale"] [data-part="over"][data-side="start"] { grid-column: 1; }
[data-r="value-scale"] [data-part="over"][data-side="end"] { grid-column: 3; }
[data-r="value-scale"] [data-part="knob"] { position: absolute; z-index: 1; top: 0; left: var(--at, 50%); width: 10px; height: 10px; translate: -50% 0; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); }
[data-r="value-scale"] [data-part="over"] > [data-part="knob"] { top: -3px; left: 50%; }
[data-r="value-scale"]:is([data-state="waiting"], [data-state="out-of-date"]) [data-part="knob"] { box-shadow: inset 0 0 0 1.5px var(--chart-reference); }
[data-r="value-scale"] [data-part="track"] > [data-part="range"] { position: absolute; top: 0; left: var(--from); width: max(2px, var(--len)); height: 4px; background-color: var(--c, var(--a20)); }
[data-r="value-scale"] [data-part="track"] > [data-part="range"][data-level="1"] { background-color: var(--a10); }
[data-r="value-scale"] [data-part="field"] > [data-part="earlier"] { position: absolute; top: 2px; left: var(--at); width: 6px; height: 6px; translate: -50% 0; border-radius: var(--r-round); box-shadow: inset 0 0 0 1px var(--ink-3); }
[data-r="value-scale"] [data-part="labels"] { position: relative; grid-column: 2; grid-row: 2; display: block; height: var(--lh-11); }
[data-r="value-scale"] [data-part="labels"] > span { position: absolute; top: 0; left: var(--at); translate: -50% 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="value-scale"][data-state="too-few"] [data-part="field"] > [data-part="track"] { top: 4.5px; height: 0; overflow: visible; border-radius: 0; border-top: 1px dashed var(--line-5); background: none; box-shadow: none; }
[data-r="list-row"] > [data-part="end"] > [data-r="value-scale"] { flex-wrap: nowrap; width: auto; }
[data-r="list-row"] > [data-part="end"] > [data-r="value-scale"] > [data-part="scale"] { flex: none; width: 144px; }
[data-r="list-row"] > [data-part="end"] > [data-r="value-scale"][data-size="120"] > [data-part="scale"] { width: 120px; }
[data-r="list-row"] > [data-part="end"] > [data-r="value-scale"] > [data-part="verdict"] { min-width: 176px; }
@media (hover: hover) {
  [data-r="list-row"]:is(:hover, [data-highlighted]) [data-r="value-scale"] [data-part="labels"] > span { color: var(--ink-2); }
}
[data-r="list-row"]:is([data-force~="hover"], [data-highlighted]) [data-r="value-scale"] [data-part="labels"] > span { color: var(--ink-2); }
[data-r="table"] td > [data-r="value-scale"] { min-width: 160px; }
[data-r="value-scale"][data-tone="series"] [data-part="track"] > [data-part="range"] { --c: var(--chart-1); }
[data-r="list-row"] > [data-part="end"] > [data-r="value-scale"][data-size="72"] > [data-part="scale"] { width: 72px; min-width: 0; }
}

/* ═══ 34-share.css ═══ */
@layer components {
[data-r="share-bar"] { display: flex; flex-direction: column; align-items: stretch; gap: 6px; box-sizing: border-box; min-width: 0; width: 100%; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="share-bar"] > [data-part="track"] { display: flex; gap: 2px; min-width: 48px; height: 6px; border-radius: var(--r-press); overflow: hidden; }
[data-r="share-bar"][data-size="4"] > [data-part="track"] { height: 4px; }
[data-r="share-bar"] > [data-part="track"] > [data-part="part"] { flex: var(--n) 1 0px; min-width: 2px; background-color: var(--c, var(--ink-2)); }
[data-r="share-bar"] > [data-part="track"] > [data-part="rest"] { flex: var(--n) 1 0px; min-width: 2px; background-color: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); }
[data-r="share-bar"] > [data-part="legend"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; }
[data-r="share-bar"] > [data-part="legend"] > [data-part="item"] { display: inline-flex; align-items: center; gap: 6px; }
[data-r="share-bar"] b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="share-bar"] > [data-part="legend"] > [data-part="said"] { margin-left: auto; color: var(--ink-3); }
[data-r="share-bar"][data-state="empty"] > [data-part="track"] { height: 0; margin: 3px 0; border-radius: 0; border-top: 1px dashed var(--line-5); }
[data-r="share-bar"][data-state="empty"] > [data-part="legend"] { color: var(--ink-3); }
[data-r="list-row"] > [data-part="end"] > [data-r="share-bar"] { width: 144px; }
[data-r="table"] td > [data-r="share-bar"] { min-width: 144px; }
}

/* ═══ 40-menu.css ═══ */
@layer components {
[data-r="menu"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); --hi: var(--raised-selected); position: relative; display: flex; flex-direction: column; width: max-content; min-width: 180px; max-width: min(384px, 100%);   /* answers to its box: never wider than what holds it, as on a phone. 384 gives the longest rows room (RAMTT-500) */ background: var(--raised); border-radius: var(--r-contain); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); overflow: hidden; user-select: none; -webkit-user-select: none; }
[data-r="menu"]:focus-visible { outline: none; }
[data-r="menu"][data-level="2"] { box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); }
[data-r="menu"] > [data-part="search"] { display: flex; align-items: center; gap: 10px; flex: none; height: 36px; padding: 0 12px; border-bottom: var(--px) solid var(--line-3); }
[data-r="menu"] > [data-part="search"] > input { flex: 1; min-width: 0; height: 100%; padding: 0; margin: 0; border: 0; outline: 0; background: transparent; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink); }
[data-r="menu"] > [data-part="search"] > input::placeholder { color: var(--ink-3); opacity: 1; }
[data-r="menu"] > [data-part="list"] { display: flex; flex-direction: column; padding: var(--inset); max-height: var(--menu-max, 420px); overflow: hidden auto; overscroll-behavior: contain; }
[data-r="menu"] > [data-part="footer"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex: none; min-height: 36px; padding: 0 8px 0 12px; border-top: var(--px) solid var(--line-3); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="menu"][data-kind="columns"] { max-width: none; }
[data-r="menu"][data-kind="columns"] > [data-part="list"] { display: grid; grid-template-columns: repeat(var(--cols, 3), 176px); gap: 0 8px; max-height: none; }
[data-r="menu"][data-kind="columns"] [data-part="group"] { display: flex; flex-direction: column; }
a[data-r="menu-item"] { text-decoration: none; }
[data-r="menu-item"] { position: relative; display: flex; align-items: center; gap: 8px; flex: none; height: var(--row-32); padding: 0 8px; border-radius: var(--r-row); color: var(--ink-2); white-space: nowrap; outline: none; }
[data-r="menu-item"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); flex: none; color: var(--thing, var(--ink-2)); }
[data-r="menu-item"] > [data-part="icon"] { width: var(--icon-16); height: var(--icon-16); flex: none; color: var(--ink-2); }
[data-r="menu-item"] > [data-part="label"] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="menu-item"] > [data-part="description"] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--ink-3); }
[data-r="menu-item"] > [data-part="label"]:has(+ [data-part="description"]) + [data-part="description"] { flex-shrink: 1000; }
[data-r="menu-item"] > [data-part="end"] { display: flex; align-items: center; gap: 8px; flex: none; margin-left: auto; padding-left: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="menu-item"] [data-part="check"] { display: none; width: var(--icon-16); height: var(--icon-16); color: var(--accent-glyph); }
[data-r="menu-item"] [data-part="check"]::before { content: ""; display: block; width: 5px; height: 9.5px; margin: 1.75px 0 0 5.5px; /* allow: spacing · the drawn check */ border: solid currentColor; border-width: 0 1.6px 1.6px 0; transform: rotate(42deg); }
[data-r="menu-item"][aria-checked="true"] [data-part="check"] { display: block; }
[data-r="menu-item"][data-current] [data-part="check"] { display: none; }
[data-r="menu-item"] > [data-part="end"] > [data-part="submenu"] { width: var(--icon-12); height: var(--icon-12); color: var(--ink-4); margin-right: -2px; }
[data-r="menu-item"][data-highlighted],
[data-r="menu-item"][aria-expanded="true"] { background: var(--hi); color: var(--ink); }
[data-r="menu-item"]:is([data-highlighted], [aria-expanded="true"]) > svg[data-icon],
[data-r="menu-item"]:is([data-highlighted], [aria-expanded="true"]) > [data-part="icon"] { color: var(--ink); }
[data-r="menu-item"]:is([data-highlighted], [aria-expanded="true"]) > [data-part="description"],
[data-r="menu-item"]:is([data-highlighted], [aria-expanded="true"]) > [data-part="end"],
[data-r="menu-item"]:is([data-highlighted], [aria-expanded="true"]) [data-r="shortcut"] > [data-part="then"] { color: var(--ink-2); }
[data-r="menu-item"][data-tone="danger"],
[data-r="menu-item"][data-tone="danger"] > svg[data-icon] { color: var(--danger-ink); }
[data-r="menu-item"]:is([aria-disabled="true"], [data-disabled]) { color: var(--ink-disabled); pointer-events: none; }
[data-r="menu-item"]:is([aria-disabled="true"], [data-disabled]) > svg[data-icon] { color: var(--ink-disabled); }
[data-r="menu-item"]:is([aria-disabled="true"], [data-disabled]) [data-r="shortcut"] > [data-r="key"] { color: var(--ink-disabled); }
[data-r="menu-item"] [data-r="shortcut"] > [data-part="then"] { margin: 0 2px; font-weight: var(--fw-450); }
[data-r="menu-item"][data-lines="2"] { height: var(--row-44); align-items: center; }
[data-r="menu-item"] > [data-part="stack"] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
[data-r="menu-item"] > [data-part="stack"] > :last-child { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; }
[data-r="menu-item"][data-highlighted] > [data-part="stack"] > :last-child { color: var(--ink-2); }
[data-r="menu-item"] > [data-r="avatar"] { margin: 0 -1px; }
[data-r="menu-item"] > [data-r="dot"] { margin: 0 4px; }
[data-r="menu-item"] > [data-r="checkbox"] { margin: 0 1px; }
[data-r="menu-group-label"] { display: flex; align-items: center; gap: 6px; flex: none; height: var(--row-28); padding: 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="menu-separator"] { flex: none; height: var(--px); margin: 6px calc(-1 * var(--inset)); background: var(--line-3); }
[data-r="menu-empty"] { padding: 6px 8px 8px; color: var(--ink-3); white-space: nowrap; }
[data-r="menu"][data-size="wide"] { min-width: 280px; }
[data-r="menu"][data-density="compact"] { min-width: 120px; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="menu"][data-density="compact"] [data-r="menu-item"] { height: var(--row-24); padding: 0 8px; gap: 6px; }
[data-r="menu"][data-density="compact"] [data-r="menu-item"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="menu"][data-density="compact"] [data-r="menu-item"] > [data-part="end"] { padding-left: 12px; gap: 6px; }
[data-r="menu"][data-density="compact"] [data-r="menu-item"] [data-part="check"] { width: var(--icon-14); height: var(--icon-14); }
[data-r="menu"][data-density="compact"] [data-r="menu-item"] [data-part="check"]::before { width: 4px; height: 7.5px; margin: 2px 0 0 5px; }
[data-r="menu"][data-density="compact"] [data-r="menu-group-label"] { height: var(--row-24); font-size: var(--fs-11); line-height: var(--lh-11); }
[data-float] { transform-origin: var(--origin, 0 0); transition: opacity var(--opacity-in) linear, transform var(--scale-in) var(--ease-expo); }
[data-float][data-state="from"] { opacity: 0; transform: scale(var(--scale-from)); transition: none; }
[data-float][data-state="leaving"] { opacity: 0; transform: scale(var(--scale-from)); transition: opacity var(--opacity-out) ease-out, transform var(--scale-out) linear; }
[data-layer] { position: fixed; z-index: var(--z-popover); }
[data-r="menu-item"] [data-part="count"] { flex: none; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="menu-item"][data-highlighted] [data-part="count"] { color: var(--ink-2); }
[data-r="menu-item"] > [data-part="end"] > [data-part="count"] { min-width: 16px; text-align: right; }
[data-r="menu-item"] > [data-part="grip"] { display: grid; place-items: center; flex: none; width: var(--icon-14); height: var(--h-24); margin: 0 -2px 0 -4px; color: var(--ink-4); cursor: grab; touch-action: none; }
[data-r="menu-item"] > [data-part="grip"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="menu-item"][data-highlighted] > [data-part="grip"] { color: var(--ink-2); }
[data-r="menu"][data-order] [data-r="menu-item"][data-dragging] { z-index: 2; background: var(--raised); color: var(--ink); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e2); cursor: grabbing; }
[data-r="menu"][data-order] [data-r="menu-item"][data-dragging] > [data-part="grip"] { color: var(--ink-2); cursor: grabbing; }
[data-r="menu"][data-order] [data-part="list"]:has([data-dragging]) { cursor: grabbing; }
[data-r="menu"] > [data-part="entry"] { display: flex; align-items: center; gap: 8px; flex: none; padding: 8px 12px 8px 8px; border-bottom: var(--px) solid var(--line-3); }
[data-r="menu"] > [data-part="entry"] > [data-r="field"] { flex: 1; min-width: 0; }
[data-r="menu"][data-anchored] { max-width: min(384px, calc(100vw - 16px)); }
[data-r="menu-item"] [data-part="value"] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="menu-item"] [data-part="value"] > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="menu-item"]:is([data-highlighted], [aria-expanded="true"]) [data-part="value"] { color: var(--ink-2); }
[data-r="menu-item"] [data-part="value"] > [data-r="status"] { margin: 1px; }
[data-r="menu-item"] [data-part="value"] > [data-r="dot"] { margin: 0 2px; }
:is([data-r="menu-item"] [data-part="value"], [data-r="menu-item"]) > [data-part="steps"] { display: inline-flex; flex: none; gap: 1px; }
:is([data-r="menu-item"] [data-part="value"], [data-r="menu-item"]) > [data-part="steps"] > i { width: 3px; height: 8px; border-radius: 1px; background: var(--line-4); }
:is([data-r="menu-item"] [data-part="value"], [data-r="menu-item"]) > [data-part="steps"] > i[data-on] { background: var(--c, var(--ink-2)); }
[data-r="menu"] > [data-part="footer"] > [data-part="hint"] { display: inline-flex; align-items: center; gap: 6px; }
[data-r="menu"] > [data-part="footer"] > [data-part="hint"] [data-r="keys"] { gap: 3px; }
}

/* ═══ 40a-menu-search-alternates.css ═══ */
@layer components {
[data-r="menu"] > [data-part="search"][data-typed] { color: var(--ink-3); }
[data-r="menu"] > [data-part="search"][data-typed] > [data-part="words"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: pre; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink); }
[data-r="menu"] > [data-part="search"][data-typed] > [data-part="words"]::after { content: ""; display: inline-block; width: var(--px); height: var(--lh-13); margin-left: var(--px); vertical-align: top; background: var(--ink); }
[data-r="menu"][data-type-search] [data-r="menu-item"][data-found] > [data-part="label"] { white-space: nowrap; }
[data-r="right-drag"] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--inset); padding: 16px; user-select: none; -webkit-user-select: none; }
[data-r="right-drag"] > [data-part="day"] { display: flex; flex-direction: column; gap: var(--inset); min-height: 96px; padding: var(--inset); border-radius: var(--r-row); background-color: var(--mat); }
[data-r="right-drag"] > [data-part="day"][data-over] { background-color: var(--plane-hover); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="right-drag"] > [data-part="day"] > [data-part="date"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
:is([data-r="right-drag"] > [data-part="day"] > [data-part="card"], [data-r="right-drag-ghost"]) { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 6px; padding: 6px 8px; border-radius: var(--r-row); background-color: var(--raised); color: var(--ink); box-shadow: 0 0 0 var(--px) var(--line-2); cursor: default; }
:is([data-r="right-drag"] > [data-part="day"] > [data-part="card"], [data-r="right-drag-ghost"]) > [data-part="name"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); }
:is([data-r="right-drag"] > [data-part="day"] > [data-part="card"], [data-r="right-drag-ghost"]) > [data-part="meta"] { grid-column: 2; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="right-drag"] > [data-part="day"] > [data-part="card"]:focus-visible { outline: none; box-shadow: 0 0 0 var(--px) var(--line-2), 0 0 0 2px rgb(var(--ring-rgb) / var(--ring)); }
[data-r="right-drag"] > [data-part="day"] > [data-part="card"][data-lifted] { opacity: 0.4; }
[data-r="right-drag"][data-dragging] { cursor: grabbing; }
[data-r="right-drag-ghost"] { position: fixed; left: 0; top: 0; z-index: var(--z-popover); pointer-events: none; transform: translate(calc(var(--x) + var(--dx)), calc(var(--y) + var(--dy))); box-shadow: 0 0 0 var(--px) var(--line-2), var(--e2); }
}

/* ═══ 40b-nearest-menu.css ═══ */
@layer components {
[data-r="nearest-menu"] > [data-part="page"] { display: flex; flex-direction: column; gap: 12px; max-width: 560px; padding: 16px; outline: none; }
[data-r="nearest-menu"] > [data-part="page"] > [data-part="image"] { display: flex; flex-direction: column; gap: 6px; align-self: flex-start; margin: 0; padding: 8px; border-radius: var(--r-row); background-color: var(--mat); color: var(--ink-2); }
[data-r="nearest-menu"] > [data-part="page"] > [data-part="image"] > svg > path { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
[data-r="nearest-menu"] > [data-part="page"] > [data-part="image"] > figcaption { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="nearest-menu"] > [data-part="page"] > [data-part="image"]:focus-visible { outline: none; box-shadow: 0 0 0 2px rgb(var(--ring-rgb) / var(--ring)); }
}

/* ═══ 40c-display.css ═══ */
@layer components {
[data-r="display"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); --hi: var(--raised-selected); position: relative; display: flex; flex-direction: column; width: 300px; height: 466px; max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); background: var(--raised); border-radius: var(--r-contain); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); overflow: hidden; user-select: none; -webkit-user-select: none; }
[data-r="display"]:focus-visible { outline: none; }
[data-r="display"] > [data-part="search"] { display: flex; align-items: center; gap: 10px; flex: none; height: 36px; padding: 0 12px; border-bottom: var(--px) solid var(--line-3); }
[data-r="display"] > [data-part="search"] > input { flex: 1; min-width: 0; height: 100%; padding: 0; margin: 0; border: 0; outline: 0; background: transparent; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink); }
[data-r="display"] > [data-part="search"] > input::placeholder { color: var(--ink-3); opacity: 1; }
[data-r="display"] > [data-part="list"] { display: flex; flex-direction: column; flex: 1; min-height: 0; padding: var(--inset); overflow: hidden auto; overscroll-behavior: contain; }
[data-r="display"] > [data-part="footer"] { display: flex; align-items: center; justify-content: flex-start; gap: 12px; flex: none; min-height: 36px; padding: 0 12px; border-top: var(--px) solid var(--line-3); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="display"] > [data-part="footer"] > [data-part="hint"] { display: inline-flex; align-items: center; gap: 6px; }
[data-r="display"] > [data-part="footer"] > [data-part="hint"] [data-r="keys"] { gap: 3px; }
[data-r="display"][hidden] { display: none; }
[data-r="display"] > [data-part="head"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex: none; height: 40px; padding: 0 6px 0 12px; border-bottom: var(--px) solid var(--line-3); }
[data-r="display"] [data-part="name"] { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; }
[data-r="display"] [data-part="name"] > svg { color: var(--ink-3); flex: none; }
[data-r="display"] [data-part="layouts"] { display: inline-flex; align-items: center; gap: 1px; }
[data-r="display"] [data-part="layouts"] > [data-r="button"] { position: relative; }
[data-r="display"] [data-part="layouts"] > [aria-checked="true"] { background: var(--plane-selected); color: var(--ink); }
[data-r="display"] [data-part="layouts"] [data-part="changed"] { position: absolute; top: 2px; right: 2px; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); /* allow: radius · a drawn dot */ }
[data-r="display"] > [data-part="search"] > [data-r="keys"] { gap: 3px; }
[data-r="display"] [data-part="page"] { display: flex; flex-direction: column; }
[data-r="display"] [data-part="page"][hidden] { display: none; }
[data-r="display"] [data-part="back"] { display: flex; align-items: center; gap: 6px; flex: none; height: 32px; padding: 0 8px 0 4px; border-radius: var(--r-row); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); cursor: default; }
@media (hover: hover) {
  [data-r="display"] [data-part="back"]:hover { background: var(--plane-hover); }
}
[data-r="display"] [data-part="back"][data-force~="hover"] { background: var(--plane-hover); }
[data-r="display"] [data-part="back"] > svg { color: var(--ink-3); }
[data-r="display"] [data-part="back"] > [data-part="count"] { margin-left: auto; font-size: var(--fs-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="display"] [data-part="back"][hidden] { display: none; }
[data-r="display"] [data-r="menu-item"][hidden] { display: none; }
[data-r="display"] [data-r="menu-item"] > [data-part="end"] > [data-r="switch"] { pointer-events: none; }
[data-r="display"] [data-r="menu-item"][aria-checked="false"] > [data-part="grip"] { visibility: hidden; }
[data-r="display"] [data-r="menu-group-label"] > [data-part="count"] { margin-left: auto; font-variant-numeric: tabular-nums; }
[data-r="display"] [data-r="menu-group-label"][hidden],
[data-r="display"] [data-r="menu-separator"][hidden] { display: none; }
[data-r="display"] [data-r="menu-item"] > [data-part="path"] { display: none; }
[data-r="display"][data-searching] [data-r="menu-item"] > [data-part="path"] { display: block; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-3); }
[data-r="display"] > [data-part="flash"] { position: absolute; left: 8px; right: 8px; bottom: 44px; z-index: 1; padding: 8px 10px; border-radius: var(--r-row); background: var(--ink); color: var(--paper); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="display"] > [data-part="flash"][hidden] { display: none; }
@media (max-width: 480px) {
  [data-r="display"] { width: calc(100vw - 16px); }
}
}

/* ═══ 41-popover.css ═══ */
@layer components {
[data-r="popover"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); position: relative; max-width: 320px; padding: 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); }
[data-r="popover"] > [data-part="title"] { margin-bottom: 4px; font-weight: var(--fw-550); color: var(--ink); }
[data-r="popover"][data-variant="row"] { display: flex; align-items: center; gap: 2px; padding: 4px; }
[data-r="popover"][data-variant="row"] > [data-r="field"] { flex: 1; min-width: 0; margin-right: 2px; }
[data-r="tooltip"] { display: inline-flex; align-items: center; gap: 8px; max-width: 260px; padding: 5px 8px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); white-space: nowrap; pointer-events: none; }
[data-r="tooltip"][data-wide] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 8px 10px; white-space: normal; font-weight: var(--fw-450); }
[data-r="tooltip"][data-wide] > b { color: var(--ink); font-weight: var(--fw-550); }
[data-r="hover-card"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); display: flex; flex-direction: column; gap: 10px; width: 280px; padding: 12px 14px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="hover-card"] > [data-part="head"] { display: flex; align-items: center; gap: 10px; }
[data-r="hover-card"] > [data-part="head"] b { display: block; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="hover-card"] > [data-part="figures"] { display: flex; gap: 20px; }
[data-r="hover-card"] > [data-part="figures"] b { display: block; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="hover-card"] > [data-part="note"] { display: flex; align-items: center; gap: 6px; }
}

/* ═══ 42-panel.css ═══ */
@layer components {
[data-r="view-options"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); display: flex; flex-direction: column; width: 300px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); user-select: none; }
[data-r="view-options"] > [data-part="section"] { display: flex; flex-direction: column; padding: 8px 16px; }
[data-r="view-options"] > [data-part="section"]:first-child { padding-top: 12px; }
[data-r="view-options"] > [data-part="section"] + [data-part="section"] { border-top: var(--px) solid var(--line-3); }
[data-r="view-options"] [data-part="row"] { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: var(--row-32); }
[data-r="view-options"] [data-part="label"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); white-space: nowrap; }
[data-r="view-options"] [data-part="title"] { margin: 6px 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); }
[data-r="view-options"] [data-r="select"] { min-width: 112px; }
[data-r="view-options"] [data-r="chips"] { margin-bottom: 6px; }
[data-r="view-options"] [data-part="section"] > [data-part="hint"] { margin: 0 0 4px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="view-options"] [data-r="options"][data-dim] { opacity: .5; transition: opacity var(--state-out); }
[data-r="view-options"] > [data-part="footer"] { display: flex; align-items: center; justify-content: space-between; gap: 4px; padding: 6px 8px; border-top: var(--px) solid var(--line-3); }
[data-r="view-options"]:has(> [data-part="rail"]) { flex-direction: row; width: 404px; overflow: hidden; }
[data-r="view-options"] button { text-align: left; }
[data-r="view-options"] > [data-part="rail"] { display: flex; flex-direction: column; justify-content: space-between; gap: 12px; flex: none; width: 128px; padding: 8px 6px; box-shadow: inset calc(-1 * var(--px)) 0 0 var(--line-3); }
[data-r="view-options"] > [data-part="rail"] > [data-part="layouts"],
[data-r="view-options"] > [data-part="rail"] > [data-part="actions"] { display: flex; flex-direction: column; gap: 2px; }
[data-r="view-options"] [data-part="layout"],
[data-r="view-options"] [data-part="action"] { position: relative; display: flex; align-items: center; gap: 8px; height: var(--row-28); padding: 0 8px; border: 0; border-radius: var(--r-row); background: transparent; font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="view-options"] [data-part="layout"] > svg[data-icon] { flex: none; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="view-options"] [data-part="action"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); }
[data-r="view-options"] [data-part="action"]:hov { background: var(--raised-hover); color: var(--ink); }
@media (hover: hover) {
  [data-r="view-options"] [data-part="layout"]:hover,
  [data-r="view-options"] [data-part="action"]:hover { background: var(--raised-hover); color: var(--ink); }
}
[data-r="view-options"] [data-part="layout"][data-force~="hover"],
[data-r="view-options"] [data-part="action"][data-force~="hover"] { background: var(--raised-hover); color: var(--ink); }
[data-r="view-options"] [data-part="layout"][aria-checked="true"] { background: var(--raised-selected); color: var(--ink); }
[data-r="view-options"] [data-part="layout"][aria-checked="true"] > svg[data-icon] { color: var(--thing, var(--ink)); }
[data-r="view-options"] [data-part="changed"] { position: absolute; right: 8px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: var(--ink-3); }
[data-r="view-options"] [data-part="action"] { height: var(--row-24); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="view-options"] [data-part="action"][aria-disabled="true"] { opacity: .45; pointer-events: none; }
[data-r="view-options"] > [data-part="main"] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
[data-r="view-options"] > [data-part="main"] > [data-part="settings"] { display: flex; flex-direction: column; }
[data-r="view-options"] > [data-part="main"] > [data-part="settings"][hidden] { display: none; }
[data-r="view-options"] > [data-part="main"] [data-part="section"] { padding: 10px 14px 12px; }
[data-r="view-options"] > [data-part="main"] [data-part="section"] + [data-part="section"] { border-top: var(--px) solid var(--line-3); }
[data-r="view-options"] > [data-part="main"] [data-part="section"][data-kind="fields"] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 6px 12px; padding-top: 14px; }
[data-r="view-options"] > [data-part="main"] [data-part="section"][data-kind="fields"] > [data-part="label"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="view-options"] > [data-part="main"] [data-part="section"][data-kind="fields"] > [data-r="select"] { width: 100%; min-width: 0; }
[data-r="view-options"] > [data-part="main"] [data-part="section"][data-kind="fields"] > [data-r="select"] > [data-part="value"] { flex: 1; }
[data-r="view-options"] > [data-part="main"] [data-part="section"][data-kind="switches"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="view-options"] > [data-part="main"] [data-part="section"][data-kind="switches"] > [data-r="option"] { min-height: var(--row-24); }
[data-r="view-options"] > [data-part="main"] [data-part="title"] { margin: 0 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="view-options"] > [data-part="main"] [data-r="chips"] { margin-bottom: 0; }
[data-r="view-options"] > [data-part="main"] [data-r="chip"] > svg[data-icon] { display: none; width: var(--icon-12); height: var(--icon-12); margin-left: -2px; color: var(--accent-glyph); }
[data-r="view-options"] > [data-part="main"] [data-r="chip"][aria-pressed="true"] > svg[data-icon] { display: block; }
[data-r="view-options"] > [data-part="main"] [data-r="chip"][aria-pressed="false"] { color: var(--ink-3); }
@media (hover: hover) {
  [data-r="view-options"] > [data-part="main"] [data-r="chip"][aria-pressed="false"]:hover { color: var(--ink); }
}
[data-r="view-options"] > [data-part="main"] [data-r="chip"][aria-pressed="false"][data-force~="hover"] { color: var(--ink); }
[data-r="button"] > [data-part="changed"] { flex: none; width: 6px; height: 6px; margin-left: -2px; border-radius: 50%; background: var(--ink-3); }
[data-r="toolbar"] > [data-part="layout"] { display: inline-flex; align-items: center; gap: 6px; margin-left: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="toolbar"] > [data-part="layout"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="view-options"][data-variant="sheet"],
[data-r="view-options"][data-variant="sheet"]:has(> [data-part="rail"]) { flex-direction: column; width: 100%; overflow: visible; border-radius: 0; background: transparent; box-shadow: none; }
[data-r="view-options"][data-variant="sheet"] > [data-part="rail"] { flex-direction: column; width: auto; gap: 4px; padding: 8px 12px; box-shadow: inset 0 calc(-1 * var(--px)) 0 var(--line-3); }
[data-r="view-options"][data-variant="sheet"] > [data-part="rail"] > :is([data-part="layouts"], [data-part="actions"]) { flex-direction: row; flex-wrap: wrap; gap: 4px; }
[data-r="view-options"][data-variant="sheet"] :is([data-part="layout"], [data-part="action"]) { height: var(--row-44); padding: 0 12px; }
[data-r="view-options"][data-variant="sheet"] [data-part="layout"] { padding-right: 24px; }
[data-r="view-options"][data-variant="sheet"] [data-part="row"],
[data-r="view-options"][data-variant="sheet"] [data-part="section"][data-kind="switches"] > [data-r="option"] { min-height: var(--row-44); }
[data-r="view-options"][data-variant="sheet"] :is([data-r="select"], [data-r="button"]) { --h: var(--h-44); }
[data-r="view-options"][data-variant="sheet"] > [data-part="section"] { padding: 8px 16px; }
[data-r="view-options"][data-variant="sheet"] > [data-part="footer"] { padding: 8px 12px; }
}

/* ═══ 43-dialog.css ═══ */
@layer components {
[data-r="dialog"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); --w: 440px; --origin: 50% 50%;   /* 28 October 2026: from the center on its spring */ position: relative; display: flex; flex-direction: column; width: min(var(--w), calc(100vw - 32px)); max-width: 100%; max-height: calc(100dvh - 64px); border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); overflow: hidden; }
[data-r="dialog"][data-size="md"] { --w: 560px; }
[data-r="dialog"][data-size="lg"] { --w: 750px; }
[data-r="dialog"][data-size="xl"] { --w: 920px; }
[data-r="dialog"]:modal { position: fixed; inset: 13vh 0 auto; margin: 0 auto; max-height: calc(100dvh - 13vh - 32px); }
:is(dialog[data-r="dialog"], dialog[data-r="sheet"]):not([open]) { display: none; }
[data-r="dialog"] > [data-part="header"] { display: flex; align-items: flex-start; gap: 12px; padding: 16px 12px 4px 20px; }
[data-r="dialog"] > [data-part="header"] > [data-part="title"] { flex: 1; padding-top: 3px; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="dialog"] > [data-part="body"] { padding: 6px 20px 16px; overflow: auto; }
[data-r="dialog"] > [data-part="body"] > p + p { margin-top: 8px; }
[data-r="dialog"] > [data-part="footer"] { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 12px 16px 16px 20px; }
[data-r="dialog"] > [data-part="footer"] > [data-part="start"] { margin-right: auto; display: flex; align-items: center; gap: 8px; }
[data-r="dialog"] > [data-part="footer"][data-ruled] { border-top: var(--px) solid var(--line-3); padding-top: 12px; }
[data-r="dialog"][data-kind="composer"] > [data-part="header"] { align-items: center; padding: 12px 12px 0 16px; }
[data-r="dialog"][data-kind="composer"] [data-part="crumbs"] { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="dialog"][data-kind="composer"] [data-part="crumbs"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-4)); }
[data-r="dialog"][data-kind="composer"] > [data-part="body"] { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px 6px; }
[data-r="dialog"] [data-part="title-input"],
[data-r="dialog"] [data-part="note-input"] { width: 100%; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; resize: none; font: inherit; letter-spacing: inherit; color: var(--ink); }
[data-r="dialog"] [data-part="title-input"] { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); }
[data-r="dialog"] [data-part="note-input"] { min-height: 76px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="dialog"] [data-part="title-input"]::placeholder,
[data-r="dialog"] [data-part="note-input"]::placeholder { color: var(--ink-3); opacity: 1; }
[data-r="dialog"] [data-part="properties"] { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px 16px 12px; }
[data-r="dialog"][data-kind="composer"] > [data-part="footer"] { padding: 0 12px 12px 16px; gap: 16px; }
[data-r="dialog"][data-variant="drawer"] { position: fixed; inset: auto 0 0; z-index: var(--z-dock); width: 100%; height: var(--drawer-h, 240px); max-height: 100dvh; border-radius: 0; box-shadow: 0 calc(-1 * var(--px)) 0 var(--line-3), var(--e3); transform: none; transition: transform var(--section) var(--ease-expo); }
[data-r="dialog"][data-variant="drawer"]:is([data-state="from"], [data-state="leaving"]) { opacity: 1; transform: translateY(100%); }
[data-r="dialog"][data-variant="drawer"][data-state="from"] { transition: none; }
[data-r="dialog"][data-variant="drawer"][data-state="leaving"] { transition: transform var(--state-out) ease-in; }
[data-r="dialog"][data-variant="drawer"][data-static] { position: relative; inset: auto; z-index: auto; }
[data-r="dialog"][data-variant="drawer"] > [data-part="header"] { position: relative; flex: none; align-items: center; justify-content: center; gap: 8px; height: var(--h-44); padding: 0 48px; border-bottom: var(--px) solid var(--line-3); }
[data-r="dialog"][data-variant="drawer"] > [data-part="header"] > [data-r="tabs"] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
[data-r="dialog"][data-variant="drawer"] > [data-part="header"] > [data-part="close"] { position: absolute; top: 8px; right: 8px; }
[data-r="dialog"][data-variant="drawer"] > [data-part="body"] { flex: 1 1 auto; min-height: 0; padding: 12px 16px 16px; overflow-y: auto; }
@media (prefers-reduced-motion: reduce) {
  [data-r="dialog"][data-variant="drawer"] { transition: none; }
}
[data-r="dialog"][data-kind="capture"] { container-type: inline-size; }
[data-r="dialog"][data-kind="capture"]:modal { inset: 18vh 0 auto; }
[data-r="dialog"][data-kind="capture"] > [data-part="body"] { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px 10px; }
[data-r="dialog"][data-kind="capture"] [data-part="note-input"] { min-height: 44px; font-size: var(--fs-16); line-height: var(--lh-16); color: var(--ink); }
[data-r="dialog"][data-kind="capture"] [data-part="source-input"] { width: 100%; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="dialog"][data-kind="capture"] [data-part="source-input"]::placeholder { color: var(--ink-3); opacity: 1; }
[data-r="dialog"][data-kind="capture"] [data-part="task"] { display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: center; column-gap: 8px; row-gap: 2px; padding: 8px 10px; border-radius: var(--r-row); background: var(--well); }
[data-r="dialog"][data-kind="capture"] [data-part="task"] > input { min-width: 0; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="dialog"][data-kind="capture"] [data-part="task"] > [data-part="by"] { grid-column: 2; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="dialog"][data-kind="capture"] > [data-part="destinations"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 0 16px 12px; }
[data-r="dialog"][data-kind="capture"] > [data-part="destinations"] > [data-part="label"] { margin-right: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="dialog"][data-kind="capture"] > [data-part="destinations"] > [data-r="button"] { max-width: 260px; }
[data-r="dialog"][data-kind="capture"] > [data-part="destinations"] > [data-r="button"] > b { flex: none; font-weight: var(--fw-550); color: var(--ink); }
[data-r="dialog"][data-kind="capture"] > [data-part="destinations"] > [data-r="button"] > b + span { color: var(--ink-3); }
[data-r="dialog"][data-kind="capture"] > [data-part="destinations"] > [data-r="button"][aria-checked="true"] { background-color: var(--plane-selected); color: var(--ink); }
[data-r="dialog"][data-kind="capture"] > [data-part="destinations"] > [data-r="button"][aria-checked="true"] > b + span { color: var(--ink-2); }
[data-r="dialog"][data-kind="capture"] > [data-part="footer"] { gap: 8px; padding: 10px 12px 12px 16px; border-top: var(--px) solid var(--line-2); }
[data-r="dialog"][data-kind="capture"] > [data-part="footer"] > [data-part="start"] { gap: 2px; min-width: 0; }
[data-r="dialog"][data-kind="capture"] [data-part="kind"] { display: inline-flex; align-items: center; gap: 6px; margin-right: 6px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="dialog"][data-kind="capture"] [data-part="kind"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="dialog"][data-kind="capture"] > [data-part="footer"] > [data-part="meta"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="dialog"][data-kind="capture"] > [data-part="footer"] > [data-part="error"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--danger-ink); }
@container (max-width: 520px) {
  [data-r="dialog"][data-kind="capture"] > [data-part="footer"] > [data-part="meta"] { display: none; }
}
[data-r="dialog"][data-kind="capture"] [data-part="clip"] { display: inline-flex; min-width: 0; }
[data-r="dialog"][data-kind="capture"] [data-part="clip"] > a[data-r="chip"] { cursor: grab; text-decoration: none; }
[data-r="dialog"][data-kind="capture"][data-variant="sheet"] { width: 100%; max-height: calc(100dvh - var(--keyboard-inset, 0px) - env(safe-area-inset-top) - 8px); border-radius: var(--r-contain) var(--r-contain) 0 0; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e3); padding-bottom: env(safe-area-inset-bottom); transform: none; transition: transform var(--section) var(--ease-expo); }
[data-r="dialog"][data-kind="capture"][data-variant="sheet"]:modal { inset: auto 0 var(--keyboard-inset, 0px); margin: 0; max-width: none; }
:root[data-keyboard] [data-r="dialog"][data-kind="capture"][data-variant="sheet"] { padding-bottom: 0; }
[data-r="dialog"][data-kind="capture"][data-variant="sheet"]:is([data-state="from"], [data-state="leaving"]) { opacity: 1; transform: translateY(100%); }
[data-r="dialog"][data-kind="capture"][data-variant="sheet"][data-state="from"] { transition: none; }
[data-r="dialog"][data-kind="capture"][data-variant="sheet"][data-state="leaving"] { transition: transform var(--state-out) ease-in; }
[data-r="dialog"][data-kind="capture"][data-variant="sheet"] > [data-part="grab"] { display: block; flex: none; width: 36px; height: 5px; margin: 8px auto 0; border-radius: var(--r-press); background: var(--line-5); }
[data-r="dialog"][data-kind="capture"][data-variant="sheet"] > [data-part="body"] { padding: 10px 16px 10px; }
[data-r="dialog"][data-kind="capture"][data-variant="sheet"] > [data-part="footer"] { flex-wrap: wrap; padding: 8px 12px 8px 16px; }
[data-r="dialog"][data-kind="capture"][data-variant="sheet"] > [data-part="footer"] > [data-part="meta"] { display: block; order: -1; flex: 1 1 100%; }
[data-r="dialog"][data-kind="capture"][data-variant="sheet"] > [data-part="footer"] > [data-r="button"][data-variant="primary"] { margin-left: auto; }
@media (pointer: coarse) {
  [data-r="dialog"][data-kind="capture"][data-variant="sheet"] { --h-24: var(--h-44); --h-28: var(--h-44); }
}
@media (prefers-reduced-motion: reduce) {
  [data-r="dialog"][data-kind="capture"][data-variant="sheet"] { transition: none; }
}
[data-r="dialog"][data-kind="composer"][data-variant="note"] { --paper-c: var(--raised); --paper-ink: var(--ink); --paper-ink-2: var(--ink-2); --paper-ink-3: var(--ink-3); --plane: var(--paper-c); --plane-hover: color-mix(in srgb, var(--paper-ink) 6%, transparent); --plane-selected: color-mix(in srgb, var(--paper-ink) 10%, transparent); --plane-selected-hover: color-mix(in srgb, var(--paper-ink) 13%, transparent); width: 100%; max-width: 600px; max-height: none; overflow: visible; background: var(--paper-c); color: var(--paper-ink-2); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); transition: background-color var(--state-out); }
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-color] { --paper-ink: var(--gray-900); --paper-ink-2: var(--gray-700); --paper-ink-3: var(--gray-600); }
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-color="white"] { --paper-c: var(--gray-0); }
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-color="gray"] { --paper-c: var(--gray-100); }
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-color="yellow"] { --paper-c: var(--yellow-100); }
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-color="red"] { --paper-c: var(--red-100); }
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-color="orange"] { --paper-c: var(--orange-100); }
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-color="green"] { --paper-c: var(--green-100); }
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-color="aqua"] { --paper-c: var(--aqua-100); }
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-color="blue"] { --paper-c: var(--blue-100); }
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-color="violet"] { --paper-c: var(--violet-100); }
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-color="magenta"] { --paper-c: var(--magenta-100); }
[data-r="dialog"][data-kind="composer"][data-variant="note"]:not([data-open]) > :is([data-part="title-input"], [data-part="note-input"], [data-part="tools"]),
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-open] > :is([data-part="open"], [data-part="start-list"]) { display: none; }
[data-r="dialog"][data-kind="composer"][data-variant="note"]:not([data-open]) { flex-direction: row; align-items: center; gap: 4px; height: var(--row-44); padding: 0 10px 0 4px; }
[data-r="dialog"][data-kind="composer"][data-variant="note"] > [data-part="open"] { flex: 1 1 auto; align-self: stretch; margin: 0; padding: 0 12px; border: 0; border-radius: var(--r-row); background: transparent; text-align: left; font: inherit; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--paper-ink-3); cursor: text; outline: none; }
[data-r="dialog"][data-kind="composer"][data-variant="note"] > [data-part="open"]:focus-visible { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="dialog"][data-kind="composer"][data-variant="note"] > [data-part="open"][data-force~="focus"] { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="dialog"][data-kind="composer"][data-variant="note"][data-open] { padding: 12px 10px 8px 16px; gap: 4px; }
[data-r="dialog"][data-kind="composer"][data-variant="note"] > :is([data-part="title-input"], [data-part="note-input"]) { color: var(--paper-ink); }
[data-r="dialog"][data-kind="composer"][data-variant="note"] > [data-part="title-input"] { padding-right: 6px; }
[data-r="dialog"][data-kind="composer"][data-variant="note"] > [data-part="note-input"] { min-height: 22px; max-height: 320px; padding: 4px 6px 4px 0; overflow-y: auto; field-sizing: content; color: var(--paper-ink-2); }
[data-r="dialog"][data-kind="composer"][data-variant="note"] > :is([data-part="title-input"], [data-part="note-input"])::placeholder { color: var(--paper-ink-3); }
[data-r="dialog"][data-kind="composer"][data-variant="note"] > [data-part="tools"] { display: flex; align-items: center; gap: 2px; margin: 8px -4px 0 -6px; }
[data-r="dialog"][data-kind="composer"][data-variant="note"] > [data-part="tools"] > [data-r="swatches"] { gap: 4px; padding: 0 6px; }
[data-r="dialog"][data-kind="composer"][data-variant="note"] > [data-part="tools"] > [data-r="swatches"] > [data-r="swatch"] { box-shadow: inset 0 0 0 var(--px) var(--line-4); }
[data-r="dialog"][data-kind="composer"][data-variant="note"] > [data-part="tools"] > [data-r="swatches"] > [data-r="swatch"][aria-checked="true"] { box-shadow: inset 0 0 0 var(--px) var(--line-4), 0 0 0 2px var(--paper-c), 0 0 0 3.5px var(--paper-ink-3); }
[data-r="dialog"][data-kind="composer"][data-variant="note"] > [data-part="tools"] > [data-part="spacer"] { flex: 1; }
[data-r="dialog"][data-kind="composer"][data-variant="note"] [data-r="button"][data-variant="ghost"] { color: var(--paper-ink-2); }
@media (hover: hover) {
  [data-r="dialog"][data-kind="composer"][data-variant="note"] [data-r="button"][data-variant="ghost"]:hover { color: var(--paper-ink); }
}
[data-r="dialog"][data-kind="composer"][data-variant="note"] [data-r="button"][data-variant="ghost"][data-force~="hover"] { color: var(--paper-ink); }
[data-r="dialog"][data-kind="composer"][data-variant="note"] [data-r="button"][data-variant="ghost"][aria-pressed="true"] { color: var(--paper-ink); }
[data-r="sheet"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); --origin: 100% 50%; position: fixed; z-index: var(--z-dialog); top: 8px; right: 8px; bottom: 8px; display: flex; flex-direction: column; width: min(420px, calc(100vw - 16px)); border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); color: var(--ink-2); overflow: hidden; }
[data-r="sheet"]:modal { left: auto; margin: 0; height: auto; }
[data-r="sheet"][data-static] { position: relative; top: auto; right: auto; bottom: auto; height: 420px; z-index: auto; }
[data-r="sheet"] > [data-part="header"] { display: flex; align-items: center; gap: 8px; height: 44px; flex: none; padding: 0 8px 0 16px; border-bottom: var(--px) solid var(--line-3); }
[data-r="sheet"] > [data-part="header"] > [data-part="title"] { flex: 1; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="sheet"] > [data-part="body"] { flex: 1; padding: 16px; overflow: auto; }
[data-r="sheet"] > [data-part="body"] > [data-r="properties"] { padding: 0; }
[data-r="sheet"] > [data-part="footer"] { display: flex; justify-content: flex-end; gap: 8px; flex: none; padding: 12px; border-top: var(--px) solid var(--line-3); }
[data-r="dialog"][data-kind="composer"][data-variant="week"] { container: composer / inline-size; max-width: 100%; overflow: hidden auto; overscroll-behavior: contain; }
[data-r="dialog"][data-variant="week"] > :is([data-part="top"], [data-part="week"]) { flex: none; }
[data-r="dialog"][data-variant="week"] > [data-part="top"] { display: grid; grid-template-columns: minmax(0, 1fr) 256px; min-height: 330px; }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="write"] { display: flex; flex-direction: column; min-width: 0; padding: 12px 20px 12px 16px; }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="write"] > [data-part="header"] { display: flex; align-items: center; margin-bottom: 20px; }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="write"] > [data-part="body"] { display: flex; flex-direction: column; gap: 6px; flex: 1; min-width: 0; padding-left: 4px; }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="write"] > [data-part="body"] > [data-part="note-input"] { flex: 1; }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="write"] > [data-r="facts"] { padding: 8px 0 0 4px; }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="write"] > [data-part="tools"] { display: flex; align-items: center; gap: 4px; margin-left: -4px; padding-top: 8px; }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="side"] { --plane: var(--mat); --plane-hover: var(--mat-hover); --plane-selected: var(--mat-selected); --plane-selected-hover: var(--mat-selected-hover); --pill-rest: var(--mat); display: flex; flex-direction: column; min-width: 0; background: var(--mat); box-shadow: inset var(--px) 0 0 var(--line-3); }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="side"] > [data-part="window"] { display: flex; justify-content: flex-end; gap: 2px; padding: 12px 10px 4px; }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="side"] > [data-r="properties"] { gap: 4px; padding: 4px 10px 0 16px; }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="side"] [data-r="property"] > [data-r="button"][aria-expanded="true"] > svg[data-icon="chevronDown"] { transform: rotate(180deg); }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="side"] > [data-r="properties"] > [data-r="button"] { align-self: flex-start; margin-left: calc(96px + 8px); }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="side"] > [data-part="footer"] { display: flex; flex-direction: column; align-items: stretch; gap: 10px; margin-top: auto; padding: 16px 12px 12px 16px; }
[data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="side"] > [data-part="footer"] > [data-r="button"][data-variant="primary"] { width: 100%; justify-content: space-between; }
[data-r="dialog"][data-variant="week"] > [data-part="week"] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--section) var(--ease-expo); }
[data-r="dialog"][data-variant="week"] > [data-part="week"][data-open] { grid-template-rows: 1fr; }
[data-r="dialog"][data-variant="week"] > [data-part="week"] > div { min-height: 0; overflow: hidden; visibility: hidden; box-shadow: inset 0 var(--px) 0 var(--line-3); }
[data-r="dialog"][data-variant="week"] > [data-part="week"][data-open] > div { visibility: visible; }
[data-r="dialog"][data-variant="week"] > [data-part="week"] [data-r="week-strip"] { padding: 10px 12px 12px; }
[data-r="dialog"][data-variant="week"] > [data-part="week"] [data-r="week-strip"] > [data-part="week"] { border-bottom-width: 0; }
[data-r="dialog"][data-variant="week"] > [data-part="week"] [data-r="week-strip"] [data-part="day"][role="radio"] { border-radius: var(--r-row); transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="dialog"][data-variant="week"] > [data-part="week"] [data-r="week-strip"] [data-part="day"][aria-checked="false"]:not([aria-disabled="true"]):hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="dialog"][data-variant="week"] > [data-part="week"] [data-r="week-strip"] [data-part="day"][aria-checked="false"]:not([aria-disabled="true"])[data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="dialog"][data-variant="week"] > [data-part="week"] [data-r="week-strip"] [data-part="day"][aria-checked="true"] { background-color: var(--plane-selected); }
[data-r="dialog"][data-variant="week"] > [data-part="week"] [data-r="week-strip"] [data-part="day"][role="radio"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="dialog"][data-variant="week"] > [data-part="week"] [data-r="week-strip"] [data-part="day"][role="radio"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="dialog"][data-variant="week"] > [data-part="week"] [data-r="week-strip"] [data-part="day"] [data-r="calendar-session"] { pointer-events: none; }
[data-r="dialog"][data-variant="week"] > [data-part="week"] [data-part="lane"] > [data-r="calendar-session"][aria-selected="true"] { box-shadow: 0 0 0 var(--px) var(--accent); }
@media (prefers-reduced-motion: reduce) {
  [data-r="dialog"][data-variant="week"] > [data-part="week"] { transition: none; }
}
@container composer (width < 560px) {
  [data-r="dialog"][data-variant="week"] > [data-part="top"] { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  [data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="write"] { padding: 12px 12px 8px; }
  [data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="write"] > [data-r="facts"] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  [data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="side"] { box-shadow: inset 0 var(--px) 0 var(--line-3); }
  [data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="side"] > [data-part="window"] { position: absolute; top: 0; right: 0; padding: 10px 8px; }
  [data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="side"] > [data-r="properties"] { padding: 8px 12px 0; }
  [data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="side"] > [data-part="footer"] { flex-direction: row; align-items: center; justify-content: space-between; padding: 12px; }
  [data-r="dialog"][data-variant="week"] > [data-part="top"] > [data-part="side"] > [data-part="footer"] > [data-r="button"][data-variant="primary"] { width: auto; }
  [data-r="dialog"][data-variant="week"] > [data-part="week"] [data-r="week-strip"] { padding: 8px; }
}
[data-r="sheet"][data-variant="foot"] { --origin: 50% 100%; top: auto; right: 0; bottom: 0; left: 0; width: 100%; max-width: 100%; max-height: 72dvh; border-radius: var(--r-contain) var(--r-contain) 0 0; }
[data-r="sheet"][data-variant="foot"]:modal { inset: auto 0 0; margin: 0; width: 100%; max-width: 100%; max-height: 72dvh; }
}

/* ═══ 43a-over-page.css ═══ */
@layer components {
[data-r="over-page"] { position: relative; isolation: isolate; height: 100%; overflow: hidden; }
[data-r="over-page"] > [data-part="ground"] { height: 100%; }
[data-r="over-page"] > [data-part="dim"] { position: absolute; inset: 0; z-index: 1; background: var(--backdrop); opacity: 0; pointer-events: none; transition: opacity var(--backdrop-out) var(--ease-quad); }
[data-r="over-page"][data-open] > [data-part="dim"] { opacity: var(--backdrop-opacity); pointer-events: auto; transition-duration: var(--backdrop-in); }
[data-r="over-page"] > [data-part="window"] { position: absolute; left: 0; right: 0; top: 56px; bottom: 16px; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; align-content: start; padding: 0 16px; overflow: auto; pointer-events: none; }
[data-r="over-page"] > [data-part="window"] > * { pointer-events: auto; }
[data-r="over-page"]:not([data-open]) > [data-part="window"] { display: none; }
[data-r="over-page"][data-narrow] > [data-part="window"] { top: 16px; padding: 0 8px; }
@media (prefers-reduced-motion: reduce) {
  [data-r="over-page"] > [data-part="dim"] { transition: none; }
}
}

/* ═══ 44-palette.css ═══ */
@layer components {
[data-r="palette"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); position: relative; display: flex; flex-direction: column; width: min(720px, calc(100vw - 32px)); max-height: min(480px, 72dvh); border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); overflow: hidden; --origin: 50% 50%; }
[data-r="palette"]:modal { position: fixed; inset: 13vh 0 auto; margin: 0 auto; }
[data-r="palette"][data-place="top"]:modal { inset: max(8px, env(safe-area-inset-top)) 0 auto; }
@media (pointer: coarse) and (max-width: 767px) {
  [data-r="palette"] { width: calc(100vw - 16px); max-height: min(480px, 56dvh); }
  [data-r="palette"]:modal { inset: max(8px, env(safe-area-inset-top)) 0 auto; }
}
dialog[data-r="palette"]:not([open]) { display: none; }
[data-r="palette"] > [data-part="input"] { display: flex; align-items: center; gap: 10px; flex: none; height: 52px; padding: 0 16px 0 18px; }
[data-r="palette"] > [data-part="input"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="palette"] > [data-part="input"] > input { flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: transparent; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-450); color: var(--ink); }
[data-r="palette"] > [data-part="input"] > input::placeholder { color: var(--ink-3); opacity: 1; }
[data-r="palette"] > [data-part="scopes"] { flex: none; padding: 0 12px 10px 14px; border-bottom: var(--px) solid var(--line-3); gap: 4px; }
[data-r="palette"] > [data-part="list"] { flex: 1; min-height: 0; padding: var(--inset); overflow: hidden auto; overscroll-behavior: contain; }
[data-r="palette"] > [data-part="list"] > [data-r="menu-group-label"] { padding: 0 12px; height: 30px; }
[data-r="palette"] > [data-part="footer"] { display: flex; align-items: center; gap: 16px; flex: none; height: 36px; padding: 0 12px; border-top: var(--px) solid var(--line-3); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="palette"] > [data-part="footer"] > span { display: inline-flex; align-items: center; gap: 6px; }
[data-r="palette-item"] { display: flex; align-items: center; gap: 10px; height: var(--row-40); padding: 0 12px; border-radius: var(--r-row); color: var(--ink-2); white-space: nowrap; }
[data-r="palette-item"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="palette-item"] > [data-part="label"] { color: var(--ink); font-weight: var(--fw-500); overflow: hidden; text-overflow: ellipsis; }
[data-r="palette-item"] > [data-part="meta"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--ink-3); }
[data-r="palette-item"] > :is([data-part="label"], [data-part="meta"]) > mark { background: none; color: var(--ink); font-weight: var(--fw-550); }
[data-r="palette-item"] > [data-part="end"] { margin-left: auto; display: flex; align-items: center; gap: 6px; color: var(--ink-3); }
[data-r="palette-item"] > [data-part="attention"] { width: 6px; height: 6px; border-radius: var(--r-round); background: var(--warning-dot); flex: none; }
[data-r="palette-item"][data-highlighted] { background: var(--raised-selected); }
[data-r="palette-item"][data-highlighted] > svg[data-icon] { color: var(--thing, var(--ink)); }
[data-r="palette-item"][data-highlighted] > [data-part="meta"],
[data-r="palette-item"][data-highlighted] > [data-part="end"] { color: var(--ink-2); }
[data-r="palette"] > [data-part="input"] > [data-part="back"] { margin-left: -6px; margin-right: -4px; }
[data-r="palette"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; flex: none; height: var(--row-36); padding: 0 16px 0 18px; border-bottom: var(--px) solid var(--line-3); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="palette"] > [data-part="input"] > [data-part="close"] { margin-right: -8px; }
[data-r="palette"] > [data-part="input"] > [data-part="back"]:not([hidden]) + svg[data-icon] { display: none; }
[data-r="palette"] > [data-part="input"] > [data-part="context"] { display: inline-flex; align-items: center; gap: 6px; flex: none; max-width: 40%; height: var(--h-24); padding: 0 8px; border: .5px solid var(--line-4); border-radius: var(--r-mark); background-color: var(--plane); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="palette"] > [data-part="input"] > [data-part="context"]:has(> [data-r="status"], > svg[data-icon]) { padding-left: 5px; }
[data-r="palette"] > [data-part="input"] > [data-part="context"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-2)); }
[data-r="palette"] > [data-part="input"] > [data-part="terms"] { display: inline-flex; align-items: center; gap: 4px; flex: none; max-width: 45%; min-width: 0; }
[data-r="palette"] > [data-part="input"] > [data-part="terms"] > [data-part="term"] { display: inline-flex; align-items: center; flex: 0 1 auto; min-width: 3em; height: var(--h-20); padding: 0 6px; border: .5px solid var(--line-3); border-radius: var(--r-mark); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="palette"] > [data-part="input"] > [data-part="terms"] > [data-part="term"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="palette"] [data-r="menu-group-label"] > [data-part="count"] { font-weight: var(--fw-400); font-variant-numeric: tabular-nums; }
[data-r="palette"] > [data-part="list"] > [data-part="page"] { display: flex; flex-direction: column; }
[data-r="palette"] > [data-part="list"] > [data-part="page"] > [data-r="menu-group-label"] { padding: 0 12px; height: 30px; }
[data-r="palette"] > [data-part="list"] [data-r="menu-empty"] { padding: 10px 12px; }
[data-r="palette-item"] > [data-part="end"] > [data-part="check"] { display: none; width: var(--icon-16); height: var(--icon-16); color: var(--accent-glyph); }
[data-r="palette-item"] > [data-part="end"] > [data-part="check"]::before { content: ""; display: block; width: 5px; height: 9.5px; margin: 1.75px 0 0 5.5px; /* allow: spacing · the drawn check */ border: solid currentColor; border-width: 0 1.6px 1.6px 0; transform: rotate(42deg); }
[data-r="palette-item"][aria-selected="true"] > [data-part="end"] > [data-part="check"] { display: block; }
[data-r="palette-item"] > [data-part="end"] > [data-part="opens"] { width: var(--icon-12); height: var(--icon-12); color: var(--ink-4); }
[data-r="palette-item"][data-highlighted] > [data-part="end"] > [data-part="opens"] { color: var(--ink-2); }
[data-r="palette-item"][data-tone="danger"] > [data-part="label"],
[data-r="palette-item"][data-tone="danger"] > svg[data-icon] { color: var(--danger-ink); }
[data-r="palette-item"][aria-disabled="true"] { pointer-events: none; }
[data-r="palette-item"][aria-disabled="true"] > :is([data-part="label"], svg[data-icon], [data-part="end"]) { color: var(--ink-disabled); }
[data-r="palette-item"][aria-disabled="true"] > [data-r="status"] { opacity: .45; }
[data-r="palette-item"] > [data-part="reason"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--ink-disabled); }
[data-r="palette-item"] > :is([data-part="meta"], [data-part="reason"]) { flex-shrink: 1000; }
[data-r="palette"] { container: palette / inline-size; }
[data-r="palette-item"] > [data-part="cost"] { display: flex; align-items: center; gap: 12px; min-width: 0; margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="palette-item"][data-highlighted] > [data-part="cost"] { color: var(--ink-2); }
[data-r="palette"][data-cost] [data-r="palette-item"] > [data-part="cost"] > [data-part="row"] ~ [data-part="row"] { display: none; }
[data-part="cost"] [data-part="row"] { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
[data-part="cost"] [data-part="row"] > [data-part="name"] { margin-right: 2px; }
[data-part="cost"] [data-part="row"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-4)); }
[data-part="cost"] [data-part="row"] > [data-part="after"] { font-weight: var(--fw-550); color: var(--ink); }
[data-part="cost"] [data-part="row"] > [data-part="verdict"] { display: inline-flex; align-items: center; gap: 6px; margin-left: 8px; }
[data-part="cost"] [data-part="row"] > [data-part="verdict"] > [data-part="dot"] { flex: none; width: 6px; height: 6px; border-radius: var(--r-round); background: var(--ink-4); }
[data-part="cost"] [data-part="row"][data-verdict="over"] > [data-part="verdict"] > [data-part="dot"] { background: var(--warning-dot); }
[data-part="cost"] [data-part="row"][data-verdict="breaks"] > [data-part="verdict"] > [data-part="dot"] { background: var(--danger-dot); }
@container palette (max-width: 480px) {
  [data-r="palette-item"] > [data-part="cost"] [data-part="row"] > [data-part="verdict"] { margin-left: 4px; }
  [data-r="palette-item"] > [data-part="cost"] [data-part="row"] > [data-part="verdict"] > [data-part="words"] { display: none; }
  [data-r="palette-item"]:has(> [data-part="cost"]) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: auto auto; align-content: center; gap: 2px 10px; height: var(--row-44); }
  [data-r="palette-item"]:has(> [data-part="cost"]) > svg[data-icon] { grid-row: 1 / 3; }
  [data-r="palette-item"]:has(> [data-part="cost"]) > [data-part="label"] { grid-column: 2; grid-row: 1; }
  [data-r="palette-item"]:has(> [data-part="cost"]) > [data-part="cost"] { grid-column: 2; grid-row: 2; margin-left: 0; }
  [data-r="palette-item"]:has(> [data-part="cost"]) > [data-part="end"] { grid-column: 3; grid-row: 1 / 3; }
  [data-r="palette"] > [data-part="footer"] { flex-wrap: wrap; row-gap: 8px; height: auto; min-height: 36px; padding-block: 8px; }
}
@container palette (max-width: 400px) {
  [data-r="palette-item"]:has(> [data-part="label"] + [data-part="meta"]) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: auto auto; align-content: center; gap: 1px 10px; height: var(--row-40); }
  [data-r="palette-item"]:has(> [data-part="label"] + [data-part="meta"]) > :first-child { grid-row: 1 / 3; }
  [data-r="palette-item"]:has(> [data-part="label"] + [data-part="meta"]) > [data-part="label"] { grid-column: 2; grid-row: 1; }
  [data-r="palette-item"]:has(> [data-part="label"] + [data-part="meta"]) > [data-part="meta"] { grid-column: 2; grid-row: 2; font-size: var(--fs-12); line-height: var(--lh-12); }
  [data-r="palette-item"]:has(> [data-part="label"] + [data-part="meta"]) > [data-part="end"] { grid-column: 3; grid-row: 1 / 3; }
}
@container palette (max-width: 400px) {
  [data-r="palette-item"]:has(> [data-part="label"] + [data-part="reason"]) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: auto auto; align-content: center; gap: 1px 10px; height: auto; min-height: var(--row-40); padding-top: 2px; padding-bottom: 2px; }
  [data-r="palette-item"]:has(> [data-part="label"] + [data-part="reason"]) > :first-child { grid-row: 1 / 3; }
  [data-r="palette-item"]:has(> [data-part="label"] + [data-part="reason"]) > [data-part="label"] { grid-column: 2; grid-row: 1; }
  [data-r="palette-item"]:has(> [data-part="label"] + [data-part="reason"]) > [data-part="reason"] { grid-column: 2; grid-row: 2; white-space: normal; font-size: var(--fs-12); line-height: var(--lh-12); }
  [data-r="palette-item"]:has(> [data-part="label"] + [data-part="reason"]) > [data-part="end"] { grid-column: 3; grid-row: 1 / 3; }
}
}

/* ═══ 45-toast.css ═══ */
@layer components {
[data-r="toasts"] { position: fixed; right: 16px; bottom: calc(var(--toast-offset, 16px) + env(safe-area-inset-bottom, 0px)); z-index: var(--z-toast); display: flex; flex-direction: column-reverse; gap: 8px; width: min(380px, calc(100vw - 32px)); }
[data-r="toasts"][data-static] { position: relative; right: auto; bottom: auto; z-index: auto; }
[data-r="toasts"][data-place="bottom-center"]:not([data-static]) { right: auto; left: 50%; translate: -50% 0; }
[data-r="toast"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 8px 8px 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); --origin: 50% 100%; }
[data-r="toast"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="toast"][data-tone="success"] > svg[data-icon] { color: var(--success-dot); }
[data-r="toast"][data-tone="danger"] > svg[data-icon] { color: var(--danger-dot); }
[data-r="toast"] > [data-part="text"] { flex: 1; min-width: 0; }
[data-r="toast"] > [data-part="text"] > span { display: block; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="toast"][data-state="from"] { opacity: 0; transform: translateY(6px) scale(var(--scale-from)); }
[data-r="banner"] { --glyph: var(--ink-3); display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 6px 0; border-bottom: var(--px) solid var(--line-1); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); }
[data-r="banner"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--glyph); }
[data-r="banner"] > [data-part="text"] { flex: 1; min-width: 0; padding: 4px 0; }
[data-r="banner"] > [data-part="text"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="banner"][data-tone="info"] { --glyph: var(--info-dot); }
[data-r="banner"][data-tone="warning"] { --glyph: var(--warning-dot); }
[data-r="banner"][data-tone="danger"] { --glyph: var(--danger-dot); }
[data-r="banner"][data-tone="success"] { --glyph: var(--success-dot); }
}

/* ═══ 45a-undo-line.css ═══ */
@layer components {
body[data-undo-line-open] [data-r="toasts"]:not([data-undo-line]):not([data-static]) { --toast-offset: calc(var(--space-16) + var(--row-52) + var(--space-8)); }
}

/* ═══ 46-from-to.css ═══ */
@layer components {
[data-r="from-to"] { --col: 64px; container: from-to / inline-size; display: flex; flex-direction: column; min-width: 0; width: 100%; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="from-to"] > :is([data-part="head"], [data-part="row"]) { display: grid; grid-template-columns: minmax(0, 1fr) var(--col) var(--col) var(--col); align-items: center; column-gap: 12px; min-height: var(--row-36); padding: 4px 0; box-sizing: border-box; border-bottom: var(--px) solid var(--line-1); }
[data-r="from-to"] > [data-part="head"] { min-height: var(--row-32); padding: 0; border-bottom-color: var(--line-3); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="from-to"] > [data-part="row"]:not(:has(~ [data-part="row"])) { border-bottom: 0; }
[data-r="from-to"] [data-part="values"] { display: contents; }
[data-r="from-to"] :is([data-part="from"], [data-part="to"], [data-part="change"]) { min-width: 0; text-align: right; white-space: nowrap; }
[data-r="from-to"] > [data-part="row"] [data-part="to"] { color: var(--ink); }
[data-r="from-to"] [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="from-to"] > [data-part="row"] > [data-part="name"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="from-to"] > [data-part="row"] > [data-part="name"] > b { font-weight: var(--fw-500); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="from-to"] > [data-part="row"] > [data-part="name"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="from-to"] > [data-part="head"] > [data-part="name"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="from-to"] > [data-part="row"] > [data-part="change"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="from-to"] > [data-part="row"][data-kind="total"] { border-top: var(--px) solid var(--line-3); border-bottom: 0; margin-top: -1px; }
[data-r="from-to"] > [data-part="row"][data-kind="total"] :is([data-part="from"], [data-part="to"]) { font-weight: var(--fw-550); }
[data-r="from-to"] [data-part="to"] > [data-r="reading-state"] { vertical-align: -1px; }
[data-r="from-to"] > [data-part="note"] { display: flex; align-items: center; gap: 8px; min-height: var(--row-36); padding: 4px 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="from-to"] > [data-part="note"] > svg[data-icon] { flex: none; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="from-to"] > [data-part="note"] > [data-r="button"] { margin-left: auto; }
[data-r="from-to"][data-said="fact"] > :is([data-part="head"], [data-part="row"]) { grid-template-columns: minmax(0, 1fr) var(--col) var(--col) var(--said, 88px); }
[data-r="from-to"] > [data-part="row"] > [data-part="name"]:has(> svg[data-icon]) { display: grid; grid-template-columns: var(--icon-16) minmax(0, 1fr); column-gap: 8px; row-gap: 2px; align-items: center; }
[data-r="from-to"] > [data-part="row"] > [data-part="name"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="from-to"] > [data-part="row"] > [data-part="name"]:has(> span) > svg[data-icon] { grid-row: 1 / span 2; }
[data-r="from-to"] > [data-part="row"] > [data-part="name"]:has(> svg[data-icon]) > :not(svg) { grid-column: 2; }
[data-r="page"][data-narrow] [data-r="from-to"] > :is([data-part="head"], [data-part="row"]) { --col: 52px; column-gap: 8px; }
@container from-to (width < 348px) or ((width < 372px) and style(--col: 72px)) or ((width < 420px) and style(--col: 88px)) or ((width < 438px) and style(--col: 94px)) {
  [data-r="from-to"] > :is([data-part="head"], [data-part="row"]),
  [data-r="page"][data-narrow] [data-r="from-to"] > :is([data-part="head"], [data-part="row"]) { grid-template-columns: minmax(0, 1fr) minmax(0, var(--col)) minmax(0, var(--col)) minmax(0, var(--col)); row-gap: 2px; }
  [data-r="from-to"][data-said="fact"] > :is([data-part="head"], [data-part="row"]) { grid-template-columns: minmax(0, 1fr) minmax(0, var(--col)) minmax(0, var(--col)) minmax(0, var(--said, 88px)); }
  [data-r="from-to"] > [data-part="row"] { padding: 6px 0; }
  [data-r="from-to"] > [data-part="head"] { padding: 4px 0; }
  [data-r="from-to"] > :is([data-part="head"], [data-part="row"]) > [data-part="name"] { grid-column: 1 / -1; }
  [data-r="from-to"] > :is([data-part="head"], [data-part="row"]) [data-part="from"] { grid-column: 2; }
  [data-r="from-to"] > :is([data-part="head"], [data-part="row"]) [data-part="to"] { grid-column: 3; }
  [data-r="from-to"] > :is([data-part="head"], [data-part="row"]) > [data-part="change"] { grid-column: 4; }
  [data-r="from-to"] > [data-part="head"] :is([data-part="from"], [data-part="to"], [data-part="change"]) { white-space: normal; }
}
}

/* ═══ 46a-range.css ═══ */
@layer components {
[data-r="range"] { display: inline-flex; align-items: center; gap: var(--space-2); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="range"] > svg[data-icon="span"] { flex: none; }
}

/* ═══ 47-ledger.css ═══ */
@layer components {
[data-r="ledger"] { --amount: 96px; display: flex; flex-direction: column; min-width: 0; width: 100%; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="ledger"] > :is([data-part="line"], [data-part="total"]) { display: grid; grid-template-columns: minmax(0, 1fr) auto var(--amount); align-items: center; column-gap: 12px; min-height: var(--row-36); padding: 4px 0; box-sizing: border-box; }
[data-r="ledger"] [data-part="what"] { display: flex; align-items: center; gap: 10px; min-width: 0; }
[data-r="ledger"] [data-part="what"] > svg[data-icon] { flex: none; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="ledger"] [data-part="what"] > [data-r="avatar"] { flex: none; }
[data-r="ledger"] [data-part="stack"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="ledger"] [data-part="stack"] > b { font-weight: var(--fw-500); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="ledger"] [data-part="stack"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="ledger"] [data-part="count"] { justify-self: end; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="ledger"] [data-part="amount"] { justify-self: stretch; min-width: 0; text-align: right; color: var(--ink); white-space: nowrap; }
[data-r="ledger"] [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="ledger"] [data-part="amount"] > [data-part="words"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="ledger"] > [data-part="total"] { min-height: var(--row-44); margin-top: 4px; border-top: var(--px) solid var(--line-3); }
[data-r="ledger"] > [data-part="total"] [data-part="stack"] > b,
[data-r="ledger"] > [data-part="total"] [data-part="amount"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="ledger"] > [data-part="total"] [data-part="count"] { display: flex; align-items: center; gap: 6px; }
[data-r="ledger"] > [data-part="note"] { display: flex; align-items: center; gap: 8px; min-height: var(--row-36); padding: 4px 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="ledger"] > [data-part="note"] > svg[data-icon] { flex: none; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="ledger"] > [data-part="note"] > [data-r="button"] { margin-left: auto; }
[data-r="ledger"] { container: ledger / inline-size; }
@container ledger (width < 360px) {
  [data-r="ledger"] > :is([data-part="line"], [data-part="total"]) { grid-template-columns: minmax(0, 1fr) minmax(var(--amount), auto); row-gap: 2px; }
  [data-r="ledger"] > :is([data-part="line"], [data-part="total"]) > [data-part="what"] { grid-column: 1; grid-row: 1 / span 2; }
  [data-r="ledger"] > :is([data-part="line"], [data-part="total"]) > [data-part="amount"] { grid-column: 2; grid-row: 1; align-self: end; }
  [data-r="ledger"] > :is([data-part="line"], [data-part="total"]) > [data-part="count"] { grid-column: 2; grid-row: 2; align-self: start; }
  [data-r="ledger"] > :is([data-part="line"], [data-part="total"]) > [data-part="count"]:empty { display: none; }
  [data-r="ledger"] > :is([data-part="line"], [data-part="total"]):has(> [data-part="count"]:empty) > [data-part="amount"] { grid-row: 1 / span 2; align-self: center; }
}
}

/* ═══ 48-commit.css ═══ */
@layer components {
:is([data-r="commit"], [data-r="save-bar"]) { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); position: sticky; bottom: 16px; z-index: var(--z-sticky); display: flex; align-items: center; gap: 2px; min-width: 0; width: fit-content; max-width: calc(100% - 16px); margin: 16px auto 0; padding: 4px 4px 4px 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); white-space: nowrap; animation: r-commit-in var(--scale-in) var(--ease-expo); }
@keyframes r-commit-in { from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: reduce) {
  :is([data-r="commit"], [data-r="save-bar"]) { animation: none; }
}
:is([data-r="commit"], [data-r="save-bar"])[hidden] { display: none; }
:is([data-r="commit"], [data-r="save-bar"]) { flex-wrap: wrap; justify-content: flex-end; row-gap: 4px; }
:is([data-r="commit"], [data-r="save-bar"]) > [data-r="button"] { max-width: 100%; }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="count"] { flex: none; align-self: center; margin-right: auto; padding-right: 4px; font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="reason"] { display: inline-flex; align-items: center; gap: 6px; flex: 1 1 160px; min-width: 0; margin-right: 8px; overflow: hidden; color: var(--ink-2); }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="reason"] > span { min-width: 0; white-space: normal; }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="reason"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="reason"][hidden] { display: none; }
:is([data-r="commit"], [data-r="save-bar"])[data-state="failed"] > [data-part="reason"] { color: var(--danger-ink); }
:is([data-r="commit"], [data-r="save-bar"])[data-state="failed"] > [data-part="reason"] > svg[data-icon] { color: var(--danger-ink); }
:is([data-r="commit"], [data-r="save-bar"]) > [data-r="button"] { flex: none; }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="changes"] { position: absolute; left: 0; right: 0; bottom: calc(100% + 6px); z-index: 1; min-width: 280px; display: flex; flex-direction: column; padding: 6px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e2); }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="changes"][hidden] { display: none; }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="changes"] > [data-part="row"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; min-height: var(--row-28); padding: 0 8px; border-radius: var(--r-row); }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="changes"] > [data-part="row"] > span:first-child { color: var(--ink-2); }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="changes"] > [data-part="row"] > [data-part="change"] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="changes"] > [data-part="row"] > [data-part="change"] > :is(s, b) { min-width: 0; max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="changes"] > [data-part="row"] s { color: var(--ink-3); }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="changes"] > [data-part="row"] b { font-weight: var(--fw-500); color: var(--ink); }
:is([data-r="commit"], [data-r="save-bar"]) > [data-part="changes"] > [data-part="row"] svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="side-panel"] > [data-r="commit"] { position: absolute; left: 6px; right: 6px; bottom: 12px; max-width: calc(100% - 12px); margin: 0 auto; }
[data-r="side-panel"]:has(> [data-r="commit"]:not([hidden])) > [data-part="body"] { padding-bottom: 64px; }
}

/* ═══ 50-shell.css ═══ */
@layer components {
[data-r="shell"] { display: grid; grid-template-columns: var(--sidebar-w, 240px) minmax(0, 1fr); height: 100%; min-height: 0; background: var(--ground); }
[data-r="shell"][data-sidebar="closed"] { grid-template-columns: 0 minmax(0, 1fr); }
:root[data-drawer-docked] [data-r="shell"] { height: calc(100% - var(--drawer-h, 240px)); }
[data-r="shell"][data-compact] { position: relative; grid-template-columns: minmax(0, 1fr); overflow: hidden; }
[data-r="shell"][data-compact] > :is([data-r="panel"], [data-part="work"]) { grid-column: 1; grid-row: 1; }
[data-r="shell"][data-compact] > [data-r="panel"],
[data-r="shell"][data-compact] > [data-part="work"] > [data-r="panel"] { margin: 0; border-radius: 0; box-shadow: none; }
[data-r="shell"][data-compact] > [data-r="sidebar"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); position: absolute; z-index: var(--z-dock); top: 8px; bottom: 8px; left: 8px; width: min(320px, calc(86% - 8px)); overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e3); transform: translateX(calc(-100% - 16px)); visibility: hidden; transition: transform var(--section) var(--ease-expo), visibility 0s linear var(--section); }
[data-r="shell"][data-compact][data-drawer="open"] > [data-r="sidebar"] { transform: none; visibility: visible; transition: transform var(--section) var(--ease-expo), visibility 0s; }
[data-r="shell"][data-compact] > [data-part="scrim"] { position: absolute; inset: 0; z-index: calc(var(--z-dock) - 1); background: transparent; }
[data-r="shell"][data-compact]:not([data-drawer="open"]) > [data-part="scrim"] { display: none; }
[data-r="shell"][data-compact] > [data-part="edge-zone"] { position: absolute; top: 0; bottom: 0; left: 0; z-index: calc(var(--z-dock) - 1); width: 16px; touch-action: none; }
[data-r="shell"][data-compact]:is([data-drawer="open"], [data-compact="sheet"]) > [data-part="edge-zone"] { display: none; }
[data-r="sidebar"] > [data-part="grab"] { display: none; }
[data-r="shell"][data-compact="sheet"] > [data-r="sidebar"] { top: auto; right: 0; bottom: 0; left: 0; width: auto; height: calc(100% - 24px - env(safe-area-inset-top)); padding-bottom: calc(8px + env(safe-area-inset-bottom)); border-radius: var(--r-contain) var(--r-contain) 0 0; transform: translateY(calc(100% + 16px)); }
[data-r="shell"][data-compact="sheet"][data-drawer="open"] > [data-r="sidebar"] { transform: none; }
[data-r="shell"][data-compact="sheet"] > [data-r="sidebar"] > [data-part="grab"] { display: block; flex: none; align-self: center; width: 36px; height: 5px; margin: 0 0 4px; border-radius: var(--r-press); background: var(--line-5); touch-action: none; }
[data-r="shell"][data-compact] > [data-r="sidebar"][data-dragging] { transition: none; }
@media (pointer: coarse) {
  [data-r="shell"][data-compact] > [data-r="sidebar"] { --row-28: var(--row-44); --row-32: var(--row-44); --h-28: var(--h-44); }
}
@media (prefers-reduced-motion: reduce) {
  [data-r="shell"][data-compact] > [data-r="sidebar"] { transition: none; }
}
[data-r="panel"] { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; margin: 8px 8px 8px 0; border-radius: var(--r-contain); background: var(--paper); box-shadow: 0 0 0 var(--px) var(--line-2); overflow: hidden; }
[data-r="panel"] > [data-part="scroll"] { flex: 1; min-height: 0; overflow: auto; }
[data-r="panel"][data-split] { flex-direction: row; }
[data-r="panel"] > [data-part="side"] { flex: none; width: 300px; border-left: var(--px) solid var(--line-2); overflow: auto; }
[data-r="sidebar"] { display: flex; flex-direction: column; gap: 1px; min-width: 0; padding: 8px; background: var(--ground); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); user-select: none; overflow: hidden auto; }
[data-r="sidebar"] > [data-part="head"] { display: flex; align-items: center; gap: 4px; height: var(--h-44); margin-bottom: 7px; padding-left: 6px; }
[data-r="sidebar"] > [data-part="head"] > [data-part="workspace"] { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; height: var(--h-28); padding: 0 6px; margin-left: -6px; border-radius: var(--r-row); font-weight: var(--fw-550); color: var(--ink); transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="sidebar"] > [data-part="head"] > [data-part="workspace"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="sidebar"] > [data-part="head"] > [data-part="workspace"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="sidebar"] > [data-part="head"] > [data-part="workspace"] > [data-part="mark"] { display: flex; align-items: center; justify-content: center; flex: none; width: 20px; height: 20px; border-radius: var(--r-key); background: var(--ink); color: var(--paper); }
[data-r="sidebar"] > [data-part="head"] > [data-part="workspace"] > [data-part="mark"] > svg { width: 13px; height: auto; }
[data-r="sidebar"] > [data-part="head"] > [data-part="workspace"] > [data-part="wordmark"] { display: flex; align-items: center; flex: none; height: 14px; color: var(--ink); }
[data-r="sidebar"] > [data-part="head"] > [data-part="workspace"] > [data-part="wordmark"] > svg { width: auto; height: 13px; }
[data-r="sidebar"] > [data-part="foot"] { margin-top: auto; padding-top: 8px; display: flex; flex-direction: column; gap: 1px; }
[data-r="sidebar-item"] { display: flex; align-items: center; gap: 8px; flex: none; height: var(--row-28); padding: 0 8px; border-radius: var(--r-row); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); white-space: nowrap; transition: background-color var(--state-out), color var(--state-out); }
[data-r="sidebar-item"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-2)); }
[data-r="sidebar-item"] > [data-part="label"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="sidebar-item"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="sidebar-item"] > [data-r="dot"]:not([data-state]) { background: var(--new-mark); }
@media (hover: hover) {
  [data-r="sidebar-item"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="sidebar-item"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="sidebar-item"]:hover > svg[data-icon] { color: var(--thing, var(--ink)); }
}
[data-r="sidebar-item"][data-force~="hover"] > svg[data-icon] { color: var(--thing, var(--ink)); }
[data-r="sidebar-item"][aria-current="page"] { background: var(--well-selected-hover); color: var(--ink); }
@media (hover: hover) {
  [data-r="sidebar-item"][aria-current="page"]:hover { background: var(--well-selected-hover); color: var(--ink); }
}
[data-r="sidebar-item"][aria-current="page"][data-force~="hover"] { background: var(--well-selected-hover); color: var(--ink); }
[data-r="sidebar-item"][aria-current="page"] > svg[data-icon] { color: var(--thing, var(--ink)); }
[data-r="sidebar-item"][data-depth="1"] { padding-left: 32px; }
button[data-r="sidebar-item"] { width: 100%; text-align: start; }
[data-r="sidebar-item"]:has(> [data-part="link"]) { gap: 2px; padding: 0 4px 0 0; }
[data-r="sidebar-item"] > [data-part="link"] { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; align-self: stretch; padding: 0 0 0 8px; border-radius: inherit; color: inherit; text-align: start; }
[data-r="sidebar-item"][data-depth="1"]:has(> [data-part="link"]) { padding-left: 24px; }
[data-r="sidebar-item"] > [data-part="link"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-2)); }
[data-r="sidebar-item"] > [data-part="link"] > [data-part="label"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="sidebar-item"] > [data-part="link"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="sidebar-item"] > [data-part="after"],
[data-r="sidebar-item"] > [data-part="link"] > [data-part="after"] { display: inline-flex; align-items: center; gap: 4px; flex: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
@media (hover: hover) {
  [data-r="sidebar-item"]:hover > [data-part="link"] > svg[data-icon] { color: var(--thing, var(--ink)); }
}
[data-r="sidebar-item"][data-force~="hover"] > [data-part="link"] > svg[data-icon] { color: var(--thing, var(--ink)); }
[data-r="sidebar-item"][data-current] { background: var(--well-selected-hover); color: var(--ink); }
@media (hover: hover) {
  [data-r="sidebar-item"][data-current]:hover { background: var(--well-selected-hover); color: var(--ink); }
}
[data-r="sidebar-item"][data-current][data-force~="hover"] { background: var(--well-selected-hover); color: var(--ink); }
[data-r="sidebar-item"][data-current] > [data-part="link"] > svg[data-icon] { color: var(--thing, var(--ink)); }
[data-r="sidebar-item"] > [data-part="action"] { display: flex; align-items: center; flex: none; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-r="sidebar-item"]:not(:hover, :focus-within, [data-force~="hover"]) > [data-part="action"]:not(:has([aria-expanded="true"])) { opacity: 0; }
}
[data-r="sidebar-section"] { display: flex; align-items: center; gap: 4px; flex: none; height: var(--row-28); margin-top: 12px; padding: 0 8px; border-radius: var(--r-row); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="sidebar-section"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); margin-left: -2px; color: var(--thing, var(--ink)); }
[data-r="sidebar-section"][aria-expanded="false"] > svg[data-icon] { transform: rotate(-90deg); }
[data-r="page-header"] { display: flex; flex-direction: column; flex: none; }
[data-r="page-header"] > [data-part="bar"] { display: flex; align-items: center; align-self: stretch; gap: 8px; min-width: 0; height: 44px; padding: 0 12px 0 16px; }
[data-r="page-header"] > [data-part="bar"]:first-child { border-bottom: var(--px) solid var(--line-2); }
[data-r="page-header"] > [data-part="bar"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="page-header"] > [data-part="bar"] > [data-part="spacer"] { flex: 1; }
[data-r="page-header"] > [data-part="bar"] > [data-r="tabs"][data-overflow] ~ [data-part="spacer"] { flex: none; }
[data-r="page-header"] > [data-part="bar"] > [data-part="summary"] { min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="page-header"] > [data-part="bar"] > [data-part="actions"] { display: flex; align-items: center; gap: 6px; flex: none; }
[data-r="breadcrumbs"] { display: flex; align-items: center; gap: 2px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="breadcrumbs"] > [data-r="button"] { --pad: 8px; font-size: var(--fs-13); font-weight: var(--fw-450); color: var(--ink-2); }
[data-r="breadcrumbs"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-4)); flex: none; }
[data-r="breadcrumbs"] > [aria-current="page"] { padding: 0 8px; font-weight: var(--fw-550); color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="breadcrumbs"] > [data-part="up"] { display: none; }
@media (pointer: coarse) and (max-width: 767px) {
  [data-r="breadcrumbs"]:has(> [data-part="up"]) { margin-left: -12px; }
  [data-r="breadcrumbs"] > [data-part="up"] { display: inline-flex; }
  [data-r="breadcrumbs"] > :not([data-part="up"], [aria-current="page"], [data-part="siblings"]) { display: none; }
  [data-r="breadcrumbs"] > :is([aria-current="page"], [data-part="siblings"]) { min-width: 0; }
  [data-r="breadcrumbs"][data-path] > :is([data-part="step"]:has(+ [data-part="step-menu"] + :is([aria-current="page"], [data-part="siblings"])), [data-part="step-menu"]:has(+ :is([aria-current="page"], [data-part="siblings"]))) { display: inline-flex; }
  [data-r="breadcrumbs"][data-path] > [data-part="step"] { height: var(--h-44); }
}
[data-r="page-header"] { container: page-header / inline-size; }
@container page-header (width < 520px) {
  [data-r="page-header"] > [data-part="bar"]:first-child:has(> [data-part="history"]) { gap: 4px; }
  [data-r="page-header"] > [data-part="bar"]:first-child:has(> [data-part="history"]) > [data-part="favorite"] { display: none; }
  [data-r="page-header"] > [data-part="bar"]:first-child [data-r="breadcrumbs"] > :not([aria-current], [data-part="siblings"], [data-part="up"]) { display: none; }
  [data-r="page-header"] > [data-part="bar"]:first-child [data-r="breadcrumbs"][data-path] > :is([data-part="step"]:has(+ [data-part="step-menu"] + :is([aria-current], [data-part="siblings"])), [data-part="step-menu"]:has(+ :is([aria-current], [data-part="siblings"]))) { display: inline-flex; }
  [data-r="page-header"] > [data-part="bar"]:first-child > [data-part="actions"] > [data-r="button"]:has(> svg[data-icon]) > span:not([data-part]),
  [data-r="page-header"] > [data-part="bar"]:first-child > [data-part="actions"] > [data-r="split-button"] > [data-r="button"]:has(> svg[data-icon]) > span:not([data-part]),
  [data-r="page-header"] > [data-part="bar"]:first-child > [data-r="button"]:not([data-part]):has(> svg[data-icon]) > span:not([data-part]),
  [data-r="page-header"] > [data-part="bar"]:first-child > [data-part="position"] > [data-part="of"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
[data-r="filter-bar"] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 40px; padding: 6px 12px 6px 16px; border-bottom: var(--px) solid var(--line-1); }
[data-r="properties"] { display: flex; flex-direction: column; gap: 20px; padding: 16px 12px 16px 16px; }
[data-r="properties"] > [data-part="section"] { display: flex; flex-direction: column; gap: 2px; }
[data-r="properties"] > [data-part="section"] > [data-part="title"] { height: var(--row-28); display: flex; align-items: center; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="property"] { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; min-height: var(--row-32); gap: 8px; }
[data-r="property"] > [data-part="label"][data-scrub] { cursor: ew-resize; touch-action: none; user-select: none; -webkit-user-select: none; }
[data-r="property"] > [data-part="label"][data-scrubbing] { color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="property"] > [data-part="label"][data-scrub]:hover { color: var(--ink); transition-duration: 0s; }
}
[data-r="property"] > [data-part="label"][data-scrub][data-force~="hover"] { color: var(--ink); transition-duration: 0s; }
[data-r="property"] > [data-part="label"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="property"] > [data-r="button"] { justify-self: start; max-width: 100%; --pad: 6px; --pad-icon: 6px; font-size: var(--fs-13); font-weight: var(--fw-450); color: var(--ink); }
[data-r="properties"][data-variant="fields"] { gap: 0; padding: 0; }
[data-r="properties"][data-variant="fields"] > [data-part="section"] { gap: 4px; padding: 6px 12px 12px; }
[data-r="properties"][data-variant="fields"] > [data-part="section"] + [data-part="section"] { box-shadow: inset 0 var(--px) 0 var(--line-1); }
[data-r="properties"][data-variant="fields"] > [data-part="section"] > [data-part="title"] { gap: 4px; font-weight: var(--fw-550); color: var(--ink); }
[data-r="properties"][data-variant="fields"] > [data-part="section"] > [data-part="title"] > [data-r="button"] { margin-left: auto; margin-right: -4px; }
[data-r="properties"] > [data-part="section"] > [data-part="title"] > [data-part="fold"] { display: inline-flex; align-items: center; gap: 4px; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; background: none; font: inherit; color: inherit; transition: color var(--state-out); }
[data-r="properties"] > [data-part="section"] > [data-part="title"] > [data-part="fold"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); opacity: 0; transition: opacity var(--state-out), transform var(--state-out); }
@media (hover: hover) {
  [data-r="properties"] > [data-part="section"] > [data-part="title"] > [data-part="fold"]:hover { color: var(--ink); transition-duration: 0s; }
}
[data-r="properties"] > [data-part="section"] > [data-part="title"] > [data-part="fold"][data-force~="hover"] { color: var(--ink); transition-duration: 0s; }
[data-r="properties"] > [data-part="section"] > [data-part="title"] > [data-part="fold"][aria-expanded="false"] > svg[data-icon] { opacity: 1; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="properties"] > [data-part="section"] > [data-part="title"] > [data-part="fold"]:is(:hover, :focus-visible) > svg[data-icon] { opacity: 1; transition-duration: 0s; }
}
[data-r="properties"] > [data-part="section"] > [data-part="title"] > [data-part="fold"]:is([data-force~="hover"], :focus-visible) > svg[data-icon] { opacity: 1; transition-duration: 0s; }
[data-r="properties"] > [data-part="section"] > [data-part="title"] > [data-part="fold"][aria-expanded="false"] > svg[data-icon] { transform: rotate(-90deg); }
[data-r="properties"] > [data-part="section"][data-folded] > :not([data-part="title"]) { display: none; }
[data-r="properties"][data-variant="fields"] > [data-part="section"][data-folded] { padding-bottom: 6px; }
[data-r="properties"][data-variant="fields"] [data-r="property"] { min-height: var(--row-28); column-gap: 8px; }
[data-r="properties"][data-variant="fields"] [data-r="property"]:not(:has(> [data-part="label"])) { grid-template-columns: minmax(0, 1fr); }
[data-r="properties"][data-variant="fields"] [data-r="property"] > [data-part="label"] { display: flex; align-items: center; gap: 6px; color: var(--ink-2); transition: color var(--state-out); }
[data-r="properties"][data-variant="fields"] [data-r="property"][data-empty] > [data-part="label"] { color: var(--ink-3); }
[data-r="properties"][data-variant="fields"] [data-r="property"] > [data-part="label"][data-scrub] { cursor: ew-resize; touch-action: none; user-select: none; -webkit-user-select: none; }
@media (hover: hover) {
  [data-r="properties"][data-variant="fields"] [data-r="property"] > [data-part="label"][data-scrub]:hover { color: var(--ink); transition-duration: 0s; }
}
[data-r="properties"][data-variant="fields"] [data-r="property"] > [data-part="label"][data-scrub][data-force~="hover"] { color: var(--ink); transition-duration: 0s; }
[data-r="properties"][data-variant="fields"] [data-r="property"] > [data-part="label"][data-scrubbing] { color: var(--ink); }
[data-r="properties"][data-variant="fields"] [data-r="property"] > [data-part="label"] > [data-part="mark"] { flex: none; width: 5px; height: 5px; border-radius: var(--r-round); background: var(--ink-2); }
[data-r="properties"][data-variant="fields"] [data-r="property"] > [data-part="pair"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; min-width: 0; }
[data-r="properties"][data-variant="fields"] [data-r="property"] > [data-r="token"] { justify-self: start; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
[data-r="properties"][data-variant="fields"] [data-r="property"] :is([data-r="field"], [data-r="select"]) { width: 100%; --ring-gap: var(--plane-hover); }
[data-r="properties"][data-variant="fields"] [data-r="property"] [data-r="field"]:not([data-readonly]):not(:focus-within):not([data-force~="focus"]):not([data-invalid]) { border-color: transparent; background-color: var(--plane-hover); }
@media (hover: hover) {
  [data-r="properties"][data-variant="fields"] [data-r="property"] [data-r="field"]:not([data-readonly]):not(:focus-within):not([data-force~="focus"]):not([data-invalid]):hover { border-color: var(--line-4); }
}
[data-r="properties"][data-variant="fields"] [data-r="property"] [data-r="field"]:not([data-readonly]):not(:focus-within):not([data-force~="focus"]):not([data-invalid])[data-force~="hover"] { border-color: var(--line-4); }
[data-r="properties"][data-variant="fields"] [data-r="property"] [data-r="field"]:is(:focus-within, [data-force~="focus"]) { background-color: var(--plane); --ring-gap: var(--plane); }
[data-r="properties"][data-variant="fields"] [data-r="property"] [data-r="field"][data-kind="number"] > input { text-align: left; }
[data-r="properties"][data-variant="fields"] [data-r="property"] > [data-r="select"]:not([aria-expanded="true"]) { background-color: var(--plane-hover); }
[data-r="properties"][data-variant="fields"] [data-r="property"] > [data-r="select"]::after { box-shadow: none; }
@media (hover: hover) {
  [data-r="properties"][data-variant="fields"] [data-r="property"] > [data-r="select"]:hover::after { box-shadow: inset 0 0 0 .5px var(--line-4); }
}
[data-r="properties"][data-variant="fields"] [data-r="property"] > [data-r="select"][data-force~="hover"]::after { box-shadow: inset 0 0 0 .5px var(--line-4); }
[data-r="properties"][data-layout] { position: relative; }
[data-r="properties"][data-layout] > [data-part="layout-bar"] { display: flex; align-items: center; gap: 4px; min-height: var(--row-28); margin-bottom: -8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="properties"][data-layout] > [data-part="layout-bar"] > [data-part="note"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="properties"][data-layout] > [data-part="layout-bar"] > [data-r="button"] { flex: none; }
[data-r="properties"][data-layout] > [data-part="section"] > button[data-part="title"] { justify-content: flex-start; gap: 4px; width: max-content; max-width: 100%; margin: 0 0 0 -6px; padding: 0 6px; border: 0; border-radius: var(--r-press); background: none; font-family: inherit; cursor: default; transition: background-color var(--state-out), color var(--state-out); }
[data-r="properties"][data-layout] > [data-part="section"] > button[data-part="title"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); opacity: 0; transition: opacity var(--state-out), transform var(--state-out); }
@media (hover: hover) {
  [data-r="properties"][data-layout] > [data-part="section"] > button[data-part="title"]:hover { background: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
}
[data-r="properties"][data-layout] > [data-part="section"] > button[data-part="title"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
[data-r="properties"][data-layout] > [data-part="section"] > button[data-part="title"][aria-expanded="false"] > svg[data-icon] { opacity: 1; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="properties"][data-layout] > [data-part="section"] > button[data-part="title"]:is(:hover, :focus-visible) > svg[data-icon] { opacity: 1; transition-duration: 0s; }
}
[data-r="properties"][data-layout] > [data-part="section"] > button[data-part="title"]:is([data-force~="hover"], :focus-visible) > svg[data-icon] { opacity: 1; transition-duration: 0s; }
[data-r="properties"][data-layout] > [data-part="section"] > button[data-part="title"][aria-expanded="false"] > svg[data-icon] { transform: rotate(-90deg); }
[data-r="properties"][data-layout] > [data-part="section"] > button[data-part="title"]:focus-visible { outline: var(--px) solid var(--accent); outline-offset: 0; }
[data-r="properties"][data-layout] > [data-part="section"] > button[data-part="title"][data-force~="focus"] { outline: var(--px) solid var(--accent); outline-offset: 0; }
[data-r="properties"][data-layout] > [data-part="section"][data-folded] > [data-r="property"] { display: none; }
[data-r="properties"][data-layout] > [data-part="section"] > [data-part="title"][data-static] { gap: 4px; }
[data-r="properties"][data-layout] > [data-part="section"] > [data-part="title"][data-static] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="properties"][data-layout] [data-r="property"][data-empty] > [data-r="button"] [data-value-of][data-empty] { color: var(--ink-3); }
[data-r="properties"][data-layout] [data-r="property"] > [data-part="grip"],
[data-r="properties"][data-layout] [data-r="property"] > [data-part="more"] { display: none; }
[data-r="properties"][data-layout] > [data-part="layout-foot"] { display: flex; margin-top: -12px; }
[data-r="properties"][data-layout] > [data-part="layout-foot"] [data-part="count"] { color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="properties"][data-layout][data-editing] { padding-left: 28px; }
[data-r="properties"][data-layout][data-editing] [data-r="property"] { position: relative; padding-right: 24px; border-radius: var(--r-row); background: var(--plane); }
[data-r="properties"][data-layout][data-editing] [data-r="property"] > [data-part="grip"],
[data-r="properties"][data-layout][data-editing] > [data-part="section"] > [data-part="head"] > [data-part="grip"] { position: absolute; left: -24px; top: 50%; display: grid; place-items: center; width: 20px; height: var(--h-24); margin-top: -12px; padding: 0; border: 0; border-radius: var(--r-press); background: none; color: var(--ink-3); cursor: grab; touch-action: none; }
[data-r="properties"][data-layout][data-editing] [data-part="grip"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
@media (hover: hover) {
  [data-r="properties"][data-layout][data-editing] [data-part="grip"]:hover { color: var(--ink-2); }
}
[data-r="properties"][data-layout][data-editing] [data-part="grip"][data-force~="hover"] { color: var(--ink-2); }
[data-r="properties"][data-layout][data-editing] [data-part="grip"]:focus-visible { outline: var(--px) solid var(--accent); outline-offset: 0; }
[data-r="properties"][data-layout][data-editing] [data-part="grip"][data-force~="focus"] { outline: var(--px) solid var(--accent); outline-offset: 0; }
[data-r="properties"][data-layout][data-editing] [data-r="property"] > [data-part="more"] { position: absolute; right: 0; top: 50%; display: inline-flex; margin-top: -10px; }
[data-r="properties"][data-layout][data-editing] [data-r="property"] > [data-r="button"]:not([data-part]) { pointer-events: none; }
[data-r="properties"][data-layout][data-editing] [data-r="property"][data-show="filled"][data-empty] > [data-part="label"] { color: var(--ink-3); }
[data-r="properties"][data-layout][data-editing] > [data-part="section"] > [data-part="head"] { position: relative; display: flex; align-items: center; gap: 2px; min-height: var(--row-28); }
[data-r="properties"][data-layout][data-editing] > [data-part="section"] > [data-part="head"] > [data-part="name"] { flex: 1; min-width: 0; height: var(--h-24); margin-left: -6px; padding: 0 6px; border: 0; border-radius: var(--r-value); background: transparent; color: var(--ink-2); font-family: inherit; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); outline: none; cursor: text; transition: box-shadow var(--state-out), background-color var(--state-out); }
@media (hover: hover) {
  [data-r="properties"][data-layout][data-editing] > [data-part="section"] > [data-part="head"] > [data-part="name"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="properties"][data-layout][data-editing] > [data-part="section"] > [data-part="head"] > [data-part="name"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="properties"][data-layout][data-editing] > [data-part="section"] > [data-part="head"] > [data-part="name"]:focus { background: var(--raised); box-shadow: var(--ring-inline); color: var(--ink); transition-duration: 0s; }
[data-r="properties"][data-layout][data-editing] > [data-part="section"] > [data-part="drop"] { display: flex; align-items: center; min-height: var(--row-32); margin: 0; padding: 0 10px; border: var(--px) dashed var(--line-3); border-radius: var(--r-row); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="properties"][data-layout][data-editing] :is([data-r="property"], [data-part="section"])[data-dragging] { z-index: 2; background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e2); transition: none; }
[data-r="properties"][data-layout][data-editing] [data-part="section"][data-dragging] { border-radius: var(--r-row); }
[data-r="properties"][data-layout][data-dragging] [data-part="grip"] { cursor: grabbing; }
[data-r="dock"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 8px 0 14px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 1px var(--line-4), var(--dock-shadow); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
[data-r="dock"] > [data-part="count"] { font-weight: var(--fw-550); margin-right: 6px; font-variant-numeric: tabular-nums; }
[data-r="dock"][data-overflow] { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
[data-r="dock"][data-overflow]::-webkit-scrollbar { display: none; }
[data-r="dock"][data-overflow] > * { flex: none; }
[data-r="dock"][data-overflow]::after { content: ""; position: sticky; right: -8px; flex: none; align-self: stretch; width: 24px; background: linear-gradient(to right, transparent, var(--raised) 80%); pointer-events: none; }
[data-r="dock"][data-variant="context"] { display: flex; gap: 8px; width: 560px; max-width: 100%; padding: 0 8px 0 12px; }
[data-r="dock"][data-variant="context"] > [data-part="place"] { display: inline-flex; align-items: center; gap: 6px; flex: none; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="dock"][data-variant="context"] > [data-part="place"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="dock"][data-variant="context"] > [data-r="field"] { flex: 1 1 auto; min-width: 0; }
[data-r="dock"][data-variant="tools"] { display: inline-flex; gap: 2px; padding: 0 8px; }
[data-r="dock"][data-variant="tools"] > [data-part="separator"] { flex: none; width: var(--px); height: 20px; margin: 0 6px; background: var(--line-3); }
[data-r="dock"][data-variant="tools"] > [data-part="group"] { display: inline-flex; align-items: center; gap: 2px; flex: none; }
[data-r="dock"][data-variant="tools"] > [data-part="slot"] { display: inline-flex; align-items: center; flex: none; min-width: 0; }
[data-r="dock"][data-variant="tools"] > [data-part="slot"]:empty { display: none; }
[data-r="dock"][data-variant="tools"] > [data-part="slot"]:empty + [data-part="separator"] { display: none; }
[data-r="dock"][data-variant="tools"] [data-r="button"][data-icon-only] > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@container page (width < 720px) {
  [data-r="dock"][data-variant="tools"] { gap: 0; padding: 0 4px; }
  [data-r="dock"][data-variant="tools"] > [data-part="separator"] { margin: 0 3px; }
}
[data-r="shell"][data-resizable] { position: relative; display: block; overflow: hidden; }
[data-r="shell"][data-resizable] > [data-r="sidebar"] { position: absolute; left: 0; top: 0; bottom: 0; width: var(--sidebar-w, 220px); }
[data-r="shell"][data-resizable] > [data-r="sidebar"] > * { min-width: 184px; }
[data-r="shell"][data-resizable] > [data-r="panel"] { position: absolute; top: 0; bottom: 0; left: var(--paper-l, 220px); width: var(--paper-w, 480px); }
[data-r="details"] { display: flex; flex-direction: column; min-width: 0; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-2); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); overflow: hidden; transition: box-shadow var(--state-out) ease-out; }
[data-r="details"][data-over] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e3); transition: box-shadow var(--state-out) ease-in; }
[data-r="shell"][data-resizable] > [data-r="details"] { position: absolute; z-index: 1; top: 8px; bottom: 8px; right: 8px; width: calc(var(--details-w, 300px) - 8px); }
[data-r="details"] > [data-part="head"] { display: flex; align-items: center; gap: 4px; flex: none; height: var(--row-44); padding: 0 8px 0 16px; border-bottom: var(--px) solid var(--line-1); }
[data-r="details"] > [data-part="head"] > b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-550); color: var(--ink); }
[data-r="details"] > [data-part="body"] { flex: 1; min-height: 0; overflow: auto; padding: 14px 16px; }
[data-r="shell"][data-resizable] > :is([data-part="edge"], [data-part="seam"]) { position: absolute; z-index: 2; width: 10px; cursor: ew-resize; touch-action: none; outline: none; }
[data-r="shell"][data-resizable] > [data-part="edge"] { top: 0; bottom: 0; left: calc(var(--sidebar-w, 220px) - 5px); }
[data-r="shell"][data-resizable] > [data-part="seam"] { top: 8px; bottom: 8px; right: calc(var(--details-w, 300px) - 5px); }
[data-r="shell"][data-resizable] > :is([data-part="edge"], [data-part="seam"])::after { content: ""; position: absolute; left: 4.5px; top: 12px; bottom: 12px; width: 1px; background: transparent; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="shell"][data-resizable] > :is([data-part="edge"], [data-part="seam"]):hover::after { background: var(--line-5); transition-duration: 0s; }
}
[data-r="shell"][data-resizable] > :is([data-part="edge"], [data-part="seam"])[data-force~="hover"]::after { background: var(--line-5); transition-duration: 0s; }
[data-r="shell"][data-resizable] > :is([data-part="edge"], [data-part="seam"]):focus-visible::after { background: var(--accent); transition-duration: 0s; }
[data-r="shell"][data-resizable] > :is([data-part="edge"], [data-part="seam"])[data-force~="focus"]::after { background: var(--accent); transition-duration: 0s; }
[data-r="shell"][data-resizable] [data-part="info"] { margin: 12px 0 0; padding: 0 20px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
}

/* ═══ 51-disclosure.css ═══ */
@layer components {
[data-r="accordion"] { display: flex; flex-direction: column; }
[data-r="accordion"] > [data-part="item"] + [data-part="item"] { border-top: var(--px) solid var(--line-1); }
[data-r="accordion"] [data-part="header"] { display: flex; align-items: center; gap: 8px; width: 100%; height: var(--row-40); padding: 0 8px; border-radius: var(--r-row); text-align: left; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="accordion"] [data-part="header"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="accordion"] [data-part="header"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="accordion"] [data-part="header"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="accordion"] [data-part="header"][aria-expanded="true"] > svg[data-icon]:first-child { transform: rotate(90deg); }
[data-r="accordion"] [data-part="header"] > [data-part="meta"] { margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="accordion"] [data-part="panel"] { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows var(--section) var(--ease-expo), visibility 0s linear var(--section); }
[data-r="accordion"] [data-part="header"][aria-expanded="true"] + [data-part="panel"] { grid-template-rows: 1fr; visibility: visible; transition-delay: 0s; }
@media (prefers-reduced-motion: reduce) {
  [data-r="accordion"] [data-part="panel"] { transition-delay: 0s; }
}
[data-r="accordion"] [data-part="panel"] > div { overflow: hidden; }
[data-r="accordion"] [data-part="panel"] > div > [data-part="body"] { padding: 2px 8px 14px 28px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="tree"] { display: flex; flex-direction: column; gap: 1px; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="tree-item"] { --d: 0; display: flex; align-items: center; gap: 6px; height: var(--row-28); padding: 0 8px 0 calc(6px + var(--d) * 16px); border-radius: var(--r-row); color: var(--ink-2); white-space: nowrap; transition: background-color var(--state-out), color var(--state-out); }
[data-r="tree-item"] > [data-part="caret"] { display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; color: var(--ink-3); flex: none; }
[data-r="tree-item"] > [data-part="caret"] > svg[data-icon] { width: 10px; height: 10px; }
[data-r="tree-item"][aria-expanded="true"] > [data-part="caret"] > svg[data-icon] { transform: rotate(90deg); }
[data-r="tree-item"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="tree-item"] > [data-part="label"] { overflow: hidden; text-overflow: ellipsis; }
[data-r="tree-item"] > [data-part="meta"] { margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
@media (hover: hover) {
  [data-r="tree-item"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="tree-item"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="tree-item"][aria-selected="true"] { background: var(--plane-selected); color: var(--ink); }
[data-r="tree-item"][aria-selected="true"] > [data-part="meta"] { color: var(--ink-2); }
[data-r="tree-item"] > [data-part="meta"] { font-variant-numeric: tabular-nums; }
[data-r="tree-item"][data-view] { cursor: default; }
[data-r="tree-item"][data-view]:focus-visible { outline: none; background: var(--plane-hover); color: var(--ink); }
[data-r="tree-item"][data-view][data-force~="focus"] { outline: none; background: var(--plane-hover); color: var(--ink); }
[data-r="tree-item"][data-view][aria-selected="true"]:focus-visible { background: var(--plane-selected-hover); }
[data-r="tree-item"][data-view][aria-selected="true"][data-force~="focus"] { background: var(--plane-selected-hover); }
[data-r="tree-item"][data-over] { background: var(--plane-selected); color: var(--ink); transition-duration: 0s; }
[data-r="tree-item"][data-over] > [data-part="meta"] { color: var(--ink-2); }
[data-r="tree-item"][data-held] { background: var(--raised); color: var(--ink); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="tree-item"] > input[data-part="rename"] { flex: 1 1 auto; min-width: 0; width: 100%; height: var(--h-20); margin: 0 0 0 -4px; padding: 0 4px; border: 0; outline: none; border-radius: var(--r-key); background: var(--paper); box-shadow: var(--ring-field); color: var(--ink); font: inherit; }
[data-r="tree"][data-variant="objects"] { position: relative; gap: 0; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"] { position: relative; gap: 4px; padding-right: 2px; padding-left: calc(4px + var(--d) * 12px); cursor: default; outline: none; }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"]:focus-visible { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"][data-force~="focus"] { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"] > [data-part="kind"] { display: flex; align-items: center; justify-content: center; flex: none; width: 16px; height: 16px; color: var(--ink-3); }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"] > [data-part="kind"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"] > [data-part="label"] { flex: 1 1 auto; min-width: 0; }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"][aria-selected="true"] > [data-part="kind"] { color: var(--ink-2); }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"] > [data-part="toggles"] { display: flex; align-items: center; gap: 0; flex: none; margin-left: auto; }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"] > [data-part="toggles"] > [data-r="button"] { color: var(--ink-3); opacity: 0; transition: opacity var(--state-out), background-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="tree"][data-variant="objects"] > [data-r="tree-item"]:hover > [data-part="toggles"] > [data-r="button"] { opacity: 1; transition-duration: 0s; }
}
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"][data-force~="hover"] > [data-part="toggles"] > [data-r="button"] { opacity: 1; transition-duration: 0s; }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"]:is(:focus-within, [aria-selected="true"]) > [data-part="toggles"] > [data-r="button"],
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"] > [data-part="toggles"] > [data-r="button"][aria-pressed="true"] { opacity: 1; transition-duration: 0s; }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"] > [data-part="toggles"] > [data-r="button"][aria-pressed="true"] { color: var(--ink-2); }
[data-r="tree"][data-variant="objects"] [data-part="toggles"] > [data-r="button"][aria-pressed="true"] > svg[data-when="off"],
[data-r="tree"][data-variant="objects"] [data-part="toggles"] > [data-r="button"]:not([aria-pressed="true"]) > svg[data-when="on"] { display: none; }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"][data-hidden] { color: var(--ink-3); }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"][data-hidden] > [data-part="kind"] { color: var(--ink-4); }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"][data-hidden][aria-selected="true"] { color: var(--ink-2); }
[data-r="tree"]:is([data-variant="objects"], [data-sortable])[data-sorting] { cursor: grabbing; }
[data-r="tree"]:is([data-variant="objects"], [data-sortable]) > [data-r="tree-item"][data-held] { color: var(--ink-3); }
[data-r="tree"]:is([data-variant="objects"], [data-sortable]) > [data-r="tree-item"][data-held] > :is([data-part="kind"], [data-part="caret"]) { color: var(--ink-4); }
[data-r="tree"]:is([data-variant="objects"], [data-sortable]) > [data-r="tree-item"]:is([data-drop="before"], [data-drop="after"])::after { content: ""; position: absolute; z-index: 1; left: calc(4px + var(--d) * 12px); right: 2px; height: 2px; border-radius: var(--r-press); background: var(--accent); pointer-events: none; }
[data-r="tree"]:is([data-variant="objects"], [data-sortable]) > [data-r="tree-item"][data-drop="before"]::after { top: -1px; }
[data-r="tree"]:is([data-variant="objects"], [data-sortable]) > [data-r="tree-item"][data-drop="after"]::after { bottom: -1px; }
[data-r="tree"]:is([data-variant="objects"], [data-sortable]) > [data-r="tree-item"][data-drop="inside"] { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="tree"][data-sortable] > [data-r="tree-item"] { position: relative; }
[data-r="tree"][data-sortable] > [data-r="tree-item"]:is([data-drop="before"], [data-drop="after"])::after { left: calc(6px + var(--d) * 16px); }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"][aria-selected="true"]:has(+ [data-r="tree-item"][aria-selected="true"]) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"][aria-selected="true"] + [data-r="tree-item"][aria-selected="true"] { border-top-left-radius: 0; border-top-right-radius: 0; }
[data-r="tree"][data-variant="objects"] > [data-r="tree-item"][aria-selected="true"][data-primary] > [data-part="kind"] { color: var(--ink); }
[data-r="pagination"] { display: flex; align-items: center; gap: 4px; }
[data-r="pagination"] > [data-r="button"] { min-width: var(--h-28); --pad: 8px; font-variant-numeric: tabular-nums; }
[data-r="pagination"] > [data-part="gap"] { width: 20px; text-align: center; color: var(--ink-3); }
[data-r="pagination"] > [data-part="info"] { margin-left: 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
}

/* ═══ 52-scroll.css ═══ */
@layer components {
[data-r="scroll-area"] { position: relative; min-width: 0; min-height: 0; }
[data-r="scroll-area"] > [data-part="viewport"] { position: absolute; inset: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: none; outline: none; border-radius: inherit; }
[data-r="scroll-area"] > [data-part="viewport"]::-webkit-scrollbar { display: none; }
[data-r="scroll-area"] > [data-part="viewport"]:focus-visible { box-shadow: inset 0 0 0 var(--px) var(--accent); }
[data-r="scroll-area"] > [data-part="viewport"][data-force~="focus"] { box-shadow: inset 0 0 0 var(--px) var(--accent); }
[data-r="scroll-area"][data-fade][data-more] > [data-part="viewport"] { -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - 28px), transparent); }
:is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="bar"] { position: absolute; z-index: 2; top: 6px; bottom: 6px; right: 0; left: auto; width: 12px; min-width: 12px; max-width: 12px; cursor: default; touch-action: none; }
[data-r="scroll-line"] { position: fixed; z-index: var(--z-tooltip); width: 12px; cursor: default; touch-action: none; pointer-events: none; }
[data-r="scroll-line"][data-show] { pointer-events: auto; }
[data-r="scroll-line"][data-still] { visibility: hidden; }
:is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="bar"] > [data-part="thumb"],
[data-r="scroll-line"] > [data-part="thumb"] { position: absolute; top: 0; right: 6px; width: 3px; border-radius: var(--r-key); /* 4 on a line of 3 or 6 is cut to half its width: round ends, straight sides, one width to the end */ background: var(--a20); opacity: 0; transition: opacity var(--state-out) ease-out, width var(--state-out) ease-out, right var(--state-out) ease-out, background-color var(--state-out) ease-out; }
:is([data-r="scroll-area"], [data-r="side-panel"])[data-show] > [data-part="bar"] > [data-part="thumb"],
[data-r="scroll-line"][data-show] > [data-part="thumb"] { opacity: 1; }
:is([data-r="scroll-area"], [data-r="side-panel"])[data-held] > [data-part="bar"] > [data-part="thumb"],
[data-r="scroll-line"][data-held] > [data-part="thumb"] { width: 6px; right: 4px; background: var(--a35); opacity: 1; }
@media (hover: hover) {
  :is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="bar"]:hover > [data-part="thumb"],
  [data-r="scroll-line"]:hover > [data-part="thumb"] { width: 6px; right: 4px; background: var(--a35); opacity: 1; }
}
:is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="bar"][data-force~="hover"] > [data-part="thumb"],
[data-r="scroll-line"][data-force~="hover"] > [data-part="thumb"] { width: 6px; right: 4px; background: var(--a35); opacity: 1; }
:is([data-r="scroll-area"], [data-r="side-panel"])[data-still] > :is([data-part="bar"], [data-part="date"]) { visibility: hidden; }
:is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="bar"] > [data-part="today"] { all: unset; position: absolute; right: 2px; width: 10px; height: 9px; margin-top: -4px; cursor: default; display: flex; align-items: center; justify-content: flex-end; }
:is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="bar"] > [data-part="today"]::after { content: ""; display: block; width: 8px; height: 2px; border-radius: var(--r-key); background: var(--accent-mark); }
:is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="bar"] > [data-part="today"]:focus-visible::after { box-shadow: 0 0 0 2px var(--ring-glow); }
:is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="bar"] > [data-part="today"][data-force~="focus"]::after { box-shadow: 0 0 0 2px var(--ring-glow); }
:is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="date"] { position: absolute; z-index: 2; right: 18px; width: max-content; max-width: max-content; padding: 3px 8px; border-radius: var(--r-press); background: var(--ink); color: var(--paper); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); white-space: nowrap; font-variant-numeric: tabular-nums; pointer-events: none; opacity: 0; transform: translateY(-50%); transition: opacity var(--state-out) ease-out; box-shadow: var(--e2); }
:is([data-r="scroll-area"], [data-r="side-panel"])[data-held] > [data-part="date"] { opacity: 1; }
@media (hover: none) {
  :is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="bar"] > [data-part="thumb"],
  [data-r="scroll-line"] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  :is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="bar"] > [data-part="thumb"],
  [data-r="scroll-line"] > [data-part="thumb"] { transition: none; }
}
}

/* ═══ 53-frame.css ═══ */
@layer components {
[data-r="page-header"] [data-part="history"] { display: flex; align-items: center; gap: 2px; flex: none; margin-left: -5px; }
[data-r="breadcrumbs"] > [data-part="siblings"] { display: inline-flex; align-items: center; gap: 4px; min-width: 0; height: var(--h-24); padding: 0 6px 0 8px; border-radius: var(--r-press); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); white-space: nowrap; overflow: hidden; transition: background-color var(--state-out); }
[data-r="breadcrumbs"] > [data-part="siblings"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="breadcrumbs"] > [data-part="siblings"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); flex: none; }
[data-r="breadcrumbs"] > [data-part="siblings"][aria-expanded="true"] { background-color: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="breadcrumbs"] > [data-part="siblings"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="breadcrumbs"] > [data-part="siblings"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="breadcrumbs"] > [data-part="siblings"][aria-expanded="true"] > svg[data-icon] { color: var(--thing, var(--ink-2)); }
@media (hover: hover) {
  [data-r="breadcrumbs"] > [data-part="siblings"]:hover > svg[data-icon] { color: var(--thing, var(--ink-2)); }
}
[data-r="breadcrumbs"] > [data-part="siblings"][data-force~="hover"] > svg[data-icon] { color: var(--thing, var(--ink-2)); }
[data-r="breadcrumbs"] > [data-part="step-menu"] { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 16px; height: var(--h-24); border-radius: var(--r-press); color: var(--ink-4); transition: background-color var(--state-out), color var(--state-out); }
[data-r="breadcrumbs"] > [data-part="step-menu"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); transition: transform var(--state-out); }
[data-r="breadcrumbs"] > [data-part="step-menu"][aria-expanded="true"] { background-color: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="breadcrumbs"] > [data-part="step-menu"]:hover { background-color: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
}
[data-r="breadcrumbs"] > [data-part="step-menu"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
[data-r="breadcrumbs"] > [data-part="step-menu"][aria-expanded="true"] > svg[data-icon] { transform: rotate(90deg); }
[data-r="breadcrumbs"][data-path] > [data-part="step"] { flex: 0 100 auto; min-width: 32px; overflow: hidden; }
[data-r="breadcrumbs"][data-path] > [data-part="step"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="breadcrumbs"] > [data-part="step"]:has(+ [data-part="step-menu"][aria-expanded="true"]) { background-color: var(--plane-hover); color: var(--ink); }
[data-r="page-header"] [data-r="button"][data-part="favorite"] > svg[data-icon] { transition: fill var(--state-out); }
[data-r="page-header"] [data-r="button"][data-part="favorite"][aria-pressed="true"] > svg[data-icon] { fill: currentColor; transition-duration: 0s; }
[data-r="page-header"] [data-r="button"][data-part="favorite"] + [data-r="button"][data-part="more"] { margin-left: -6px; }
[data-r="page-header"] [data-part="position"] { display: inline-flex; align-items: center; gap: 2px; flex: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="page-header"] [data-part="position"] > [data-part="of"] { padding: 0 6px; }
[data-r="page-header"] [data-part="position"]:last-child { margin-right: -4px; }
[data-r="page-header"] [data-part="restored"] { flex: none; padding: 0 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="page-header"] [data-part="restored"][hidden] { display: none; }
[data-r="shell"] > [data-part="work"] { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
[data-r="shell"] > [data-part="work"] > [data-r="panel"] { flex: 1 1 auto; margin-bottom: 0; }
[data-r="status-bar"] { --plane: var(--ground); --plane-hover: var(--ground-hover); --plane-selected: var(--ground-selected); --plane-selected-hover: var(--ground-selected-hover); --ring: var(--ring-ground); --ring-hover: var(--ring-ground-hover); --pill-rest: var(--ground); container: status / inline-size; align-self: stretch; display: flex; align-items: center; gap: 16px; flex: none; height: var(--status-bar); min-width: 0; padding: 0 8px 0 12px; margin-right: 8px; color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); font-variant-numeric: tabular-nums; white-space: nowrap; user-select: none; -webkit-user-select: none; }
[data-r="status-bar"] > [data-part="spacer"] { flex: 1; min-width: 0; }
[data-r="status-bar"] > [data-part="control"] { display: inline-flex; align-items: center; gap: 8px; flex: none; }
[data-r="status-bar"] > [data-part="control"] > [data-part="label"] { color: var(--ink-3); }
[data-r="status-bar"] > [data-r="sync"] + [data-r="button"] { margin-left: -12px; }
@container status (width < 600px) {
  [data-r="status-bar"] > [data-part="control"] > [data-part="label"] { display: none; }
}
[data-r="sequence-hint"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); --origin: 50% 100%; position: fixed; left: 50%; bottom: 24px; translate: -50% 0; z-index: var(--z-toast); display: flex; flex-direction: column; gap: 10px; max-width: calc(100vw - 32px); padding: 10px 16px 12px 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); user-select: none; -webkit-user-select: none; }
[data-r="sequence-hint"][data-static] { position: relative; left: auto; bottom: auto; translate: none; z-index: auto; width: max-content; }
[data-r="sequence-hint"] > [data-part="lead"] { display: flex; align-items: center; gap: 8px; color: var(--ink-3); }
[data-r="sequence-hint"] > [data-part="targets"] { display: grid; grid-auto-flow: column; grid-template-rows: repeat(var(--rows, 4), auto); gap: 6px 24px; }
[data-r="sequence-hint"] [data-part="target"] { display: flex; align-items: center; gap: 8px; min-width: 0; height: 20px; color: var(--ink-2); white-space: nowrap; text-decoration: none; transition: color var(--state-out); }
[data-r="sequence-hint"] [data-part="target"] > [data-r="key"] { min-width: 16px; }
[data-r="sequence-hint"] [data-part="target"][data-chosen] { color: var(--ink); transition-duration: 0s; }
[data-r="list-row"][data-found],
[data-r="property"][data-found] { box-shadow: inset 0 0 0 1.5px var(--accent); }
[data-r="sidebar"] > [data-part="head"] > [data-part="workspace"] > [data-part="caret"] { width: var(--icon-12); height: var(--icon-12); margin-left: -2px; color: var(--ink-3); flex: none; }
[data-r="sidebar"] > [data-part="head"] > [data-part="workspace"][aria-expanded="true"] { background: var(--plane-hover); }
[data-r="sidebar"] > [data-part="head"] > [data-part="workspace"] > span:not([data-part]) { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="sidebar"] [data-part="section"] { display: flex; flex-direction: column; flex: none; }
[data-r="sidebar"] [data-part="heading"] { position: relative; display: flex; flex-direction: column; }
[data-r="sidebar"] [data-part="heading"] > [data-r="sidebar-section"] { text-align: left; transition: color var(--state-out); }
@media (hover: hover) {
  [data-r="sidebar"] [data-part="heading"] > [data-r="sidebar-section"]:hover { color: var(--ink-2); transition-duration: 0s; }
}
[data-r="sidebar"] [data-part="heading"] > [data-r="sidebar-section"][data-force~="hover"] { color: var(--ink-2); transition-duration: 0s; }
[data-r="sidebar"] [data-part="heading"] > [data-part="tools"] { position: absolute; right: 4px; bottom: 4px; display: flex; gap: 2px; }
[data-r="sidebar"] [data-part="heading"] > [data-part="tools"] > [data-r="button"] { --plane-hover: var(--plane-selected); }
[data-r="sidebar"] [data-part="group"] { display: grid; grid-template-rows: 1fr; }
[data-r="sidebar"] [data-part="group"] > * { display: flex; flex-direction: column; gap: 1px; min-width: 0; min-height: 0; overflow: clip; overflow-clip-margin: 2px; }
[data-r="sidebar"] [data-part="heading"]:has(> [aria-expanded="false"]) + [data-part="group"] { grid-template-rows: 0fr; }
[data-r="sidebar"] [data-part="heading"]:has(> [aria-expanded="false"]) + [data-part="group"] > * { visibility: hidden; }
@supports (transition-behavior: allow-discrete) {
  [data-r="sidebar"] [data-part="heading"]:has(> [aria-expanded="false"]) + [data-part="group"] > * { display: none; }
}
[data-r="sidebar-item"][data-keep="off"],
[data-r="sidebar-item"][data-keep="active"]:not([aria-current="page"]) { display: none; }
[data-r="sidebar-item"]:where([data-stale]),
[data-r="sidebar-item"]:where([data-stale]) > svg[data-icon] { color: var(--ink-3); }
[data-r="sidebar-item"] > [data-part="age"] { flex: none; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
@media (hover: hover) {
  [data-r="sidebar-item"]:is(:hover, [aria-current="page"], [data-highlighted]) > [data-part="age"] { color: var(--ink-2); }
}
[data-r="sidebar-item"]:is([data-force~="hover"], [aria-current="page"], [data-highlighted]) > [data-part="age"] { color: var(--ink-2); }
[data-r="favorites"] { position: relative; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
[data-r="favorites"] > [data-r="sidebar-item"] { -webkit-user-drag: none; }
[data-r="favorites"][data-grab] { cursor: grab; }
[data-r="sidebar-item"][data-kind="folder"] { width: 100%; text-align: left; }
[data-r="sidebar-item"][data-kind="folder"] > [data-part="caret"] { width: var(--icon-12); height: var(--icon-12); margin-left: -4px; flex: none; color: var(--ink); }
[data-r="sidebar-item"][data-kind="folder"][aria-expanded="false"] > [data-part="caret"] { transform: rotate(-90deg); }
[data-r="sidebar-item"][data-kind="folder"] > [data-part="caret"] { transition: transform var(--fold-turn) var(--ease-fold-turn); }
[data-r="sidebar-item"][data-kind="folder"][aria-expanded="true"] > [data-part="count"] { display: none; }
[data-r="favorites"] > [data-r="sidebar-item"][data-over] { background: var(--plane-selected); color: var(--ink); }
[data-r="favorites"] > [data-r="sidebar-item"][data-over] > svg[data-icon] { color: var(--thing, var(--ink)); }
[data-r="favorites"] > [data-part="slot"] { flex: none; height: var(--row-28); border: var(--px) dashed var(--line-4); border-radius: var(--r-row); }
[data-r="favorites"] > [data-part="slot"][data-depth="1"] { margin-left: 24px; }
[data-r="favorites"] > [data-r="sidebar-item"]:is([data-lifted], [data-held]) { z-index: 3; background: var(--raised); color: var(--ink); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="favorites"] > [data-r="sidebar-item"]:is([data-lifted], [data-held]) > svg[data-icon] { color: var(--thing, var(--ink)); }
[data-r="favorites"] > [data-r="sidebar-item"][data-lifted] { position: absolute; pointer-events: none; }
[data-r="favorites"] > [data-r="conversation-row"] { -webkit-user-drag: none; }
[data-r="favorites"] > [data-r="conversation-row"]:is([data-lifted], [data-held]) { z-index: 3; background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="favorites"] > [data-r="conversation-row"][data-lifted] { position: absolute; pointer-events: none; }
[data-r="favorites"]:has(> [data-r="conversation-row"]) > [data-part="slot"] { height: var(--row-52); }
[data-r="sidebar-item"] > input[data-part="name"] { flex: 1 1 0; width: 0; min-width: 0; height: var(--h-24); margin: 0 -4px; padding: 0 4px; border: 0; border-radius: var(--r-row); outline: none; background: var(--raised); box-shadow: var(--ring-inline); font: inherit; letter-spacing: inherit; color: var(--ink); }
[data-r="sidebar"] [data-part="account"] { display: flex; align-items: center; gap: 8px; flex: none; width: 100%; height: var(--row-32); padding: 0 8px 0 6px; border-radius: var(--r-row); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink-2); text-align: left; transition: background-color var(--state-out), color var(--state-out); }
[data-r="sidebar"] [data-part="account"] > [data-part="label"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="sidebar"] [data-part="account"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); flex: none; }
[data-r="sidebar"] [data-part="account"][aria-expanded="true"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="sidebar"] [data-part="account"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="sidebar"] [data-part="account"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="sidebar"] [data-part="account"]:is(:hover, [aria-expanded="true"]) > svg[data-icon] { color: var(--thing, var(--ink-2)); }
}
[data-r="sidebar"] [data-part="account"]:is([data-force~="hover"], [aria-expanded="true"]) > svg[data-icon] { color: var(--thing, var(--ink-2)); }
[data-r="sidebar-options"] { display: flex; flex-direction: column; gap: 20px; }
[data-r="sidebar-options"] > [data-part="group"] { display: flex; flex-direction: column; }
[data-r="sidebar-options"] > [data-part="group"] > h3 { margin-bottom: 4px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="sidebar-options"] [data-part="row"] { display: flex; align-items: center; gap: 10px; min-height: var(--row-36); border-bottom: var(--px) solid var(--line-1); color: var(--ink); }
[data-r="sidebar-options"] [data-part="row"]:last-child { border-bottom: 0; }
[data-r="sidebar-options"] [data-part="row"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-2)); flex: none; }
[data-r="sidebar-options"] [data-part="row"] > [data-part="label"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="sidebar-options"] [data-part="row"] > [data-part="meta"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="sidebar-options"] [data-part="row"] > [data-r="select"] { width: 136px; }
[data-r="sidebar-options"] [data-part="row"][data-off] > :is(svg[data-icon], [data-part="label"]) { color: var(--ink-3); }
[data-r="settings-shell"] { container: settings / inline-size; position: relative; display: grid; grid-template-columns: 240px minmax(0, 1fr); height: 100%; min-width: 0; min-height: 0; color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="settings-shell"] > [data-part="nav"] { display: flex; flex-direction: column; gap: 1px; min-width: 0; min-height: 0; padding: 12px 12px 16px 8px; overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: none; box-shadow: inset calc(-1 * var(--px)) 0 0 var(--line-2); }
[data-r="settings-shell"] > [data-part="nav"] > [data-part="title"] { display: none; }
[data-r="settings-shell"] > [data-part="nav"] > [data-r="search"] { flex: none; margin-bottom: 4px; }
[data-r="settings-shell"] > [data-part="nav"] > [data-r="sidebar-section"] { flex: none; }
[data-r="settings-shell"] > [data-part="nav"] > [data-r="sidebar-section"]:first-of-type { margin-top: 8px; }
[data-r="settings-shell"] > [data-part="nav"] > [data-part="empty"] { padding: 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="settings-shell"] > [data-part="nav"] [data-r="sidebar-item"] > mark { background: none; color: var(--ink); font-weight: var(--fw-550); }
[data-r="settings-shell"] > [data-part="content"] { min-width: 0; min-height: 0; }
[data-r="settings-shell"] [data-part="pane"] { display: flex; flex-direction: column; gap: 24px; max-width: 680px; margin: 0 auto; padding: 32px 32px 80px; }
[data-r="settings-shell"] [data-part="pane"] > header { display: flex; flex-direction: column; gap: 4px; }
[data-r="settings-shell"] [data-part="pane"] > header > h2 { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="settings-shell"] [data-part="pane"] > header > p { color: var(--ink-2); }
[data-r="settings-shell"] > [data-part="close"] { display: none; }
[data-r="settings-shell"][data-in="dialog"] { height: min(640px, calc(100dvh - 13vh - 32px)); }
[data-r="settings-shell"][data-in="dialog"] > [data-part="nav"] { --plane: var(--mat); --plane-hover: var(--mat-hover); --plane-selected: var(--mat-selected); --plane-selected-hover: var(--mat-selected-hover); --ring: var(--ring-mat); --ring-hover: var(--ring-mat-hover); --pill-rest: var(--raised); padding-top: 16px; background: var(--mat); }
[data-r="settings-shell"][data-in="dialog"] > [data-part="nav"] > [data-part="title"] { display: block; padding: 0 8px 12px; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="settings-shell"][data-in="dialog"] > [data-part="content"] { --plane: var(--paper); --plane-hover: var(--paper-hover); --plane-selected: var(--paper-selected); --plane-selected-hover: var(--paper-selected-hover); --ring: var(--ring-paper); --ring-hover: var(--ring-paper-hover); --pill-rest: var(--raised); background: var(--paper); }
[data-r="settings-shell"][data-in="dialog"] [data-part="pane"] { padding-top: 28px; }
[data-r="settings-shell"][data-in="dialog"] > [data-part="close"] { display: inline-flex; position: absolute; top: 12px; right: 12px; z-index: 2; }
[data-r="dialog"]:has(> [data-r="settings-shell"]) { overflow: hidden; }
[data-r="panel"] > [data-r="settings-shell"] { flex: 1 1 auto; height: auto; }
@container settings (width < 600px) {
  [data-r="settings-shell"] [data-part="pane"] { padding: 24px 16px 64px; }
}
}

/* ═══ 53a-window-tabs.css ═══ */
@layer components {
[data-r="window-tabs"] { display: flex; align-items: center; gap: 8px; min-width: 0; height: var(--h-42); padding: 0 calc((var(--h-42) - var(--h-24)) / 2) 0 var(--window-lights, 8px); background-color: var(--ground); user-select: none; -webkit-user-select: none; -webkit-app-region: drag; }
[data-r="window-tabs"] [data-r="button"] { -webkit-app-region: no-drag; }
[data-r="window-tabs"] > [data-part="history"] { display: flex; align-items: center; gap: 2px; flex: none; }
[data-r="window-tabs"] > [data-part="new"] { flex: none; }
[data-r="window-tabs"] > :is([data-part="lead"], [data-part="end"]) { display: flex; align-items: center; gap: 2px; flex: none; }
[data-r="window-tabs"] > [data-part="end"] { margin-left: auto; }
[data-r="window-tabs"] > [data-r="tabs"] { flex-wrap: nowrap; gap: var(--window-tab-gap); }
[data-r="window-tabs"] > [data-r="tabs"] > [role="tab"] { --h: var(--h-26); flex: none; width: var(--window-tab-width); justify-content: flex-start; }
[data-r="window-tabs"] > [data-r="tabs"] > [role="tab"] > span:not([data-part]) { flex: 1 1 auto; min-width: 0; text-align: start; }
[data-r="window-tabs"] > [data-r="tabs"] > [role="tab"][aria-selected="true"] { pointer-events: auto; }
[data-r="window-tabs"] > [data-r="tabs"] > [role="tab"]:has(> [data-part="close"]) { --pad-r: calc((var(--h) - var(--h-20)) / 2); }
[data-r="window-tabs"] [role="tab"] > [data-part="close"] { opacity: 0; color: inherit; }
[data-r="window-tabs"] [role="tab"]:is([aria-selected="true"], :focus-within) > [data-part="close"] { opacity: 1; transition: background-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="window-tabs"] [role="tab"]:hover > [data-part="close"] { opacity: 1; transition: background-color var(--state-out), color var(--state-out); }
}
[data-r="window-tabs"] [role="tab"][data-force~="hover"] > [data-part="close"] { opacity: 1; transition: background-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="window-tabs"] [role="tab"] > [data-part="close"]:hover { background-color: var(--plane-selected-hover); color: var(--ink); }
}
[data-r="window-tabs"] [role="tab"] > [data-part="close"][data-force~="hover"] { background-color: var(--plane-selected-hover); color: var(--ink); }
[data-r="window-tabs"][data-look="plates"] > [data-r="tabs"] > :is([role="tab"], [data-part="more"]) { border-radius: var(--r-row); background-color: var(--mat); color: var(--ink-2); }
[data-r="window-tabs"][data-look="plates"] > [data-r="tabs"] > :is([role="tab"], [data-part="more"])::after { box-shadow: none; }
@media (hover: hover) {
  [data-r="window-tabs"][data-look="plates"] > [data-r="tabs"] > :is([role="tab"], [data-part="more"]):not([aria-selected="true"]):hover { background-color: var(--paper); color: var(--ink); }
}
[data-r="window-tabs"][data-look="plates"] > [data-r="tabs"] > [role="tab"][aria-selected="true"] { background-color: var(--raised); color: var(--ink); }
[data-r="window-tabs"][data-look="plates"] > [data-r="tabs"] > [role="tab"][aria-selected="true"]::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="window-tabs"] > [data-r="tabs"] > [role="tab"][data-pinned] { width: 34px; padding: 0; justify-content: center; }
[data-r="window-tabs"] > [data-r="tabs"] > [role="tab"][data-pinned] > :is(span:not([data-part]), [data-part="close"]) { display: none; }
[data-r="window-tabs"] > [data-r="tabs"] > [role="tab"][data-pinned]:has(+ [role="tab"]:not([data-pinned])) { margin-right: 7px; }
[data-r="window-tabs"] > [data-r="tabs"] > [role="tab"][data-pinned]:has(+ [role="tab"]:not([data-pinned]))::before { content: ""; position: absolute; right: -10px; top: 6px; bottom: 6px; width: var(--px); background: var(--line-3); }
[data-r="window-tabs"] [role="tab"][data-arrive] { animation: r-tab-arrive var(--section) var(--ease-expo) both; }
@keyframes r-tab-arrive { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  [data-r="window-tabs"] [role="tab"][data-arrive] { animation: none; }
}
[data-r="window-tabs"] [role="tab"] { --tab-fill: var(--ground); }
[data-r="window-tabs"][data-look="plates"] [role="tab"] { --tab-fill: var(--mat); }
@media (hover: hover) {
  [data-r="window-tabs"][data-look="plates"] [role="tab"]:hover { --tab-fill: var(--paper); }
}
[data-r="window-tabs"][data-look="plates"] [role="tab"][data-force~="hover"] { --tab-fill: var(--paper); }
[data-r="window-tabs"] [role="tab"][aria-selected="true"] { --tab-fill: var(--ground-selected); }
[data-r="window-tabs"][data-look="plates"] [role="tab"][aria-selected="true"] { --tab-fill: var(--raised); }
[data-r="window-tabs"] [role="tab"] > [data-r="dot"][data-part="state"] { position: absolute; z-index: 1; left: calc(var(--pad-l) + var(--icon) - 8px); top: calc((var(--h) - var(--icon)) / 2 - 2px); box-shadow: 0 0 0 1.5px var(--tab-fill); }
[data-r="window-tabs"] [role="tab"][data-pinned] > [data-r="dot"][data-part="state"] { left: calc(50% + var(--icon) / 2 - 4px); }
}

/* ═══ 53b-window-bar.css ═══ */
@layer components {
[data-r="window-bar"] { display: flex; align-items: center; gap: var(--space-8); flex: none; min-width: 0; min-height: var(--h-36); padding: var(--space-6) var(--space-16); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="window-bar"][hidden] { display: none; }
[data-r="window-bar"] > svg[data-icon] { flex: none; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="window-bar"] > [data-r="avatar"] { flex: none; }
[data-r="window-bar"] > [data-part="name"] { flex: none; white-space: nowrap; color: var(--ink-2); }
[data-r="window-bar"] > [data-part="now"] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-550); color: var(--ink); }
[data-r="window-bar"] > [data-part="meta"] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="window-bar"] > [data-part="facts"] { display: flex; flex-wrap: wrap; gap: var(--space-6); flex: 1 1 auto; min-width: 0; }
[data-r="window-bar"] > [data-part="actions"] { display: flex; align-items: center; gap: var(--space-6); flex: none; margin-left: auto; }
}

/* ═══ 53c-window-tab-groups.css ═══ */
@layer components {
[data-r="window-tabs"] > [data-r="tabs"] > [data-part="group"] { --h: var(--h-26); position: relative; flex: none; gap: 6px; padding: 0 10px 0 8px; -webkit-app-region: no-drag; }
[data-r="window-tabs"][data-look="plates"] > [data-r="tabs"] > [data-part="group"] { border-radius: var(--r-row); background-color: var(--mat); color: var(--ink-2); }
[data-r="window-tabs"][data-look="plates"] > [data-r="tabs"] > [data-part="group"]::after { box-shadow: none; }
@media (hover: hover) {
  [data-r="window-tabs"][data-look="plates"] > [data-r="tabs"] > [data-part="group"]:not([data-holds-chosen]):hover { background-color: var(--paper); color: var(--ink); }
}
[data-r="window-tabs"] > [data-r="tabs"] > [data-part="group"] > [data-r="dot"] { --c: var(--pp-c); }
[data-r="window-tabs"] > [data-r="tabs"] > [data-part="group"] > [data-part="count"] { font-variant-numeric: tabular-nums; color: var(--ink-3); }
[data-r="window-tabs"] > [data-r="tabs"] > [data-part="group"][aria-expanded="true"] > [data-part="count"] { display: none; }
[data-r="window-tabs"][data-look="plates"] > [data-r="tabs"] > [data-part="group"][data-holds-chosen] { background-color: var(--raised); color: var(--ink); }
[data-r="window-tabs"][data-look="plates"] > [data-r="tabs"] > [data-part="group"][data-holds-chosen]::after { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="window-tabs"] > [data-r="tabs"] > :is([data-part="group"], [role="tab"][data-group]) > [data-part="group-line"] { position: absolute; z-index: 1; left: calc(var(--window-tab-gap) / -2); right: calc(var(--window-tab-gap) / -2); bottom: -5px; height: 2px; background: var(--pp-c); pointer-events: none; }
[data-r="window-tabs"] > [data-r="tabs"] > [data-part="group"] > [data-part="group-line"] { left: var(--inset); border-radius: var(--r-round) 0 0 var(--r-round); }
[data-r="window-tabs"] > [data-r="tabs"] > [data-part="group"][aria-expanded="false"] > [data-part="group-line"] { right: var(--inset); border-radius: var(--r-round); }
[data-r="window-tabs"] > [data-r="tabs"] > [role="tab"][data-group][data-last] > [data-part="group-line"] { right: var(--inset); border-radius: 0 var(--r-round) var(--r-round) 0; }
[data-r="window-tabs"] > [data-r="tabs"] > [role="tab"][data-group][hidden] { display: none; }
[data-r="window-tabs"] > [data-r="tabs"]:has(> [data-part="group"]) { overflow: visible; }
}

/* ═══ 53d-desktop-app.css ═══ */
@layer components {
[data-desk] { position: relative; overflow: hidden; border-radius: var(--r-contain); background-color: var(--mat); font-size: var(--fs-13); color: var(--ink); }
[data-desk="app-links"],
[data-desk="spelling-menu"] { overflow: visible; background-color: transparent; }
[data-desk] [data-part="window"] { position: absolute; inset: 48px 40px 56px 40px; display: flex; flex-direction: column; min-width: 0; border-radius: var(--r-contain); background-color: var(--paper); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); overflow: hidden; }
[data-desk] [data-part="window"][hidden] { display: none; }
[data-desk] [data-part="window-bar"] { display: flex; align-items: center; justify-content: center; gap: 6px; height: var(--h-36); padding: 0 12px; border-bottom: var(--px) solid var(--line-2); color: var(--ink-2); font-weight: var(--fw-500); }
[data-desk] [data-part="window-body"] { flex: 1; min-height: 0; padding: 16px; color: var(--ink-3); }
[data-desk] [data-part="said"] { position: absolute; left: 16px; bottom: 16px; right: 16px; margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="menu-bar"] { position: relative; display: flex; align-items: center; column-gap: 2px; height: var(--h-24); padding: 0 8px; background-color: var(--glass); border-bottom: var(--px) solid var(--line-3); }
[data-r="menu-bar"] > [data-part="title"] { display: inline-flex; align-items: center; height: var(--h-20); padding: 0 8px; border: 0; border-radius: var(--r-press); background-color: transparent; font: inherit; font-weight: var(--fw-450); color: var(--ink); cursor: default; }
[data-r="menu-bar"] > [data-part="title"][data-app] { font-weight: var(--fw-550); }
[data-r="menu-bar"] > [data-part="title"][aria-expanded="true"] { background-color: var(--plane-selected); }
[data-r="menu-bar"] > [data-part="clock"] { margin-left: auto; padding: 0 8px; color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-desk] [data-part="pointing"] { position: absolute; top: var(--h-24); left: 0; right: 0; pointer-events: none; }
[data-desk] [data-part="pointing"] > [data-r="menu"] { position: absolute; top: 4px; box-shadow: var(--e2); }
[data-desk] [data-part="pointing"] [data-pointed] { box-shadow: inset 0 0 0 var(--px) var(--ink-3); background-color: var(--plane-selected); }
[data-desk] [data-part="dock-row"] { position: absolute; left: 0; right: 0; bottom: 40px; display: flex; justify-content: center; }
[data-r="dock-menu"] { display: flex; align-items: flex-end; column-gap: 8px; padding: 6px 8px 4px; border-radius: var(--r-contain); background-color: var(--glass); box-shadow: var(--dock-shadow); }
[data-r="dock-menu"] > [data-part="slot"] { display: flex; flex-direction: column; align-items: center; gap: 2px; }
[data-r="dock-menu"] [data-part="tile"] { position: relative; display: grid; place-items: center; width: var(--h-44); height: var(--h-44); padding: 0; border: 0; border-radius: var(--r-contain); background-color: var(--paper); box-shadow: var(--e1); color: var(--ink-2); cursor: default; }
[data-r="dock-menu"] [data-part="tile"] > [data-part="badge"] { position: absolute; top: 0; right: 0; transform: translate(35%, -35%); }
[data-r="dock-menu"] [data-part="tile"] > [data-part="badge"][hidden] { display: none; }
[data-r="dock-menu"] [data-part="running"] { background-color: var(--ink-3); }
[data-r="dock-menu"] > [data-part="divider"] { align-self: stretch; width: var(--px); height: var(--h-36); margin: 4px 2px; background-color: var(--line-3); }
[data-desk="jump-list"] [data-part="jump"] { position: absolute; left: 24px; bottom: 56px; box-shadow: var(--e3); border-radius: var(--r-contain); }
[data-desk="jump-list"] [data-part="taskbar"] { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; gap: 16px; height: var(--h-44); background-color: var(--glass); border-top: var(--px) solid var(--line-3); color: var(--ink-2); }
[data-desk="jump-list"] [data-part="task"] { display: grid; place-items: center; width: var(--h-36); height: var(--h-36); border-radius: var(--r-press); background-color: var(--plane-selected); }
[data-desk="jump-list"] [data-part="said"] { left: auto; right: 16px; bottom: 56px; width: auto; }
[data-r="quick-entry"] { position: absolute; top: 72px; left: 0; right: 0; display: flex; justify-content: center; z-index: 2; }
[data-r="quick-entry"][hidden] { display: none; }
[data-r="quick-entry"] > [data-r="palette"] { width: 100%; max-width: calc(100% - 32px); box-shadow: var(--e3); border-radius: var(--r-contain); background-color: var(--raised); }
[data-r="quick-entry"] [data-part="host"] { display: none; align-items: center; gap: 4px; margin-left: auto; }
[data-desk][data-address="on"] [data-r="quick-entry"] [data-part="host"] { display: inline-flex; }
[data-r="quick-entry"] [data-part="footer"] { display: flex; align-items: center; gap: 12px; }
[data-r="quick-entry"] [data-part="reading"] [data-part="end"] { display: inline-flex; align-items: center; gap: 4px; color: var(--ink-3); }
[data-r="quick-entry"] [data-part="reading"] [data-part="icon"] { display: inline-flex; }
[data-r="quick-entry"] [data-part="not-read"] { color: var(--ink-3); }
[data-desk="quick-entry"] [data-part="reopen"] { position: absolute; top: 96px; left: 0; right: 0; margin: 0; text-align: center; color: var(--ink-2); }
[data-desk="quick-entry"] [data-part="reopen"][hidden] { display: none; }
[data-desk-settings] [data-part="now"],
[data-desk-settings] [data-part="record"] { display: inline-flex; align-items: center; gap: 8px; }
[data-desk-settings] [data-part="now"][hidden],
[data-desk-settings] [data-part="record"][hidden] { display: none; }
[data-desk-settings] [data-part="record"] > [data-part="ask"],
[data-desk-settings] [data-part="record"] > [data-part="rule"] { color: var(--ink-3); }
[data-desk-settings] [data-part="taken"] { color: var(--danger-dot); }
[data-desk="app-links"] [data-part="window"] { position: relative; inset: auto; height: var(--row-60); margin-top: 12px; }
[data-desk="app-links"] [data-part="window-bar"] { justify-content: flex-start; }
[data-desk="app-links"] [data-part="plates"] { display: flex; gap: 6px; min-width: 0; overflow: hidden; }
[data-desk="app-links"] [data-part="plate"] { display: inline-flex; align-items: center; height: var(--h-26); padding: 0 12px; border-radius: var(--r-press); color: var(--ink-2); white-space: nowrap; }
[data-desk="app-links"] [data-part="plate"][aria-current="true"] { background-color: var(--raised-selected); color: var(--ink); box-shadow: var(--e1); }
[data-desk="app-links"] [data-part="said"] { position: static; margin-top: 12px; }
[data-desk="drag-out"] [data-part="week"] { display: flex; flex-direction: column; gap: 4px; }
[data-desk="drag-out"] [data-part="session"] { display: flex; align-items: center; gap: 8px; height: var(--row-32); padding: 0 10px; border-radius: var(--r-row); background-color: var(--well); color: var(--ink); cursor: default; user-select: none; touch-action: none; }
[data-desk="drag-out"] [data-part="session"] > [data-part="day"] { margin-left: auto; color: var(--ink-3); }
[data-desk="drag-out"] [data-part="session"] > [data-part="state"] { color: var(--ink-3); }
[data-desk="drag-out"] [data-part="session"][data-lifted] { opacity: 0.4; }
[data-desk="drag-out"] [data-part="window"] { right: 40%; }
[data-desk="drag-out"] [data-part="desktop"] { position: absolute; inset: 0; pointer-events: none; }
[data-desk="drag-out"] [data-part="ghost"] { position: absolute; z-index: 3; pointer-events: none; transform: translate(8px, 8px); }
[data-desk="drag-out"] [data-part="ghost"][hidden] { display: none; }
[data-desk="drag-out"] [data-part="row-look"] { display: inline-flex; align-items: center; height: var(--row-32); padding: 0 10px; border-radius: var(--r-row); background-color: var(--raised); box-shadow: var(--lift-dock); }
[data-desk="drag-out"] [data-part="ghost"]:not([data-out="file"]) [data-r="drag-out"],
[data-desk="drag-out"] [data-part="ghost"][data-out="file"] [data-part="row-look"] { display: none; }
[data-r="drag-out"] { display: inline-flex; align-items: center; gap: 6px; height: var(--h-28); padding: 0 10px; border-radius: var(--r-press); background-color: var(--raised); box-shadow: var(--lift-dock); color: var(--ink); white-space: nowrap; }
[data-desk="drag-out"] [data-part="file"] { position: absolute; display: flex; flex-direction: column; align-items: center; gap: 4px; transform: translate(-50%, -50%); color: var(--ink-2); font-size: var(--fs-11); line-height: var(--lh-11); }
[data-desk="spelling-menu"] [data-part="label"] { display: block; margin-bottom: 6px; color: var(--ink-2); font-size: var(--fs-12); }
[data-desk="spelling-menu"] [data-part="spell-field"] { height: auto; min-height: var(--h-32); align-items: center; }
[data-desk="spelling-menu"] [data-part="text"] { flex: 1; padding: 6px 0; outline: none; }
[data-desk="spelling-menu"] [data-part="misspelled"] { text-decoration: underline wavy var(--danger-dot); text-underline-offset: 3px; }
[data-desk="spelling-menu"] [data-part="dictionary"] { color: var(--ink-3); font-size: var(--fs-12); }
[data-desk="spelling-menu"] [data-part="said"] { position: static; margin-top: 12px; }
[data-r="menu"][data-desk-menu="Field"] [data-spell="add"]:not([aria-disabled="true"]) > [data-part="description"] { display: none; }
[data-r="menu"][data-desk-menu="Field"] [data-part="spelling"][hidden] { display: none; }
}

/* ═══ 54-templates.css ═══ */
@layer components {
[data-r="page"] { --side-w: var(--panel-side); container: page / inline-size; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto minmax(0, 1fr) auto; grid-template-areas: "header header" "main side" "bottom bottom"; flex: 1 1 auto; width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="page"] > [data-part="header"] { grid-area: header; min-width: 0; }
[data-r="page"] > [data-part="main"] { grid-area: main; min-width: 0; min-height: 0; }
[data-r="page"] > [data-part="bottom"] { grid-area: bottom; min-width: 0; }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); grid-area: main; justify-self: end; z-index: var(--z-dock); position: relative; display: flex; flex-direction: column; align-items: flex-end; width: min(var(--side-w), calc(100% - var(--space-24))); min-width: 0; min-height: 0; margin: var(--space-8); overflow: clip; overflow-clip-margin: var(--panel-handle); border-radius: var(--r-side); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); transition: transform var(--spring-follow-duration) var(--spring-follow); }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > * { flex: 1 1 auto; width: 100%; min-height: 0; }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="head"] { flex: none; }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-side-card]:not([hidden]) { display: flex; flex-direction: column; }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-side-card] > * { flex: 1 1 auto; width: 100%; min-height: 0; }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-side-card] > [data-part="head"] { flex: none; }
[data-r="page"][data-side="closed"] > :is([data-part="side"], [data-part="rail"]) { overflow-clip-margin: 0px; visibility: hidden; transform: translateX(calc(100% + var(--space-8))); transition: transform var(--spring-follow-duration) var(--spring-follow), visibility 0s linear var(--spring-follow-duration); }
@container page (width >= 720px) {
  [data-r="page"]:is([data-side-place="beside"], :not([data-side-place="over"], [data-template="canvas"], [data-template="planner"], :has(> [data-part="main"] :is([data-r="board"], [data-r="timeline"], [data-r="week-grid"], [data-r="month-grid"], [data-r="season-grid"], [data-r="year-plan"])))) > :is([data-part="side"], [data-part="rail"]) { grid-area: side; justify-self: stretch; z-index: auto; width: var(--side-w); margin: var(--space-8); transition: width var(--spring-follow-duration) var(--spring-follow), margin var(--spring-follow-duration) var(--spring-follow); }
  [data-r="page"]:is([data-side-place="beside"], :not([data-side-place="over"], [data-template="canvas"], [data-template="planner"], :has(> [data-part="main"] :is([data-r="board"], [data-r="timeline"], [data-r="week-grid"], [data-r="month-grid"], [data-r="season-grid"], [data-r="year-plan"])))) > :is([data-part="side"], [data-part="rail"]) > :not([data-part="handle"]) { width: var(--side-w); }
  [data-r="page"]:is([data-side-place="beside"], :not([data-side-place="over"], [data-template="canvas"], [data-template="planner"], :has(> [data-part="main"] :is([data-r="board"], [data-r="timeline"], [data-r="week-grid"], [data-r="month-grid"], [data-r="season-grid"], [data-r="year-plan"]))))[data-side="closed"] > :is([data-part="side"], [data-part="rail"]) { width: 0; margin: var(--space-8) 0; box-shadow: none; transform: none; transition: width var(--spring-follow-duration) var(--spring-follow), margin var(--spring-follow-duration) var(--spring-follow), visibility 0s linear var(--spring-follow-duration); }
}
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="head"] { display: flex; align-items: center; gap: 4px; height: var(--row-44); padding: 0 8px 0 16px; border-bottom: var(--px) solid var(--line-1); font-weight: var(--fw-550); color: var(--ink); }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="head"] > [data-part="title"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-side-card] > [data-part="head"] { display: flex; align-items: center; gap: 4px; height: var(--row-44); padding: 0 8px 0 16px; border-bottom: var(--px) solid var(--line-1); font-weight: var(--fw-550); color: var(--ink); }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-side-card] > [data-part="head"] > [data-part="title"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="page"][data-side-drag] > :is([data-part="side"], [data-part="rail"]),
[data-r="page"][data-side-drag] > :is([data-part="side"], [data-part="rail"]) > * { transition: none; }
[data-r="page"][data-side-drag] { cursor: col-resize; user-select: none; }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="handle"] { position: absolute; z-index: 2; top: 0; bottom: 0; left: calc(var(--panel-handle) / -2 - var(--px)); flex: none; width: var(--panel-handle); min-height: 0; cursor: col-resize; touch-action: none; outline: none; }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="handle"]::after { content: ""; position: absolute; top: var(--r-side); bottom: var(--r-side); left: 50%; width: var(--px); background: var(--line-5); opacity: 0; }
@media (hover: hover) {
  @media (hover: hover) {
    [data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="handle"]:hover::after { opacity: 1; }
  }
  [data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="handle"][data-force~="hover"]::after { opacity: 1; }
}
[data-r="page"][data-side-drag] > :is([data-part="side"], [data-part="rail"]) > [data-part="handle"]::after,
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="handle"]:focus-visible::after { opacity: 1; width: 1px; background: var(--accent); }
[data-r="page"] > :is([data-part="side"], [data-part="rail"])[data-kind="stack"] { background: transparent; box-shadow: none; border-radius: 0; overflow-clip-margin: var(--space-8); }
[data-r="page"] > :is([data-part="side"], [data-part="rail"])[data-kind="stack"] > [data-part="stack"] { display: flex; flex-direction: column; gap: var(--space-8); overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: none; }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="stack"] > [data-part="card"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); display: flex; flex-direction: column; flex: none; min-height: 0; border-radius: var(--r-side); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="stack"] > [data-part="card"][data-full] { flex: 1 0 auto; }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="stack"] > [data-part="card"] > [data-part="head"] { display: flex; align-items: center; gap: 4px; min-height: 40px; padding: 4px 4px 4px 12px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="stack"] > [data-part="card"] > [data-part="body"] { min-height: 0; padding: 0 4px 8px; }
[data-r="page"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { margin: 0 auto; }
[data-r="page"][data-template="detail"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { display: flex; flex-direction: column; gap: 28px; max-width: calc(var(--col-prose) + 96px); padding: 40px 48px 96px; }
[data-r="page"][data-template="split"] { grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); grid-template-areas: "list header" "list main"; }
[data-r="page"] > [data-part="list"] { grid-area: list; display: flex; flex-direction: column; width: var(--panel-list); min-width: 0; min-height: 0; border-right: var(--px) solid var(--line-2); }
[data-r="page"] > [data-part="list"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; flex: none; height: 44px; padding: 0 8px 0 16px; border-bottom: var(--px) solid var(--line-2); }
[data-r="page"] > [data-part="list"] > [data-part="head"] > [data-part="title"] { flex: 1; min-width: 0; font-weight: var(--fw-550); color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="page"] > [data-part="list"] > [data-r="toolbar"] { flex: none; padding: 8px 8px 0; }
[data-r="page"] > [data-part="list"] > [data-r="scroll-area"] { flex: 1 1 auto; }
[data-r="page"][data-template="split"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { display: flex; flex-direction: column; gap: 24px; max-width: calc(var(--col-prose) + 64px); padding: 32px 32px 80px; }
[data-r="page"][data-template="split"][data-width="fill"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { max-width: none; padding: 24px 24px 80px; }
[data-r="page"][data-template="split"] [data-part="up"] { display: none; }
[data-r="page"][data-template="document"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { display: grid; grid-template-columns: minmax(0, 1fr) min(100%, var(--col-prose)) minmax(0, 1fr); column-gap: 32px; padding: 48px 16px 120px; }
[data-r="page"][data-template="document"] [data-part="column"] > [data-part="rail"] { grid-column: 1; justify-self: start; align-self: start; position: sticky; top: 48px; z-index: 2; max-width: 100%; }
[data-r="page"][data-template="document"] [data-part="column"] > [data-part="text"] { grid-column: 2; display: flex; flex-direction: column; gap: 28px; min-width: 0; }
[data-r="page"][data-template="feed"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { display: flex; flex-direction: column; gap: 4px; max-width: var(--col-feed); padding: 24px 24px 96px; }
[data-r="page"][data-template="feed"] [data-part="column"] > [data-part="composer"] { margin-bottom: 20px; }
[data-r="page"][data-template="chat"] > [data-part="main"] { height: auto; }
[data-r="page"][data-template="canvas"] > [data-part="main"] { position: relative; overflow: hidden; }
[data-r="page"][data-template="canvas"] > [data-part="main"] [data-part="viewport"] > [data-part="column"] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--column-gap, 20px); max-width: 1080px; padding: var(--column-pad, 24px 20px); }
[data-r="page"][data-template="canvas"] > [data-r="dock"][data-variant="tools"],
[data-r="page"][data-template="canvas"] > [data-part="main"] > [data-r="dock"][data-variant="tools"] { display: none; }
[data-r="page"][data-template="canvas"][data-focus] { container: page / size; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); grid-template-areas: "main"; }
[data-r="page"][data-template="canvas"][data-focus] > :is([data-part="header"], [data-part="bottom"]) { display: none; }
[data-r="page"][data-template="canvas"][data-focus] > [data-part="main"] [data-part="viewport"] > [data-part="column"] { max-width: none; height: 100%; padding: 0; grid-template-rows: minmax(0, 1fr); }
[data-r="page"][data-template="canvas"][data-focus] > [data-part="main"] > [data-r="scroll-area"] > [data-part="bar"] { display: none; }
[data-r="page"][data-template="canvas"][data-focus]:not([data-focus="present"]) > [data-part="main"] > [data-r="dock"][data-variant="tools"] { display: flex; position: absolute; z-index: var(--z-dock); left: 50%; bottom: 16px; max-width: calc(100% - 32px); transform: translateX(-50%); }
@container page (height < 500px) {
  [data-r="page"][data-template="canvas"][data-focus]:not([data-focus="present"]) > [data-part="main"] > [data-r="dock"][data-variant="tools"] { bottom: 8px; }
  [data-r="page"][data-template="canvas"][data-focus][data-focus-panel]:not([data-focus="present"]) > [data-part="side"],
  [data-r="page"][data-template="canvas"][data-focus] > [data-part="main"] > [data-r="side-panel"][data-over] { bottom: 56px; }
}
[data-r="page"][data-template="canvas"][data-focus] > [data-part="side"] { display: none; }
[data-r="page"][data-template="canvas"][data-focus][data-focus-panel]:not([data-focus="present"]) > [data-part="side"] { display: flex; position: absolute; z-index: 3; top: 8px; right: 8px; bottom: 80px; width: min(var(--panel-peek), calc(100% - 24px)); margin: 0; border-radius: var(--r-contain); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e3); }
[data-r="page"][data-template="canvas"][data-focus][data-focus-panel] > [data-part="side"] > * { width: 100%; }
[data-r="page"][data-template="canvas"][data-focus][data-focus-panel] > [data-part="side"] [data-part="section"][data-sec]:not([data-focus-shown]) { display: none; }
[data-r="page"][data-template="canvas"][data-focus][data-focus-panel] > [data-part="side"] [data-part="section"][data-sec] > :is([data-part="section-head"], [data-part="title"]) { display: none; }
[data-r="page"][data-template="canvas"][data-focus] > [data-part="main"] > [data-r="side-panel"][data-over] { top: 8px; right: 8px; bottom: 80px; margin: 0; }
[data-r="page"][data-template="canvas"][data-focus="present"] > [data-part="main"] > [data-r="side-panel"][data-over] { display: none; }
[data-r="page"][data-template="canvas"][data-focus="present"] > [data-part="main"] [data-part="viewport"] [data-r="button"] { visibility: hidden; }
@container page (width >= 1000px) {
  [data-r="page"][data-template="canvas"][data-focus][data-focus-panel]:not([data-focus="present"]) > [data-part="main"] [data-part="viewport"] > [data-part="column"],
  [data-r="page"][data-template="canvas"][data-focus]:not([data-focus="present"]):has(> [data-part="main"] > [data-r="side-panel"][data-over]:not([hidden])) > [data-part="main"] [data-part="viewport"] > [data-part="column"] { padding-right: calc(var(--panel-peek) + 8px); }
}
[data-r="page"][data-template="canvas"][data-focus-window] { position: fixed; z-index: var(--z-backdrop); inset: 0; width: auto; height: auto; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: var(--paper); color: var(--ink-2); overflow: hidden; }
:root[data-focus-window] { overflow: hidden; }
[data-r="page"][data-template="explore"] > [data-part="rail"] { grid-area: side; }
[data-r="page"][data-template="explore"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { display: flex; flex-direction: column; gap: 20px; padding: 24px 24px 80px; }
[data-r="page"] [data-part="slot"][data-slot] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 320px; padding: 24px; border: var(--px) dashed var(--line-4); border-radius: 0; /* the panel is the page (24 October): the slot is the page's main region, square like the region it marks */ font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-align: center; }
[data-r="page"] [data-part="slot"][data-slot] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink-2); }
[data-r="page"][data-state="loading"]:not([data-skeleton]) > :is([data-part="main"], [data-part="side"], [data-part="rail"], [data-part="list"], [data-part="bottom"]) { visibility: hidden; }
[data-r="page"] [data-part="skeleton"] { display: flex; flex-direction: column; gap: 12px; }
[data-r="page"] [data-part="skeleton"] > [data-part="row"] { display: flex; align-items: center; gap: 12px; height: var(--row-40); padding: 0 20px; }
[data-r="page"] [data-part="skeleton"] > [data-part="row"] > [data-r="skeleton"] { flex: none; }
@container page (width < 720px) {
  [data-r="page"][data-template="detail"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { padding: 24px 16px 80px; }
  [data-r="page"][data-template="split"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"],
  [data-r="page"][data-template="split"][data-width="fill"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { padding: 24px 16px 80px; }
  [data-r="page"][data-template="feed"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { padding: 16px 16px 80px; }
  [data-r="page"][data-template="explore"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { padding: 16px 16px 80px; }
  [data-r="page"][data-template="split"] > [data-part="list"] { width: auto; border-right: 0; grid-column: 1 / -1; }
  [data-r="page"][data-template="split"]:not([data-view="list"]) > [data-part="list"],
  [data-r="page"][data-template="split"][data-view="list"] > :is([data-part="header"], [data-part="main"]) { display: none; }
  [data-r="page"][data-template="split"] [data-part="up"] { display: inline-flex; }
  [data-r="page"][data-template="split"] > :is([data-part="header"], [data-part="main"]) { grid-column: 1 / -1; }
}
@container page (width < 840px) {
  [data-r="page"][data-template="document"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { grid-template-columns: minmax(0, 1fr); padding: 32px 24px 96px; }
  [data-r="page"][data-template="document"] [data-part="column"] > [data-part="rail"] { display: none; }
  [data-r="page"][data-template="document"] [data-part="column"] > [data-part="text"] { grid-column: 1; width: min(100%, var(--col-prose)); justify-self: center; }
}
[data-r="page-state"] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; padding: 48px 24px 64px; text-align: center; color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="page-state"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); margin-bottom: 14px; color: var(--thing, var(--ink-3)); }
[data-r="page-state"] > [data-part="art"] { display: flex; justify-content: center; width: 140px; margin-bottom: 16px; color: var(--tomrum-hand); }
[data-r="page-state"] > [data-part="art"] > svg { width: 100%; height: auto; overflow: visible; }
[data-r="page-state"] > [data-part="title"] { max-width: 46ch; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); text-wrap: balance; }
[data-r="page-state"] > [data-part="text"] { max-width: 46ch; margin-top: 6px; color: var(--ink-2); text-wrap: pretty; }
[data-r="page-state"] > [data-part="again"] { margin-top: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="page-state"] > [data-part="actions"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 20px; }
[data-r="page-state"] > [data-part="details"] { display: flex; flex-direction: column; align-items: center; gap: 8px; width: min(100%, 520px); margin-top: 16px; }
[data-r="page-state"] > [data-part="details"] > summary { list-style: none; }
[data-r="page-state"] > [data-part="details"] > summary::-webkit-details-marker { display: none; }
[data-r="page-state"] > [data-part="details"] > summary > svg[data-icon]:first-child { transition: none; }
[data-r="page-state"] > [data-part="details"][open] > summary > svg[data-icon]:first-child { transform: rotate(90deg); }
[data-r="page-state"] > [data-part="details"] > [data-part="trace"] { align-self: stretch; max-height: 160px; margin: 0; padding: 10px 12px; overflow: auto; border-radius: var(--r-value); background: var(--well); font-family: var(--font); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); text-align: left; white-space: pre-wrap; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; user-select: text; -webkit-user-select: text; }
[data-r="page-state"] > [data-part="lists"] { display: grid; grid-template-columns: repeat(2, minmax(0, 220px)); gap: 32px; margin-top: 24px; text-align: left; }
[data-r="page-state"] > [data-part="lists"] > section { display: flex; flex-direction: column; gap: 6px; }
[data-r="page-state"] > [data-part="lists"] > section > h3 { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="page-state"] > [data-part="lists"] > section > ul { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
[data-r="page-state"] > [data-part="lists"] > section > ul > li { display: flex; align-items: center; gap: 8px; color: var(--ink-2); }
[data-r="page-state"] > [data-part="lists"] > section > ul > li > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
@container page (width < 520px) {
  [data-r="page-state"] > [data-part="lists"] { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@container page (width < 720px) {
  [data-r="page"][data-template="explore"] > [data-part="rail"] { grid-area: main; }
}
@container page (width < 520px) {
  [data-r="page"] > [data-r="page-header"] > [data-part="bar"]:first-child [data-r="breadcrumbs"] > :not([aria-current], [data-part="siblings"]) { display: none; }
  [data-r="page"] > [data-r="page-header"] > [data-part="bar"]:first-child > [data-part="actions"] > [data-r="button"]:has(> svg[data-icon]) > span:not([data-part]) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
[data-r="page"] > [data-r="page-header"] > [data-part="bar"] + [data-part="bar"] { min-height: 44px; }
@container page (width < 520px) {
  [data-r="page"] > [data-r="page-header"] > [data-part="bar"] + [data-part="bar"] { flex-wrap: wrap; row-gap: 6px; height: auto; padding-top: 8px; padding-bottom: 8px; }
  [data-r="page"] > [data-r="page-header"] > [data-part="bar"] + [data-part="bar"] > * { max-width: 100%; }
}
@container page (width < 560px) {
  [data-r="page"] > [data-part="header"] [data-r="breadcrumbs"] { overflow: hidden; }
  [data-r="page"] > [data-part="header"] [data-r="breadcrumbs"] > :not([aria-current]) { display: none; }
  [data-r="page"] > [data-part="header"] [data-r="breadcrumbs"] > span[aria-current] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  [data-r="page"] > [data-part="header"] [data-part="actions"] > [data-r="button"]:not([data-icon-only]) > span { display: none; }
}
@container page (width >= 840px) {
  [data-r="page"][data-template="document"][data-side="open"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { grid-template-columns: minmax(32px, 1fr) minmax(0, var(--col-prose)) minmax(0, 1fr); }
}
[data-r="page"][data-narrow][data-narrow-head="name"] > [data-r="page-header"] > [data-part="bar"]:first-child > [data-r="breadcrumbs"] { overflow: hidden; }
[data-r="page"][data-narrow][data-narrow-head="name"] > [data-r="page-header"] > [data-part="bar"]:first-child > [data-r="breadcrumbs"] > :not([data-part="siblings"], [aria-current="page"]),
[data-r="page"][data-narrow][data-narrow-head="name"] > [data-r="page-header"] > [data-part="bar"]:first-child > [data-part="favorite"],
[data-r="page"][data-narrow][data-narrow-head="name"] > [data-r="page-header"] > [data-part="bar"]:first-child > [data-part="actions"] > [data-drawer-open] { display: none; }
[data-r="page"][data-narrow][data-narrow-head="name"] > [data-r="page-header"] > [data-part="bar"] [data-narrow-icon] { width: var(--h-24); padding: 0; justify-content: center; }
[data-r="page"][data-narrow][data-narrow-head="name"] > [data-r="page-header"] > [data-part="bar"] [data-narrow-icon] > span { display: none; }
[data-r="page"][data-narrow-head="name"] > [data-r="page-header"] > [data-part="bar"] [data-part="meta"] { display: inline-flex; align-items: center; gap: 4px; }
[data-r="page"][data-narrow][data-narrow-head="name"] > [data-r="page-header"] > [data-part="bar"] > [data-part="actions"] > [data-part="meta"]:not(:has([data-r="dot"])) { display: none; }
[data-r="drawer"][data-doc-drawer] [data-r="page-state"] > [data-part="title"] { font-size: var(--fs-16); line-height: var(--lh-16); }
}

/* ═══ 55-query.css ═══ */
@layer components {
[data-r="query"] { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 40px; padding: 8px 8px 8px 16px; border-bottom: var(--px) solid var(--line-1); color: var(--ink); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="page"]:not([data-template="collection"]) [data-part="column"] [data-r="query"]:not([data-r="register"] *, [data-r="card"] *) { padding-left: 0; }
[data-r="query"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); flex: none; margin-right: 4px; color: var(--thing, var(--ink-3)); }
[data-r="query"] > input { flex: 1 1 160px; min-width: 120px; height: var(--h-24); margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink); }
[data-r="query"] > input::placeholder { color: var(--ink-3); opacity: 1; }
[data-r="query"] > [data-part="end"] { display: flex; align-items: center; gap: 4px; flex: none; margin-left: auto; }
[data-r="query"] > [data-part="end"] > [data-part="count"] { padding: 0 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="query"] > script { display: none; }
[data-r="query"] > [data-r="filter"] { max-width: 100%; }
[data-r="query"] > [data-r="filter"] > [data-part="value"] { max-width: 240px; overflow: hidden; text-overflow: ellipsis; }
[data-r="query"] > [data-r="filter"] > [data-part="value"] > span { overflow: hidden; text-overflow: ellipsis; }
[data-r="query"] > [data-r="filter"][data-armed] { box-shadow: 0 0 0 var(--px) var(--ink-2); }
[data-r="query"] > [data-r="filter"][data-armed] > [data-part="remove"] { background-color: var(--plane-hover); color: var(--ink); }
[data-r="query"][data-text] > [data-r="filter"] { display: none; }
[data-r="query"][data-text] > input { height: var(--h-24); margin: 0 -8px; padding: 0 8px; border-radius: var(--r-value); background: var(--raised); box-shadow: var(--ring-inline); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="menu"][data-part="suggest"] { width: 340px; }
[data-r="menu"][data-part="suggest"] [data-r="menu-item"] > [data-part="end"] { font-variant-numeric: tabular-nums; }
[data-r="menu"][data-part="suggest"] [data-r="menu-item"] > [data-part="label"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="menu"] [data-r="menu-item"] > [data-part="end"] > [data-part="n"] { min-width: 16px; text-align: right; font-variant-numeric: tabular-nums; }
[data-r="menu"] [data-r="menu-item"][data-zero] > [data-part="label"] { color: var(--ink-3); }
[data-r="menu"] [data-r="menu-item"][data-zero][data-highlighted] > [data-part="label"] { color: var(--ink-2); }
[data-r="menu"] [data-r="menu-item"][data-zero] > :is([data-r="status"], [data-r="dot"], svg[data-icon]) { opacity: .5; }
[data-r="condition"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); display: flex; flex-direction: column; width: 300px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); outline: none; }
[data-r="condition"][data-level="2"] { box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); }
[data-r="condition"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px; border-bottom: var(--px) solid var(--line-3); font-weight: var(--fw-500); color: var(--ink); }
[data-r="condition"] > [data-part="head"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-2)); }
[data-r="condition"] > [data-part="head"] > [data-part="unit"] { margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="condition"] > [data-part="row"] { display: flex; align-items: center; gap: 6px; padding: 12px 12px 0; }
[data-r="condition"] > [data-part="row"] > [data-r="select"] { flex: none; min-width: 112px; }
[data-r="condition"] > [data-part="row"] > [data-r="field"] { flex: 1; min-width: 0; }
[data-r="condition"] > [data-part="row"] > [data-part="and"] { flex: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="condition"] > [data-part="row"] > [data-part="none"] { flex: 1; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="condition"] > [data-part="distribution"] { display: flex; align-items: flex-end; gap: 2px; height: 48px; margin: 16px 12px 0; }
[data-r="condition"] > [data-part="distribution"] > [data-part="bar"] { position: relative; flex: 1; min-width: 0; height: calc(var(--v, 0) * 100%); min-height: var(--px); border-radius: var(--r-key) var(--r-key) 0 0; background: var(--a10); overflow: hidden; }
[data-r="condition"] > [data-part="distribution"] > [data-part="bar"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: calc(var(--k, 0) * 100%); background: var(--ink-2); }
[data-r="condition"] > [data-part="axis"] { display: flex; justify-content: space-between; gap: 8px; margin: 4px 12px 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="condition"] > [data-part="axis"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="condition"] > [data-part="foot"] { display: flex; align-items: center; gap: 6px; margin-top: 12px; padding: 8px 8px 8px 12px; border-top: var(--px) solid var(--line-3); }
[data-r="condition"] > [data-part="foot"] > [data-part="keeps"] { flex: 1; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="condition"] > [data-part="foot"] > [data-part="keeps"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="query"] > [data-part="group"] { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px; max-width: 100%; min-width: 0; padding: 2px; border-radius: var(--r-row); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="query"] > [data-part="group"] > [data-r="filter"] { max-width: 100%; }
[data-r="query"] > [data-part="group"] > [data-r="filter"] > [data-part="value"] { max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
[data-r="query"] > [data-part="group"] > button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; flex: none; height: var(--h-24); padding: 0 6px; margin: 0; border: 0; border-radius: var(--r-value); background: transparent; color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); transition: background-color var(--state-out), color var(--state-out); }
[data-r="query"] > [data-part="group"] > [data-part="match"] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="query"] > [data-part="group"] > :is([data-part="add"], [data-part="remove"]) { width: var(--h-24); padding: 0; }
[data-r="query"] > [data-part="group"] > button > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
@media (hover: hover) {
  [data-r="query"] > [data-part="group"] > button:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="query"] > [data-part="group"] > button[data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="query"][data-text] > [data-part="group"] { display: none; }
@container page (width < 520px) {
  [data-r="page"] [data-r="filter"] > [data-part="field"]:has(> svg[data-icon] + span) > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
[data-r="query"]:not([data-part="bar"] > *) { container: query / inline-size; }
@container query (width < 360px) {
  [data-r="filter"] > [data-part="field"]:has(> svg[data-icon] + span) > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
[data-r="condition"][data-kind="around"] { width: 340px; max-width: 100%; }
[data-r="condition"][data-kind="around"] > [data-part="row"] + [data-part="row"] { padding-top: 6px; }
[data-r="condition"][data-kind="around"] > [data-part="row"] > [data-r="select"] { flex: 1 1 0; min-width: 0; }
[data-r="condition"][data-kind="around"] > [data-part="row"] > [data-r="select"] > [data-part="value"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="condition"][data-kind="around"] > [data-part="row"] > [data-r="field"] { flex: 1 1 0; min-width: 0; }
[data-r="condition"][data-kind="around"] > [data-part="row"] > [data-r="field"][data-part="n"] { flex: 0 0 48px; }
[data-r="condition"] > [data-part="sentence"] { margin: 12px 12px 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
}

/* ═══ 56-side-panel.css ═══ */
@layer components {
[data-r="side-panel"] { position: relative; display: flex; flex-direction: column; flex: none; width: var(--side-w, var(--panel-side)); min-width: 0; min-height: 0; margin: 0; background: var(--paper); box-shadow: inset var(--px) 0 0 var(--line-2); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); overflow: hidden; transition: box-shadow var(--state-out) ease-out; }
@container page (width >= 720px) {
  [data-r="page"] > [data-r="side-panel"]:is([data-part="side"], [data-part="rail"]):not([data-over]) { width: min(var(--side-w), calc(100% - var(--space-24))); }
  [data-r="page"]:is([data-side-place="beside"], :not([data-side-place="over"], [data-template="canvas"], [data-template="planner"], :has(> [data-part="main"] :is([data-r="board"], [data-r="timeline"], [data-r="week-grid"], [data-r="month-grid"], [data-r="season-grid"], [data-r="year-plan"])))):not([data-side="closed"]) > [data-r="side-panel"]:is([data-part="side"], [data-part="rail"]):not([data-over]) { width: var(--side-w); }
  [data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-r="side-panel"]:not([data-over]) { width: 100%; margin: 0; border-radius: 0; background: transparent; box-shadow: none; }
}
[data-r="side-panel"]:is([data-variant="peek"], [data-variant="inspector"], [data-variant="control-rail"]):not([data-over]):not([data-part]):not([data-r="page"] > :is([data-part="side"], [data-part="rail"]) > *) { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); width: var(--side-w, var(--panel-side)); margin: 0 var(--space-8) var(--space-8) 0; border-radius: var(--r-side); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); }
:where([data-r="page"] > [data-part="main"]:has(> [data-r="side-panel"][data-over])) { position: relative; }
[data-r="side-panel"][data-over] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); position: absolute; z-index: 3; top: 8px; right: 8px; bottom: 8px; margin: 0; /* as a page's side it keeps no margin of its own: top and right already place it 8 in (5 November 2026) */ max-width: calc(100% - 24px); border-radius: var(--r-side); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); transition: box-shadow var(--state-out) ease-in; }
[data-r="side-panel"] > [data-part="head"] { display: flex; align-items: center; gap: 4px; flex: none; height: var(--row-44); padding: 0 8px 0 16px; border-bottom: var(--px) solid var(--line-1); }
[data-r="side-panel"] > [data-part="head"] > [data-part="title"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="side-panel"] > [data-part="head"] > [data-part="actions"] { display: flex; align-items: center; gap: 4px; flex: none; }
[data-r="side-panel"] > [data-part="head"]:has(> [data-r="tabs"]) { padding-left: 8px; }
[data-r="side-panel"] > [data-part="head"] > [data-r="tabs"] { flex: 1 1 0%; min-width: 0; }
[data-r="side-panel"] > [data-part="body"] { display: flex; flex-direction: column; gap: 16px; flex: 1; min-height: 0; padding: 12px 16px 16px; overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: none; }
[data-r="side-panel"] > [data-part="body"]::-webkit-scrollbar { display: none; }
[data-r="side-panel"] [data-part="record"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="side-panel"] [data-part="record"] > [data-part="name"] { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="side-panel"] [data-part="record"] > [data-part="meta"] { display: flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="side-panel"] [data-part="section"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="side-panel"] [data-part="section-head"] { display: flex; align-items: center; gap: 4px; height: var(--row-28); margin: 0 -6px 2px; }
[data-r="side-panel"] [data-part="section-head"] > [data-part="label"] { display: inline-flex; align-items: center; gap: 4px; height: var(--h-24); padding: 0 6px; border-radius: var(--r-press); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); transition: background-color var(--state-out), color var(--state-out); }
[data-r="side-panel"] [data-part="section-head"] > [data-part="label"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); opacity: 0; transition: opacity var(--state-out), transform var(--state-out); }
@media (hover: hover) {
  [data-r="side-panel"] [data-part="section-head"] > [data-part="label"]:hover { background: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
}
[data-r="side-panel"] [data-part="section-head"] > [data-part="label"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
[data-r="side-panel"] [data-part="section-head"] > [data-part="label"][aria-expanded="false"] > svg[data-icon] { opacity: 1; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="side-panel"] [data-part="section-head"] > [data-part="label"]:is(:hover, :focus-visible) > svg[data-icon] { opacity: 1; transition-duration: 0s; }
}
[data-r="side-panel"] [data-part="section-head"] > [data-part="label"]:is([data-force~="hover"], :focus-visible) > svg[data-icon] { opacity: 1; transition-duration: 0s; }
[data-r="side-panel"] [data-part="section-head"] > [data-part="label"][aria-expanded="false"] > svg[data-icon] { transform: rotate(-90deg); }
[data-r="side-panel"] [data-part="section-head"] > [data-r="button"] { margin-left: auto; }
[data-r="side-panel"] [data-part="section-head"] > [data-part="label"] > [data-part="count"] { font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="side-panel"] [data-part="section-head"] > [data-part="label"] > [data-r="dot"] { flex: none; }
[data-r="side-panel"] [data-part="section-head"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="side-panel"] [data-part="section-head"] > [data-r="dot"] { flex: none; }
[data-r="side-panel"] [data-part="section"]:has(> [data-part="section-head"] > [data-part="label"][aria-expanded="false"]) > [data-part="content"] { display: none; }
[data-r="side-panel"] [data-part="content"] > [data-r="properties"] { padding: 0; gap: 0; }
[data-r="side-panel"] [data-part="content"] [data-r="property"] > [data-r="button"] { max-width: 100%; }
[data-r="side-panel"] [data-r="properties"]:not([data-show-empty]) > [data-r="property"][data-empty] { display: none; }
[data-r="side-panel"] [data-part="content"] > [data-r="properties"] > [data-r="property"] { grid-template-columns: 128px minmax(0, 1fr); }
[data-r="side-panel"] [data-r="property"] > [data-part="empty"] { padding-left: 6px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="side-panel"] [data-r="property"] > [data-r="button"][data-part="not-stated"] { color: var(--ink-3); }
[data-r="side-panel"] [data-part="content"] > [data-part="demands"] { margin-bottom: 8px; }
[data-r="side-panel"] [data-part="numbers"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; font-size: var(--fs-12); line-height: var(--lh-12); font-variant-numeric: tabular-nums; }
[data-r="side-panel"] [data-part="numbers"] > [data-part="line"] { display: contents; }
[data-r="side-panel"] [data-part="numbers"] > [data-part="line"] > span { display: flex; align-items: center; gap: 6px; min-height: var(--row-28); color: var(--ink-3); }
[data-r="side-panel"] [data-part="numbers"] > [data-part="line"] > b { font-weight: var(--fw-500); color: var(--ink); text-align: right; white-space: nowrap; }
[data-r="side-panel"] [data-part="numbers"] > [data-part="line"] > b [data-part="unit"] { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="side-panel"] [data-part="numbers"] > [data-part="line"][data-empty] > b { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="side-panel"] [data-part="numbers"]:not([data-show-empty]) > [data-part="line"][data-empty] { display: none; }
[data-r="side-panel"] [data-part="fields"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="side-panel"] [data-part="field-row"] { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 8px; min-height: var(--row-32); }
[data-r="side-panel"] [data-part="field-row"] > [data-part="label"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="side-panel"] [data-part="field-row"] > :is([data-r="field"], [data-r="select"], [data-r="segmented"]) { min-width: 0; }
[data-r="side-panel"] [data-part="field-row"] > [data-part="pair"] { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; min-width: 0; }
[data-r="side-panel"] [data-part="control"] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
[data-r="side-panel"] [data-part="control"] + [data-part="control"] { margin-top: 10px; }
[data-r="side-panel"] [data-part="control"] > [data-part="label"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="side-panel"] [data-part="control"] > [data-part="label"] > span { font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="side-panel"] [data-part="control"] > [data-part="switch-row"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: var(--row-28); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="side-panel"][data-variant="document"] { --plane: var(--paper); --plane-hover: var(--paper-hover); --plane-selected: var(--paper-selected); --plane-selected-hover: var(--paper-selected-hover); --ring: var(--ring-paper); --ring-hover: var(--ring-paper-hover); --pill-rest: var(--raised); width: auto; margin: 0; background: var(--paper); outline: none; }
[data-r="side-panel"][data-variant="document"] > [data-part="head"] { gap: 8px; user-select: none; -webkit-user-select: none; }
[data-r="side-panel"][data-variant="document"] > [data-part="head"] > [data-part="kicker"] { flex: none; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); color: var(--ink-3); }
[data-r="side-panel"][data-variant="document"] > [data-part="head"] > [data-part="title"] { color: var(--ink); }
[data-r="side-panel"][data-variant="document"] > [data-part="body"] { container: document / inline-size; gap: 20px; padding: 20px 24px 40px; scrollbar-width: none; }
[data-r="side-panel"][data-variant="document"] > [data-part="body"] > * { width: 100%; max-width: var(--col-prose); margin-inline: auto; }
[data-r="side-panel"][data-variant="document"] > [data-part="body"] > [data-r="properties"] { padding: 0; }
[data-r="side-panel"] > [data-part="body"] > [data-part="figures"] { display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="side-panel"] > [data-part="body"] > [data-part="figures"] b { display: block; margin-top: 2px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
}

/* ═══ 56a-view-editor.css ═══ */
@layer components {
[data-r="view-editor"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="view-editor"] > [data-part="section"] { gap: 4px; }
[data-r="view-editor"] [data-part="content"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
[data-r="view-editor"] [data-part="section-head"] > [data-part="label"][data-dirty]::after { content: ""; flex: none; width: 6px; height: 6px; border-radius: var(--r-round); background: var(--ink-3); }
[data-r="view-editor"] [data-part="section-head"] > [data-part="summary"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-align: right; }
[data-r="view-editor"] [data-part="items"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="view-editor"] [data-part="item"] { position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 6px; min-height: var(--row-32); padding: 0 2px 0 0; border-radius: var(--r-row); background: var(--plane); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink); transition: background-color var(--state-out), box-shadow var(--state-out); }
@media (hover: hover) {
  [data-r="view-editor"] [data-part="item"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="view-editor"] [data-part="item"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="view-editor"] [data-part="item"] > [data-part="grip"] { display: grid; place-items: center; width: 20px; height: var(--h-24); padding: 0; border: 0; border-radius: var(--r-press); background: none; color: var(--ink-3); cursor: grab; touch-action: none; }
[data-r="view-editor"] [data-part="item"] > [data-part="grip"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
@media (hover: hover) {
  [data-r="view-editor"] [data-part="item"] > [data-part="grip"]:hover { color: var(--ink-2); }
}
[data-r="view-editor"] [data-part="item"] > [data-part="grip"][data-force~="hover"] { color: var(--ink-2); }
[data-r="view-editor"] [data-part="item"] > [data-part="name"] { display: flex; align-items: center; gap: 6px; min-width: 0; }
[data-r="view-editor"] [data-part="item"] > [data-part="name"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="view-editor"] [data-part="item"] > [data-part="name"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="view-editor"] [data-part="item"] > [data-part="end"] { display: flex; align-items: center; gap: 2px; }
[data-r="view-editor"] [data-part="item"][data-dragging] { z-index: 2; background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e2); cursor: grabbing; transition: none; }
[data-r="view-editor"] [data-part="item"][data-dragging] > [data-part="grip"] { cursor: grabbing; color: var(--ink-2); }
[data-r="view-editor"] [data-part="item"][data-off] > [data-r="option"] > span:last-child { color: var(--ink-3); }
[data-r="view-editor"] [data-part="item"] > [data-r="option"] { min-width: 0; }
[data-r="view-editor"] [data-part="item"][data-rule] { grid-template-columns: 20px minmax(0, 1fr) auto; min-height: var(--row-44); padding-top: 4px; padding-bottom: 4px; }
[data-r="view-editor"] [data-part="item"][data-rule] > [data-part="name"] { flex-direction: column; align-items: flex-start; gap: 2px; }
[data-r="view-editor"] [data-part="item"][data-rule] > [data-part="name"] > span { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
[data-r="view-editor"] [data-part="item"] > [data-part="end"] > [data-r="select"] { min-width: 76px; }
[data-r="view-editor"] [data-part="items"] > [data-part="none"] { display: flex; align-items: center; min-height: var(--row-32); padding: 0 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="view-editor"] [data-part="note"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="view-editor"] [data-r="copy-value"] { height: var(--h-28); }
[data-r="view-editor"] [data-r="copy-value"] > [data-part="value"] { white-space: nowrap; }
[data-r="view-editor"] > [data-part="problem"] { display: flex; align-items: center; gap: 6px; min-height: var(--row-28); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="view-editor"] > [data-part="problem"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--warning-ink); }
[data-r="view-editor"] > [data-part="problem"][hidden] { display: none; }
[data-r="view-editor"] > [data-part="section"] > [data-part="section-head"] { margin-bottom: 0; }
[data-r="view-editor"] > [data-part="section"] > [data-part="content"] { padding: 4px 0 12px; }
[data-r="view-editor"] > [data-part="section"]:has(> [data-part="section-head"] > [data-part="label"][aria-expanded="true"]) > [data-part="section-head"] > [data-part="summary"] { visibility: hidden; }
}

/* ═══ 57-sidebar-rail.css ═══ */
@layer components {
@property --nav-w { syntax: "<length>"; inherits: false; initial-value: 240px; }
[data-r="shell"][data-sidebar-states] { position: relative; grid-template-columns: var(--nav-w, 240px) minmax(0, 1fr); overflow: hidden; }
[data-r="shell"][data-sidebar-states] > [data-part="nav"] { position: relative; z-index: var(--z-sticky); display: flex; min-width: 0; min-height: 0; overflow: visible; pointer-events: none; }
[data-r="shell"][data-sidebar-states] > [data-part="work"],
[data-r="shell"][data-sidebar-states] > [data-r="panel"] { grid-column: 2; grid-row: 1; }
[data-r="shell"][data-sidebar-states] > [data-part="dim"] { position: absolute; inset: 0; z-index: var(--z-sticky); background: var(--backdrop); opacity: 0; pointer-events: none; }
[data-r="shell"][data-sidebar-states] > [data-part="nav"]:not(:has(> [data-surface])) { overflow: hidden; pointer-events: auto; }
[data-r="shell"][data-sidebar-states] > [data-part="nav"] > [data-r="sidebar"]:not([data-surface]) { flex: none; width: var(--sidebar-w, 240px); height: 100%; }
[data-r="shell"][data-sidebar-states] > [data-part="nav"] > [data-r="icon-rail"] { flex: none; height: 100%; }
[data-r="shell"][data-sidebar-states]:not([data-show="sidebar"]) > [data-part="nav"] > [data-r="sidebar"]:not([data-surface]):not([data-floating]),
[data-r="shell"][data-sidebar-states]:not([data-show="rail"]) > [data-part="nav"] > [data-r="icon-rail"] { display: none; }
[data-r="shell"][data-sidebar-states] > [data-part="nav"] > [data-r="sidebar"]:not([data-surface])[data-floating] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); position: absolute; z-index: 3; top: 8px; bottom: 8px; left: 0; height: auto; border-radius: 0 var(--r-contain) var(--r-contain) 0; background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e3); }
[data-r="shell"]:not([data-sidebar-states]) > [data-r="sidebar"][data-floating] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); position: absolute; z-index: 3; top: 8px; bottom: 8px; left: 0; height: auto; border-radius: 0 var(--r-contain) var(--r-contain) 0; background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e3); }
[data-r="shell"][data-sidebar-states] > [data-part="sidebar-edge"] { position: absolute; z-index: var(--z-sticky); top: 0; bottom: 0; left: calc(var(--nav-w, 240px) - 3px); width: 6px; cursor: ew-resize; touch-action: none; outline: none; }
[data-r="shell"][data-sidebar-states] > [data-part="sidebar-edge"]::after { content: ""; position: absolute; left: 2.5px; top: 12px; bottom: 12px; width: 1px; background: transparent; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="shell"][data-sidebar-states] > [data-part="sidebar-edge"]:is(:hover, [data-resizing])::after { background: var(--line-5); transition-duration: 0s; }
}
[data-r="shell"][data-sidebar-states] > [data-part="sidebar-edge"]:is([data-force~="hover"], [data-resizing])::after { background: var(--line-5); transition-duration: 0s; }
[data-r="shell"][data-sidebar-states] > [data-part="sidebar-edge"]:focus-visible::after { background: var(--accent); transition-duration: 0s; }
[data-r="shell"][data-sidebar-states] > [data-part="sidebar-edge"][data-force~="focus"]::after { background: var(--accent); transition-duration: 0s; }
@media (pointer: coarse) {
  [data-r="shell"][data-sidebar-states] > [data-part="sidebar-edge"] { left: calc(var(--nav-w, 240px) - 6px); width: 12px; }
  [data-r="shell"][data-sidebar-states] > [data-part="sidebar-edge"]::after { left: 5.5px; }
}
[data-r="shell"][data-sidebar-states]:not([data-sidebar="expanded"]) > [data-part="sidebar-edge"] { display: none; }
[data-r="shell"][data-sidebar-states] > [data-part="sidebar-edge"] > [data-part="tip"] { position: absolute; left: 14px; top: 50%; translate: 0 -50%; padding: 4px 8px; border-radius: var(--r-press); background: var(--ink); color: var(--paper); font-size: var(--fs-12); line-height: var(--lh-12); white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity var(--state-out); }
[data-r="shell"][data-sidebar-states] > [data-part="sidebar-edge"][data-detent] > [data-part="tip"] { opacity: 1; transition-duration: 0s; }
[data-r="shell"][data-sidebar-states] > [data-part="edge-zone"] { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; width: 8px; }
[data-r="shell"][data-sidebar-states][data-sidebar="expanded"] > [data-part="edge-zone"] { display: none; }
@media (hover: none) {
  [data-r="shell"][data-sidebar-states] > [data-part="edge-zone"] { display: none; }
}
[data-r="shell"][data-sidebar-states]:has(> [data-part="top"]) { grid-template-rows: auto minmax(0, 1fr); }
[data-r="shell"][data-sidebar-states] > [data-part="top"] { grid-column: 1 / -1; grid-row: 1; position: relative; z-index: calc(var(--z-sticky) + 1); }
[data-r="shell"][data-sidebar-states]:has(> [data-part="top"]) > [data-part="nav"] { grid-column: 1; grid-row: 2; }
[data-r="shell"][data-sidebar-states]:has(> [data-part="top"]) > :is([data-part="work"], [data-r="panel"]) { grid-row: 2; }
[data-r="shell"][data-sidebar-states]:has(> [data-part="top"]) > :is([data-part="sidebar-edge"], [data-part="edge-zone"]) { top: var(--h-42); }
[data-r="shell"][data-sidebar-states]:has(> [data-part="top"]) > [data-part="show-sidebar"] { display: none; }
[data-r="shell"][data-sidebar-states] > [data-part="show-sidebar"] { position: absolute; z-index: 2; top: 16px; left: 16px; }
[data-r="shell"][data-sidebar-states]:not([data-sidebar="hidden"]) > [data-part="show-sidebar"] { display: none; }
[data-r="shell"][data-sidebar-states] > [data-part="work"] :is([data-r="page-header"], [data-part="head"]) > [data-part="bar"]:first-child { transition: padding-left var(--section) var(--ease-expo); }
[data-r="shell"][data-sidebar-states][data-sidebar="hidden"]:not(:has(> [data-part="top"])) > [data-part="work"] > [data-r="panel"] > [data-r="page-header"] > [data-part="bar"]:first-child,
[data-r="shell"][data-sidebar-states][data-sidebar="hidden"]:not(:has(> [data-part="top"])) > [data-part="work"] > [data-r="panel"] > [data-r="page"] > [data-r="page-header"] > [data-part="bar"]:first-child,
[data-r="shell"][data-sidebar-states][data-sidebar="hidden"]:not(:has(> [data-part="top"])) > [data-part="work"] > [data-r="split-view"] > [data-part="pane"][data-side="start"] > [data-r="page"] > [data-r="page-header"] > [data-part="bar"]:first-child { padding-left: 44px; }
[data-r="sidebar"][data-surface] { --sidebar-open: 1; --sidebar-lift: 0; --sidebar-slide: 1; --sidebar-width: 240px; --sidebar-rail: 48px; /* out of a shell the surface is the width of what holds it */ --sidebar-surface: 100%; --sidebar-inner: 100%; --sidebar-pill: calc(100% - 16px); --sidebar-words: clamp(0, (var(--sidebar-open) - .32) * 2.6, 1); --sidebar-dots: clamp(0, 1 - var(--sidebar-open) * 3, 1); position: relative; display: flex; flex-direction: column; gap: 0; padding: 0; overflow: hidden; border-radius: 0; }
[data-r="sidebar"][data-surface][data-floating] { border-radius: var(--r-contain); }
[data-r="shell"][data-sidebar-states] > [data-part="nav"] > [data-r="sidebar"][data-surface][data-floating] { margin: calc(var(--sidebar-lift) * var(--space-8)) 0 calc(var(--sidebar-lift) * var(--space-8)) 0; border-radius: 0 calc(var(--sidebar-lift) * var(--r-contain)) calc(var(--sidebar-lift) * var(--r-contain)) 0; /* allow: radius · the contain corner on the right, grown as the sidebar lifts */ }
[data-r="shell"][data-sidebar-states] > [data-part="nav"] > [data-r="sidebar"][data-surface] { --sidebar-surface: calc(var(--sidebar-rail) + (var(--sidebar-width) - var(--sidebar-rail)) * var(--sidebar-open)); --sidebar-inner: var(--sidebar-width); --sidebar-pill: calc(var(--sidebar-surface) - 16px); --sidebar-ring: min(100%, var(--sidebar-pill)); display: block; flex: none; align-self: stretch; width: var(--sidebar-surface); height: auto; margin: 0; overflow: visible; background: transparent; isolation: isolate; pointer-events: auto; /* hidden, the surface leaves at the width it has, by that width and the lift's reach */ translate: calc((var(--sidebar-slide) - 1) * (var(--sidebar-surface) + 16px)) 0; }
[data-r="shell"][data-sidebar-states] > [data-part="nav"] > [data-r="sidebar"][data-surface][data-gone] { visibility: hidden; }
[data-r="shell"][data-compact] [data-r="sidebar"][data-surface] { --sidebar-open: 1; --sidebar-surface: 100%; --sidebar-inner: 100%; --sidebar-pill: calc(100% - 16px); }
[data-r="sidebar"][data-surface][data-floating] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); }
[data-r="sidebar"][data-surface][data-floating]::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-raised)), var(--e3); opacity: var(--sidebar-lift); pointer-events: none; }
[data-r="sidebar"][data-surface] > [data-part="inner"] { position: relative; z-index: 1; display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; padding-top: 8px; overflow: hidden; border-radius: inherit; }
[data-r="shell"][data-sidebar-states] > [data-part="nav"] > [data-r="sidebar"][data-surface] > [data-part="inner"] { position: absolute; inset: 0; }
[data-r="sidebar"][data-surface] > [data-part="inner"] > * { flex: none; width: var(--sidebar-inner); }
[data-r="sidebar"][data-surface] [data-for][hidden] { display: none; }
[data-r="sidebar"][data-surface] [data-part="head"] { display: flex; align-items: center; gap: 4px; height: var(--h-44); margin-bottom: 7px; padding: 0 8px 0 14px; }
[data-r="sidebar"][data-surface] [data-part="head"] > [data-part="workspace"] { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; height: var(--h-28); padding: 0 6px; margin-left: -6px; border-radius: var(--r-row); font-weight: var(--fw-550); color: var(--ink); transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="sidebar"][data-surface] [data-part="head"] > [data-part="workspace"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="sidebar"][data-surface] [data-part="head"] > [data-part="workspace"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="sidebar"][data-surface] [data-part="head"] > [data-part="workspace"] > span:not([data-r]) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface] [data-part="head"] > [data-part="switch"] { flex: none; margin-left: auto; opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface] [data-part="switch"] > [data-r="button"] { position: relative; }
[data-r="sidebar"][data-surface] [data-part="switch"] > [data-r="button"] > [data-r="dot"] { position: absolute; top: 3px; right: 3px; width: 5px; height: 5px; }
[data-r="sidebar"][data-surface] [data-part="switch"] > [aria-checked="true"] > [data-r="dot"] { display: none; }
[data-r="sidebar"][data-surface] [data-part="head"] > [data-part="tools"] { display: flex; align-items: center; gap: 2px; flex: none; opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface]:not([data-floating]) [data-part="tools"] > [data-sidebar-keep] { display: none; }
[data-r="sidebar"][data-surface][data-narrow] [data-part="head"] > :is([data-part="switch"], [data-part="tools"]),
[data-r="sidebar"][data-surface][data-narrow] [data-part="head"] > [data-part="workspace"] > span:not([data-r]) { display: none; }
[data-r="sidebar"][data-surface] [data-part="search"] { display: flex; align-items: center; gap: 6px; width: calc(min(var(--sidebar-inner), var(--sidebar-surface)) - 16px); height: var(--h-28); margin: 0 8px 8px; padding: 0 6px 0 9px; border-radius: var(--r-press); background: var(--pill-rest); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); color: var(--ink-3); cursor: text; transition: box-shadow var(--state-out) var(--ease-ring); }
@media (hover: hover) {
  [data-r="sidebar"][data-surface] [data-part="search"]:hover { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
}
[data-r="sidebar"][data-surface] [data-part="search"][data-force~="hover"] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
[data-r="sidebar"][data-surface] [data-part="search"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); }
[data-r="sidebar"][data-surface] [data-part="search"]:focus-within { box-shadow: var(--ring-field); --ring-gap: var(--pill-rest); }
[data-r="sidebar"][data-surface] [data-part="search"] > input { flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; background: transparent; color: var(--ink); font: inherit; outline: none; opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface] [data-part="search"] > input::placeholder { color: var(--ink-3); }
[data-r="sidebar"][data-surface] [data-part="search"] > :is([data-r="key"], [data-r="keys"]) { flex: none; opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface] [data-part="scroll"] { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden auto; scrollbar-width: none; /* a fade only on a side with more behind it; the behaviour sets the two from the scroll */ mask-image: linear-gradient(transparent, black var(--fade-top, 0px), black calc(100% - var(--fade-bottom, 0px)), transparent); /* allow: colour-literal · a mask's alpha, not a colour */ }
[data-r="sidebar"][data-surface] :is([data-part="scroll"], [data-part="leaving"])[data-more-above] { --fade-top: 8px; }
[data-r="sidebar"][data-surface] :is([data-part="scroll"], [data-part="leaving"])[data-more-below] { --fade-bottom: 16px; }
[data-r="sidebar"][data-surface] [data-part="leaving"] { position: absolute; left: 0; z-index: 2; overflow: hidden; pointer-events: none; mask-image: linear-gradient(transparent, black var(--fade-top, 0px), black calc(100% - var(--fade-bottom, 0px)), transparent); /* allow: colour-literal · a mask's alpha, not a colour */ }
[data-r="sidebar"][data-surface] [data-part="leaving"] > [data-part="list"] { position: absolute; left: 0; right: 0; }
[data-r="sidebar"][data-surface] [data-part="list"] { display: flex; flex-direction: column; gap: 1px; padding: 0 8px 8px; }
[data-r="sidebar"][data-surface] [data-part="list"][hidden] { display: none; }
[data-r="sidebar"][data-surface] [data-part="pill"] { position: absolute; left: 8px; top: 0; z-index: 0; width: var(--sidebar-pill); height: var(--row-28); border-radius: var(--r-row); translate: 0 var(--pill-y, 0px); will-change: translate; pointer-events: none; }
[data-r="sidebar"][data-surface] [data-part="pill"][data-pill="current"] { background: var(--well-selected-hover); opacity: var(--pill-on, 0); }
[data-r="sidebar"][data-surface][data-floating] [data-part="pill"][data-pill="current"] { background: var(--raised-selected-hover); }
[data-r="sidebar"][data-surface] [data-part="pill"][data-pill="hover"] { background: var(--plane-hover); opacity: var(--pill-on, 0); transition: opacity var(--state-out); }
[data-r="sidebar"][data-surface] [data-part="pill"][data-pill="hover"][data-on] { transition-duration: 0s; }
[data-r="sidebar"][data-surface] [data-part="scroll"] [data-r="sidebar-item"] { position: relative; z-index: 1; outline: none; }
[data-r="sidebar"][data-surface] [data-part="branch"] > [data-part="disclosure"] { z-index: 2; }
@media (hover: hover) {
  [data-r="sidebar"][data-surface][data-pills] [data-part="scroll"] [data-r="sidebar-item"]:is(:hover, [aria-current="page"]) { background: transparent; }
}
[data-r="sidebar"][data-surface][data-pills] [data-part="scroll"] [data-r="sidebar-item"]:is([data-force~="hover"], [aria-current="page"]) { background: transparent; }
[data-r="sidebar"][data-surface] [data-part="scroll"] [data-r="sidebar-item"][aria-current="page"],
[data-r="sidebar"][data-surface] [data-part="scroll"] [data-r="sidebar-item"][aria-current="page"] > svg[data-icon] { transition-duration: 0s; }
[data-r="sidebar"][data-surface] [data-r="sidebar-item"][hidden] { display: none; }
[data-r="sidebar"][data-surface] [data-part="scroll"] [data-r="sidebar-item"]:focus-visible::before { content: ""; position: absolute; inset: 0; width: var(--sidebar-ring, 100%); border-radius: inherit; box-shadow: inset 0 0 0 var(--px) var(--accent); pointer-events: none; }
[data-r="sidebar"][data-surface] [data-part="scroll"] [data-r="sidebar-item"][data-force~="focus"]::before { content: ""; position: absolute; inset: 0; width: var(--sidebar-ring, 100%); border-radius: inherit; box-shadow: inset 0 0 0 var(--px) var(--accent); pointer-events: none; }
[data-r="sidebar"][data-surface] [data-r="sidebar-item"] > :is([data-part="label"], [data-part="age"], [data-part="count"], [data-part="after"], [data-part="state"], [data-part="caret"], [data-r="dot"]) { opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface] [data-r="sidebar-item"] > [data-r="dot"]:first-child { opacity: 1; }
[data-r="sidebar"][data-surface] [data-r="sidebar-item"] > [data-part="label"] > mark { background: none; color: inherit; text-decoration: underline var(--px) var(--line-5); text-underline-offset: 3px; }
[data-r="sidebar"][data-surface] [data-r="sidebar-item"][data-depth="1"],
[data-r="sidebar"][data-surface] [data-part="children"] > * > [data-r="sidebar-item"][data-depth="1"] { padding-left: calc(8px + 24px * var(--sidebar-open)); }
[data-r="sidebar"][data-surface] [data-r="sidebar-item"] > svg[data-twin] { position: absolute; left: 8px; top: calc(50% - var(--icon-16) / 2); opacity: 0; }
[data-r="sidebar"][data-surface] [data-r="sidebar-item"][aria-current="page"] > svg[data-twin] { opacity: var(--sidebar-dots); }
[data-r="sidebar"][data-surface] [data-r="sidebar-item"][aria-current="page"]:has(> svg[data-twin]) > svg[data-icon]:first-child { opacity: calc(1 - var(--sidebar-dots)); }
[data-r="sidebar"][data-surface] [data-r="sidebar-item"] > [data-part="corner"] { position: absolute; top: 4px; left: 19px; display: flex; border-radius: var(--r-round); box-shadow: 0 0 0 2px var(--plane, var(--ground)); opacity: var(--sidebar-dots); pointer-events: none; }
[data-r="sidebar-item"] > [data-part="corner"] > [data-r="dot"]:not([data-state]) { background: var(--new-mark); }
[data-r="sidebar-item"] > [data-part="corner"] > [data-r="dot"] { width: 5px; height: 5px; }
[data-r="sidebar-item"] > [data-part="corner"] > [data-r="dot"][data-part="check-in"] { background: var(--status-warning); animation: r-call var(--pulse) var(--ease-pulse) 3; }
@media (prefers-reduced-motion: reduce) {
  [data-r="sidebar-item"] > [data-part="corner"] > [data-r="dot"] { animation: none; }
}
[data-r="sidebar"][data-surface] [data-part="section"][hidden] { display: none; }
[data-r="sidebar"][data-surface] [data-r="sidebar-section"] { position: relative; }
[data-r="sidebar"][data-surface] [data-r="sidebar-section"] > span { opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface] [data-r="sidebar-section"] > svg[data-icon] { opacity: var(--sidebar-words); transition: transform var(--fold-turn) var(--ease-fold-turn); }
[data-r="sidebar"][data-surface] [data-part="heading"] > [data-part="tools"] { opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface] [data-r="sidebar-section"]::after { content: ""; position: absolute; left: 8px; top: 50%; width: 16px; height: var(--px); background: var(--line-3); opacity: var(--sidebar-dots); }
[data-r="sidebar"][data-surface] :is([data-part="group"], [data-part="children"]),
[data-r="sidebar"][data-surface] :is([data-part="group"], [data-part="children"]) > * { transition: none; }
[data-r="sidebar"][data-surface] [data-part="branch"] > [data-part="disclosure"] > svg[data-icon] { transition: transform var(--fold-turn) var(--ease-fold-turn); }
[data-r="sidebar"][data-surface][data-narrow] [data-part="branch"] > [data-part="disclosure"] { visibility: hidden; }
[data-r="sidebar"][data-surface] [data-part="divider"] { opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface][data-filtering] :is([data-part="group"], [data-part="children"]) { grid-template-rows: 1fr; }
[data-r="sidebar"][data-surface][data-filtering] :is([data-part="group"], [data-part="children"]) > * { visibility: visible; }
[data-r="sidebar"][data-surface][data-filtering] :is([data-part="divider"], [data-part="disclosure"]) { display: none; }
[data-r="sidebar"][data-surface] [data-part="scroll"] > [data-r="sidebar-item"][data-find] { margin: 0 8px 8px; }
[data-r="sidebar"][data-surface] [data-part="empty"] { margin: 4px 16px; color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface] [data-part="empty"][hidden] { display: none; }
[data-r="sidebar"][data-surface] [data-part="foot"] { display: flex; flex-direction: column; gap: 1px; padding: 8px; }
[data-r="sidebar"][data-surface] [data-part="foot"] > [data-part="season"] { opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface] [data-part="account"] > :not([data-r="avatar"]) { opacity: var(--sidebar-words); }
@media (prefers-reduced-motion: reduce) {
  [data-r="sidebar"][data-surface] :is([data-part="pill"], [data-part="search"], [data-r="sidebar-section"] > svg[data-icon], [data-part="disclosure"] > svg[data-icon]),
  [data-r="shell"][data-sidebar-states] > [data-part="sidebar-edge"] > [data-part="tip"] { transition: none; }
}
[data-r="sidebar"] > [data-part="head"] > [data-r="button"][data-part="fold"] { flex: none; }
[data-r="sidebar"] [data-part="divider"] { flex: none; height: var(--px); margin: 6px 8px; }
[data-r="sidebar"] [data-part="branch"] { position: relative; display: flex; flex-direction: column; flex: none; }
[data-r="sidebar"] [data-part="branch"] > [data-r="sidebar-item"] { padding-right: 28px; }
[data-r="sidebar"] [data-part="branch"] > [data-part="disclosure"] { position: absolute; top: 4px; right: 4px; display: flex; align-items: center; justify-content: center; width: var(--h-20); height: var(--h-20); border-radius: var(--r-press); color: var(--ink); transition: background-color var(--state-out); }
[data-r="sidebar"] [data-part="branch"] > [data-part="disclosure"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); transition: transform var(--fold-turn) var(--ease-fold-turn); }
[data-r="sidebar"][data-surface] [data-part="branch"] > [data-part="disclosure"] { opacity: var(--sidebar-words); }
@media (hover: hover) {
  [data-r="sidebar"] [data-part="branch"] > [data-part="disclosure"]:hover { background: var(--plane-selected); color: var(--ink); transition-duration: 0s; }
}
[data-r="sidebar"] [data-part="branch"] > [data-part="disclosure"][data-force~="hover"] { background: var(--plane-selected); color: var(--ink); transition-duration: 0s; }
[data-r="sidebar"] [data-part="branch"] > [data-part="disclosure"][aria-expanded="false"] > svg[data-icon] { transform: rotate(-90deg); }
[data-r="sidebar"] [data-part="children"] { display: grid; grid-template-rows: 1fr; flex: none; }
[data-r="sidebar"] [data-part="children"] > * { display: flex; flex-direction: column; gap: 1px; min-height: 0; overflow: clip; overflow-clip-margin: 2px; }
[data-r="sidebar"] [data-part="branch"]:has(> [data-part="disclosure"][aria-expanded="false"]) + [data-part="children"] { grid-template-rows: 0fr; }
[data-r="sidebar"] [data-part="branch"]:has(> [data-part="disclosure"][aria-expanded="false"]) + [data-part="children"] > * { visibility: hidden; }
@supports (transition-behavior: allow-discrete) {
  [data-r="sidebar"] [data-part="branch"]:has(> [data-part="disclosure"][aria-expanded="false"]) + [data-part="children"] > * { display: none; }
}
[data-r="sidebar"] [data-part="children"] > * > [data-r="sidebar-item"][data-depth="1"] { padding-left: 32px; }
[data-r="sidebar-item"] > [data-r="dot"][data-part="check-in"] { background: var(--status-warning); animation: r-call var(--pulse) var(--ease-pulse) 3; }
@media (prefers-reduced-motion: reduce) {
  [data-r="sidebar-item"] > [data-r="dot"][data-part="check-in"] { animation: none; }
}
[data-r="sidebar"] [data-part="zone"] { display: flex; flex-direction: column; gap: 1px; flex: none; }
[data-r="sidebar"] [data-part="season"] { display: flex; align-items: center; gap: 8px; flex: none; height: var(--row-28); padding: 0 8px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="sidebar"] [data-part="season"] > [data-part="name"] { flex: none; font-weight: var(--fw-450); }
[data-r="sidebar"] [data-part="season"] > [data-part="weeks"] { display: flex; flex: 1; min-width: 0; gap: 2px; overflow: hidden; }
[data-r="sidebar"] [data-part="season"] > [data-part="weeks"] > i { flex: none; width: 6px; height: 6px; border-radius: var(--r-mark); box-shadow: inset 0 0 0 var(--px) var(--line-4); }
[data-r="sidebar"] [data-part="season"] > [data-part="weeks"] > i[data-state="done"] { background: var(--a20); box-shadow: none; }
[data-r="sidebar"] [data-part="season"] > [data-part="weeks"] > i[data-state="now"] { border-radius: var(--r-round); background: conic-gradient(var(--accent-mark) calc(var(--p, 0) * 360deg), transparent 0); box-shadow: inset 0 0 0 var(--px) var(--accent-mark); }
[data-r="sidebar"] [data-part="season"] > [data-part="week"] { flex: none; }
[data-r="sidebar-item"][data-part="split"] { width: 100%; text-align: left; }
[data-r="sidebar-item"][data-part="split"] > [data-part="state"] { flex: none; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="sidebar-item"][data-part="split"][aria-pressed="true"] { background: var(--plane-selected); color: var(--ink); }
[data-r="sidebar-item"][data-part="split"][aria-pressed="true"] > svg[data-icon] { color: var(--thing, var(--ink)); }
[data-r="sidebar-item"][data-part="split"][aria-pressed="true"] > [data-part="state"] { color: var(--ink-2); }
[data-r="icon-rail"] { display: flex; flex-direction: column; align-items: center; gap: 1px; width: 48px; min-height: 0; padding: 8px 10px; background: var(--ground); color: var(--ink-2); user-select: none; -webkit-user-select: none; overflow: hidden auto; scrollbar-width: none; }
[data-r="icon-rail"] > [data-part="head"] { display: flex; align-items: center; justify-content: center; flex: none; height: var(--h-44); margin-bottom: 7px; }
[data-r="icon-rail"] > [data-part="item"] { position: relative; display: flex; align-items: center; justify-content: center; flex: none; width: var(--h-28); height: var(--h-28); border-radius: var(--r-row); color: var(--ink-2); transition: background-color var(--state-out), color var(--state-out); }
[data-r="icon-rail"] > [data-part="item"] > svg[data-icon] { --thing: initial; width: var(--icon-16); height: var(--icon-16); color: inherit; }
[data-r="icon-rail"] > [data-part="item"] > svg[data-part="solid"] { display: none; }
@media (hover: hover) {
  [data-r="icon-rail"] > [data-part="item"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="icon-rail"] > [data-part="item"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="icon-rail"] > [data-part="item"][aria-current="page"] { background: var(--plane-selected); color: var(--ink); }
@media (hover: hover) {
  [data-r="icon-rail"] > [data-part="item"][aria-current="page"]:hover { background: var(--plane-selected); color: var(--ink); }
}
[data-r="icon-rail"] > [data-part="item"][aria-current="page"][data-force~="hover"] { background: var(--plane-selected); color: var(--ink); }
[data-r="icon-rail"] > [data-part="item"][aria-current="page"]:has(> svg[data-part="solid"]) > svg[data-icon]:not([data-part="solid"]) { display: none; }
[data-r="icon-rail"] > [data-part="item"][aria-current="page"] > svg[data-part="solid"] { display: block; }
[data-r="icon-rail"] > [data-part="item"]:where([data-quiet]) { color: var(--ink-3); }
[data-r="icon-rail"] > [data-part="item"] > [data-part="dot"] { position: absolute; top: 4px; right: 4px; width: 5px; height: 5px; border-radius: var(--r-round); background: var(--new-mark); }
[data-r="icon-rail"] > [data-part="item"] > [data-part="dot"]:is([data-tone="check-in"], [data-tone="you"]) { background: var(--status-warning); animation: r-call var(--pulse) var(--ease-pulse) 3; }
[data-r="icon-rail"] > [data-part="item"] > [data-part="dot"][data-tone="failed"] { background: var(--status-critical); animation: r-call var(--pulse) var(--ease-pulse) 3; }
[data-r="icon-rail"] > [data-part="item"] > [data-part="dot"][data-tone="working"] { background: var(--accent-mark); animation: r-pulse var(--pulse) var(--ease-pulse) infinite alternate; }
[data-r="icon-rail"] > [data-part="item"] > [data-part="dot"][data-tone="working"][data-progress] { animation: none; background: conic-gradient(var(--accent-mark) calc(var(--p, 0) * 360deg), color-mix(in srgb, var(--accent-mark) 24%, transparent) 0); }
@media (prefers-reduced-motion: reduce) {
  [data-r="icon-rail"] > [data-part="item"] > [data-part="dot"] { animation: none; }
}
[data-r="icon-rail"] > [data-part="divider"] { flex: none; width: 16px; height: var(--px); margin: 6px 0; background: var(--line-2); }
[data-r="icon-rail"] > [data-part="foot"] { display: flex; flex-direction: column; align-items: center; gap: 4px; flex: none; margin-top: auto; padding-top: 8px; }
[data-r="icon-rail"][data-variant="labelled"] { align-items: stretch; gap: 4px; width: 64px; padding: 8px 0; background: var(--plane); box-shadow: inset calc(var(--px) * -1) 0 0 var(--line-2); }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="head"] { align-self: center; width: 40px; height: 40px; margin-bottom: 8px; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] { flex-direction: column; justify-content: flex-start; gap: 2px; width: auto; height: auto; padding: 2px 4px; border-radius: 0; background: transparent; color: var(--ink-2); outline: none; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"][aria-current="page"] { background: transparent; }
@media (hover: hover) {
  [data-r="icon-rail"][data-variant="labelled"] > [data-part="item"]:hover,
  [data-r="icon-rail"][data-variant="labelled"] > [data-part="item"][aria-current="page"]:hover { background: transparent; }
}
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"][data-force~="hover"],
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"][aria-current="page"][data-force~="hover"] { background: transparent; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] > [data-part="box"] { position: relative; display: flex; align-items: center; justify-content: center; flex: none; width: var(--h-32); height: var(--h-32); border-radius: var(--r-value); transition: background-color var(--state-out), color var(--state-out); }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] > [data-part="box"] > svg[data-icon] { --thing: initial; width: var(--icon-16); height: var(--icon-16); color: inherit; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] > [data-part="box"] > svg[data-part="solid"] { display: none; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] > [data-part="label"] { max-width: 100%; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-2); text-align: center; white-space: nowrap; overflow: hidden; transition: color var(--state-out); }
@media (hover: hover) {
  [data-r="icon-rail"][data-variant="labelled"] > [data-part="item"]:hover > [data-part="box"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"][data-force~="hover"] > [data-part="box"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"][aria-current="page"] > [data-part="box"] { background: var(--plane-selected); color: var(--ink); }
@media (hover: hover) {
  [data-r="icon-rail"][data-variant="labelled"] > [data-part="item"][aria-current="page"]:hover > [data-part="box"] { background: var(--plane-selected-hover, var(--plane-selected)); color: var(--ink); }
}
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"][aria-current="page"][data-force~="hover"] > [data-part="box"] { background: var(--plane-selected-hover, var(--plane-selected)); color: var(--ink); }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"][aria-current="page"] > [data-part="label"] { color: var(--ink); }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"][aria-current="page"] > [data-part="box"]:has(> svg[data-part="solid"]) > svg[data-icon]:not([data-part="solid"]) { display: none; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"][aria-current="page"] > [data-part="box"] > svg[data-part="solid"] { display: block; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"]:where([data-quiet]) > :is([data-part="box"], [data-part="label"]) { color: var(--ink-3); }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"]:focus-visible > [data-part="box"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"][data-force~="focus"] > [data-part="box"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] > [data-part="box"] > [data-part="dot"] { position: absolute; top: 4px; right: 4px; width: 5px; height: 5px; border-radius: var(--r-round); background: var(--new-mark); }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] > [data-part="box"] > [data-part="dot"]:is([data-tone="check-in"], [data-tone="you"]) { background: var(--status-warning); animation: r-call var(--pulse) var(--ease-pulse) 3; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] > [data-part="box"] > [data-part="dot"][data-tone="failed"] { background: var(--status-critical); animation: r-call var(--pulse) var(--ease-pulse) 3; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] > [data-part="box"] > [data-part="dot"][data-tone="working"] { background: var(--accent-mark); animation: r-pulse var(--pulse) var(--ease-pulse) infinite alternate; }
[data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] > [data-part="box"] > [data-part="dot"][data-tone="working"][data-progress] { animation: none; background: conic-gradient(var(--accent-mark) calc(var(--p, 0) * 360deg), color-mix(in srgb, var(--accent-mark) 24%, transparent) 0); }
@media (prefers-reduced-motion: reduce) {
  [data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] > [data-part="box"] > [data-part="dot"] { animation: none; }
}
[data-r="icon-rail"][data-variant="labelled"] > [data-part="divider"] { align-self: center; width: var(--h-24); margin: 4px 0; }
}

/* ═══ 57a-app-switcher.css ═══ */
@layer components {
[data-r="app-switcher"] { display: flex; align-items: center; gap: 8px; min-width: 0; height: var(--h-28); padding: 0 6px; border: 0; border-radius: var(--r-row); background: none; color: var(--ink); font: inherit; font-weight: var(--fw-550); text-align: left; white-space: nowrap; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="app-switcher"]:is(:hover, [aria-expanded="true"]) { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="app-switcher"]:is([data-force~="hover"], [aria-expanded="true"]) { background: var(--plane-hover); transition-duration: 0s; }
[data-r="app-switcher"] > [data-part="name"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="app-switcher"] > svg[data-icon] { flex: none; color: var(--thing, var(--ink-3)); }
[data-r="sidebar"] [data-part="head"] > [data-r="app-switcher"] { flex: 1; margin-left: -6px; }
[data-r="sidebar"][data-surface] [data-part="head"] > [data-r="app-switcher"] > :is([data-part="name"], svg[data-icon]) { opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface][data-narrow] [data-part="head"] > [data-r="app-switcher"] > :is([data-part="name"], svg[data-icon]) { display: none; }
}

/* ═══ 58-check.css ═══ */
@layer components {
[data-r="check"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="card"][data-variant="lifted"] > [data-r="check"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); }
[data-r="card"][data-variant="lifted"] > [data-r="check"] > [data-r="list"] { padding: 0 0 4px; }
[data-r="card"][data-variant="lifted"] > [data-r="check"] > [data-r="list"] > :is([data-r="list-row"], [data-r="list-group"], [data-r="list-subgroup"], [data-r="list-create"], [data-r="list-total"]) { margin-left: 4px; margin-right: 4px; }
}

/* ═══ 59-agenda.css ═══ */
@layer components {
[data-r="agenda"] { container: agenda / inline-size; display: flex; flex-direction: column; min-width: 0; }
[data-r="card"][data-variant="lifted"] > [data-r="agenda"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); }
[data-r="card"][data-variant="lifted"] > [data-r="agenda"] > [data-r="list"] { padding: 0 0 4px; }
[data-r="card"][data-variant="lifted"] > [data-r="agenda"] > [data-r="list"] > :is([data-r="list-row"], [data-r="list-group"], [data-r="list-subgroup"], [data-r="list-create"], [data-r="list-total"], [data-part="now"]) { margin-left: 4px; margin-right: 4px; }
[data-r="agenda"] :is([data-r="list-row"], [data-part="now"]) > [data-part="clock"] { flex: none; width: 36px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="agenda"] :is([data-r="list-row"], [data-part="now"]) > [data-part="km"] { flex: none; width: 56px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
@container agenda (max-width: 399px) {
  [data-r="agenda"]:has([data-part="title"] > [data-r="calendar-session"]) :is([data-r="list-row"], [data-part="now"]) > [data-part="km"] { display: none; }
}
@container row-list (width < 420px) {
  [data-r="agenda"]:not(:has([data-part="km"]:not(:empty))) :is([data-r="list-row"], [data-part="now"]) > [data-part="km"] { display: none; }
  [data-r="agenda"]:not(:has([data-part="km"]:not(:empty))) [data-r="list"] > [data-r="list-row"]:has(> [data-part="title"]:nth-child(4) + [data-part="meta"]) { grid-template-columns: auto auto minmax(0, 1fr) auto; }
  [data-r="agenda"]:has([data-part="km"]:not(:empty)) [data-r="list"] > [data-r="list-row"]:has(> [data-part="title"] + [data-part="meta"]):has(> [data-part="end"] > :not([data-wide])) { padding-top: 8px; padding-bottom: 8px; }
  [data-r="agenda"]:has([data-part="km"]:not(:empty)) [data-r="list"] > [data-r="list-row"]:has(> [data-part="title"] + [data-part="meta"]) > [data-part="end"] { grid-column: -3 / -1; grid-row: 3; justify-content: flex-end; margin-top: 7px; padding-left: 0; }
}
[data-r="agenda"] [data-r="list-row"] > [data-part="meta"] { flex: 1 1 0; }
[data-r="agenda"] [data-r="list-row"][data-when="past"] > [data-part="clock"] { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="agenda"] [data-r="list-row"][data-when="past"] > svg[data-icon] { --thing: initial; color: var(--thing, var(--ink-4)); }
[data-r="agenda"] [data-part="now"] { display: flex; align-items: center; gap: 10px; flex: none; height: var(--h-20); margin: 0 8px; padding: 0 12px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); color: var(--ink); }
[data-r="agenda"] [data-part="now"] > [data-part="clock"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="agenda"] [data-part="now"] > span:last-child { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
[data-r="agenda"] [data-part="now"] > span:last-child::after { content: ""; flex: 1; height: var(--px); background: var(--ink-3); }
}

/* ═══ 60-list.css ═══ */
@layer components {
[data-r="list"] { display: flex; flex-direction: column; padding: 4px 0 8px; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="list-row"] { --h: var(--row-44); position: relative; display: flex; align-items: center; gap: 10px; flex: none; height: var(--h); min-height: var(--h); margin: 0 8px; padding: 0 12px; border-radius: var(--r-row); color: var(--ink-2); white-space: nowrap; transition: background-color var(--state-out), color var(--state-out); }
[data-r="list-row"][data-size="32"] { --h: var(--row-32); gap: 8px; }
[data-r="list-row"][data-size="36"] { --h: var(--row-36); }
[data-r="list-row"][data-size="40"] { --h: var(--row-40); }
[data-r="list-row"][data-size="52"] { --h: var(--row-52); }
[data-r="list-row"][data-size="60"] { --h: var(--row-60); }
[data-r="list-row"] > [data-part="title"] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: var(--fw-500); color: var(--ink); }
[data-r="list-row"] > [data-part="id"] { flex: none; min-width: 52px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="list-row"] > [data-part="meta"] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--ink-3); }
[data-r="list-row"] > [data-part="end"] { display: flex; align-items: center; gap: 8px; flex: none; margin-left: auto; padding-left: 12px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="list-row"] > [data-part="end"] > time { min-width: 72px; text-align: right; }
[data-r="list-row"] > [data-part="end"] > [data-wide]:where(:not(time)) { display: contents; }
[data-r="list"]:has([data-r="list-row"] > [data-part="end"] [data-wide]) { container: row-list / inline-size; }
@container row-list (width < 420px) {
  [data-r="list-row"] > [data-part="end"] > [data-wide] { display: none; }
}
@container row-list (width < 420px) {
  [data-r="list-row"] > [data-part="end"] * > [data-wide] { display: none; }
  [data-r="list-row"] > [data-part="end"] [data-r="fact"] > svg[data-icon]:first-child + [data-wide]:last-child { display: inline; position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  [data-r="list-row"] > [data-part="end"] [data-r="fact"]:has(> svg[data-icon]:first-child + [data-wide]:last-child) { padding-right: 5px; }
  [data-r="list-row"] > [data-part="end"] [data-r="fact"]:has(> svg[data-icon]:first-child + [data-wide]:last-child) > svg[data-icon] { margin-right: 0; }
}
[data-r="list-row"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="list-row"] > [data-part="stack"] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
[data-r="list-row"] > [data-part="stack"] > :first-child { font-weight: var(--fw-500); color: var(--ink); overflow: hidden; text-overflow: ellipsis; }
[data-r="list-row"] > [data-part="stack"] > :last-child { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; }
[data-r="list-group"] > [data-part="end"] > [data-wide] { display: contents; }
:is([data-r="list-row"], [data-r="list-group"]) > [data-part="end"] > [data-narrow-only] { display: none; }
[data-r="list"]:has(:is([data-r="list-row"], [data-r="list-group"]) > [data-part="end"] :is([data-wide], [data-narrow-only])) { container: row-list / inline-size; }
@container row-list (width < 420px) {
  [data-r="list-group"] > [data-part="end"] > [data-wide] { display: none; }
  :is([data-r="list-row"], [data-r="list-group"]) > [data-part="end"] [data-wide] { display: none; }
  :is([data-r="list-row"], [data-r="list-group"]) > [data-part="end"] > [data-narrow-only] { display: contents; }
}
[data-r="list"]:has(> [data-r="list-row"] > [data-part="end"] > [data-r="button"] ~ [data-r="button"]) { container: row-list / inline-size; }
@container row-list (width < 420px) {
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="end"] > [data-r="button"] ~ [data-r="button"]):is(:has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(1)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+2)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(2)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+3)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(3)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+4)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(4)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+5)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(5)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+6)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(6)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+7)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(7)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+8))) > [data-part="end"] > [data-r="button"]:has(> svg[data-icon]) > span:not([data-part]) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="end"] > [data-r="button"] ~ [data-r="button"]):is(:has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(1)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+2)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(2)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+3)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(3)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+4)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(4)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+5)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(5)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+6)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(6)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+7)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(7)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+8))):has(> [data-part="end"] > [data-r="button"]:not([hidden]) > span:first-child) { flex-wrap: wrap; row-gap: 8px; height: auto; min-height: var(--h); padding-top: 8px; padding-bottom: 8px; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="end"] > [data-r="button"] ~ [data-r="button"]):is(:has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(1)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+2)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(2)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+3)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(3)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+4)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(4)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+5)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(5)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+6)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(6)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+7)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(7)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+8))):has(> [data-part="end"] > [data-r="button"]:not([hidden]) > span:first-child) > :is([data-part="stack"], [data-part="title"]) { flex: 1 1 0; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="end"] > [data-r="button"] ~ [data-r="button"]):is(:has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(1)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+2)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(2)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+3)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(3)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+4)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(4)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+5)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(5)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+6)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(6)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+7)), :has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(7)):has(> [data-part="end"] > [data-r="button"]:not([hidden]):nth-child(n+8))):has(> [data-part="end"] > [data-r="button"]:not([hidden]) > span:first-child) > [data-part="end"] { flex: 1 0 100%; justify-content: flex-end; padding-left: 0; }
}
[data-r="list"]:not([data-mode="grid"]):has(> [data-r="list-row"] > [data-part="title"] + [data-part="meta"]) { container: row-list / inline-size; }
@container row-list (width < 420px) {
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="title"] + [data-part="meta"]) { display: grid; grid-template-columns: minmax(var(--title-min), 1fr) auto; grid-template-rows: auto auto; align-content: center; column-gap: 10px; row-gap: 1px; height: auto; min-height: var(--h); }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="title"]:nth-child(2) + [data-part="meta"]) { grid-template-columns: auto minmax(var(--title-min), 1fr) auto; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="title"]:nth-child(3) + [data-part="meta"]) { grid-template-columns: auto auto minmax(var(--title-min), 1fr) auto; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="title"]:nth-child(4) + [data-part="meta"]) { grid-template-columns: auto auto auto minmax(var(--title-min), 1fr) auto; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="title"] + [data-part="meta"]) > * { grid-row: 1 / span 2; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="title"] + [data-part="meta"]) > [data-part="title"] { grid-row: 1; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="title"] + [data-part="meta"]) > [data-part="meta"] { grid-row: 2; font-size: var(--fs-12); line-height: var(--lh-12); }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="title"] + [data-part="meta"]) > [data-part="end"] { flex-wrap: wrap; justify-content: flex-end; row-gap: 1px; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="title"] + [data-part="meta"]):has(> [data-part="end"] > :not([data-wide]) ~ :not([data-wide])):has(> [data-part="end"] > :not([data-wide]):is([data-r], :not(span, time, b))) { padding-top: 8px; padding-bottom: 8px; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="title"] + [data-part="meta"]):has(> [data-part="end"] > :not([data-wide]) ~ :not([data-wide])):has(> [data-part="end"] > :not([data-wide]):is([data-r], :not(span, time, b))) > [data-part="end"] { grid-column: -3 / -1; grid-row: 3; flex-wrap: nowrap; margin-top: 7px; padding-left: 0; }
}
[data-r="list"]:not([data-mode="grid"]):has(> [data-r="list-row"] > [data-part="end"] > form [data-r="field"]) { container: row-list / inline-size; }
@container row-list (width < 420px) {
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="end"] > form [data-r="field"]) { flex-wrap: wrap; row-gap: 8px; height: auto; min-height: var(--h); padding-top: 8px; padding-bottom: 8px; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="end"] > form [data-r="field"]) > :is([data-part="stack"], [data-part="title"]) { flex: 1 1 0; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="end"] > form [data-r="field"]) > [data-part="end"] { flex: 1 0 100%; flex-wrap: wrap; row-gap: 8px; justify-content: flex-end; padding-left: 0; }
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:has(> [data-part="end"] > form [data-r="field"]):has(> [data-part="title"] + [data-part="meta"]) > [data-part="end"] { grid-column: -3 / -1; grid-row: 3; margin-top: 7px; }
}
[data-r="list"],
[data-r="list-row"] { --title-min: 96px; }
:is([data-r="list"]:not([data-mode="grid"]), [data-r="doc-figure"], [data-r="sortable"], [data-r="list"] > [data-part="item"]):has(> [data-r="list-row"] > :is([data-part="title"], [data-part="stack"]) + [data-part="end"]) { container: row-list / inline-size; }
@container row-list (width < 420px) {
  :not([data-r="list"][data-mode="grid"]) > [data-r="list-row"]:has(> :is([data-part="title"], [data-part="stack"]) + [data-part="end"]) { flex-wrap: wrap; row-gap: 4px; height: auto; min-height: var(--h); padding-top: max(0px, calc(var(--h) / 2 - 20px)); padding-bottom: max(0px, calc(var(--h) / 2 - 20px)); }
  :not([data-r="list"][data-mode="grid"]) > [data-r="list-row"] > :is([data-part="title"], [data-part="stack"]):has(+ [data-part="end"]) { flex: 1 1 var(--title-min); max-width: max-content; }
}
@container row-list (width < 420px) {
  [data-r="list-row"] > [data-part="stack"] > * > [data-keep-line] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
  [data-r="list-row"] > [data-part="stack"] > * > [data-keep-line] > * { white-space: nowrap; }
  [data-r="list-row"] > [data-part="stack"] > * > [data-keep-line] > :first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  [data-r="list-row"] > [data-part="stack"] > * > [data-keep-line] > [data-sep] { display: none; }
  [data-r="list-row"] > [data-part="stack"] > [data-part="meta"]:has(> [data-r="toggletip"][data-variant="word"]) { white-space: normal; text-overflow: clip; }
}
[data-r="list-row"] > [data-part="select"] { display: flex; align-items: center; justify-content: center; width: 14px; margin-left: -4px; margin-right: -4px; opacity: 0; transition: opacity var(--state-out); }
[data-r="list-row"][aria-selected="true"] > [data-part="select"],
[data-r="list"][data-selecting] [data-r="list-row"] > [data-part="select"] { opacity: 1; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="list-row"]:hover > [data-part="select"] { opacity: 1; transition-duration: 0s; }
}
[data-r="list-row"][data-force~="hover"] > [data-part="select"] { opacity: 1; transition-duration: 0s; }
[data-r="list-row"][data-highlighted] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="list-row"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="list-row"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="list-row"][aria-selected="true"] { background: var(--plane-selected); }
@media (hover: hover) {
  [data-r="list-row"][aria-selected="true"]:hover { background: var(--plane-selected-hover); }
}
[data-r="list-row"][aria-selected="true"][data-force~="hover"] { background: var(--plane-selected-hover); }
[data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"] + [data-r="list-row"]::before { content: ""; position: absolute; top: 0; left: 12px; right: 12px; height: var(--px); background: linear-gradient(90deg, transparent, var(--line-3) 12%, var(--line-3) 88%, transparent); pointer-events: none; transition: opacity var(--state-out); }
[data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:hov + [data-r="list-row"]::before,
[data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:is([data-highlighted], [aria-selected="true"], [data-context-open])::before,
[data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:is([data-highlighted], [aria-selected="true"], [data-context-open]) + [data-r="list-row"]::before { opacity: 0; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:hover::before,
  [data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"]:hover + [data-r="list-row"]::before { opacity: 0; transition-duration: 0s; }
}
[data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"][data-force~="hover"]::before,
[data-r="list"]:not([data-mode="grid"]) > [data-r="list-row"][data-force~="hover"] + [data-r="list-row"]::before { opacity: 0; transition-duration: 0s; }
[data-r="list-row"] > [data-part="end"]:has(> [data-part="more"]) { position: relative; }
[data-r="list-row"] > [data-part="end"] > [data-part="more"] { position: absolute; right: -4px; top: 50%; transform: translateY(-50%); opacity: 0; pointer-events: none; }
[data-r="list-row"]:is([data-highlighted], [data-context-open], :focus-within) > [data-part="end"] > [data-part="more"],
[data-r="list-row"] > [data-part="end"] > [data-part="more"][aria-expanded="true"] { opacity: 1; pointer-events: auto; }
@media (hover: hover) {
  [data-r="list-row"]:hover > [data-part="end"] > [data-part="more"] { opacity: 1; pointer-events: auto; }
}
[data-r="list-row"][data-force~="hover"] > [data-part="end"] > [data-part="more"] { opacity: 1; pointer-events: auto; }
[data-r="list-row"]:is([data-highlighted], [data-context-open], :focus-within) > [data-part="end"]:has(> [data-part="more"]) > time,
[data-r="list-row"] > [data-part="end"]:has(> [data-part="more"][aria-expanded="true"]) > time { visibility: hidden; }
@media (hover: hover) {
  [data-r="list-row"]:hover > [data-part="end"]:has(> [data-part="more"]) > time { visibility: hidden; }
}
[data-r="list-row"][data-force~="hover"] > [data-part="end"]:has(> [data-part="more"]) > time { visibility: hidden; }
[data-r="list-row"][aria-selected="true"] > :is([data-part="meta"], [data-part="id"], [data-part="end"]),
[data-r="list-row"][aria-selected="true"] > [data-part="stack"] > :last-child { color: var(--ink-2); }
[data-r="list-row"] > [data-part="title"]:has(> [data-part="name"]) { display: flex; align-items: center; gap: 6px; }
[data-r="list-row"] > [data-part="title"] > [data-part="name"] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="list-row"] > [data-part="title"] > svg[data-part="star"] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--ink-3); fill: currentColor; }
[data-r="list-row"][aria-selected="true"] > [data-part="title"] > svg[data-part="star"] { color: var(--ink-2); }
[data-r="list-row"] > [data-col] > [data-part="tags"] { display: flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; }
[data-r="list-row"] > [data-col] > [data-part="tags"] > [data-r="fact"] { flex: none; }
[data-r="list-row"][data-depth] > [data-part="title"] { padding-left: 20px; }
[data-r="list-row"][data-more] > [data-part="title"] { display: flex; }
[data-r="list-row"][data-more] [data-part="open-rest"] { appearance: none; border: 0; padding: 0; margin: 0; background: none; font: inherit; font-weight: var(--fw-500); color: var(--ink-2); text-align: start; flex: 1 1 auto; min-width: 0; height: 100%; cursor: default; }
[data-r="list-row"][data-more] [data-part="open-rest"]:focus-visible { outline: var(--px) solid var(--accent); outline-offset: 0; }
[data-r="list-row"][data-more] [data-part="open-rest"][data-force~="focus"] { outline: var(--px) solid var(--accent); outline-offset: 0; }
[data-r="list-row"][data-depth="1"] > [data-part="title"] { padding-left: 40px; }
[data-r="list-row"][data-depth="2"] > [data-part="title"] { padding-left: calc(3 * 20px); }
[data-r="list-row"] > [data-part="title"] > [data-part="fold"] { display: grid; place-items: center; flex: none; width: 16px; height: 16px; margin: 0 -2px 0 -20px; padding: 0; border: 0; border-radius: var(--r-key); background: transparent; color: var(--ink-3); cursor: default; transition: background-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="list-row"] > [data-part="title"] > [data-part="fold"]:hover { background: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
}
[data-r="list-row"] > [data-part="title"] > [data-part="fold"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
[data-r="list-row"] > [data-part="title"] > [data-part="fold"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="list-row"] > [data-part="title"] > [data-part="fold"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="list-row"] > [data-part="title"] > [data-part="fold"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); transform: rotate(90deg); }
[data-r="list-row"] > [data-part="title"] > [data-part="fold"][aria-expanded="false"] > svg[data-icon] { transform: none; }
[data-r="list-row"] > [data-part="title"] > [data-r="dot"] { flex: none; }
[data-r="list-row"][data-lifted] { position: fixed; z-index: var(--z-dock); pointer-events: none; cursor: grabbing; background: var(--raised); color: var(--ink); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="list-row"][data-lifted][data-leaving] { opacity: 0; transition: opacity var(--opacity-out) ease-out; }
[data-r="list-group"] { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 8px; flex: none; height: var(--row-36); margin: 8px 8px 2px; padding: 0 12px; background: var(--plane); box-shadow: inset 0 var(--px) 0 var(--line-1); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="list"] > [data-r="list-row"] + [data-r="list-group"] { margin-top: var(--space-12); }
[data-r="list-group"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="list-group"] > [data-part="toggle"] { display: flex; color: var(--ink-3); }
[data-r="list-group"] > [data-part="toggle"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="list-group"][aria-expanded="false"] > [data-part="toggle"] > svg[data-icon] { transform: rotate(-90deg); }
[data-r="list-group"] > [data-part="end"] { margin-left: auto; display: flex; gap: 4px; }
[data-r="list-group"] input[data-part="rename"] { flex: 0 1 auto; min-width: 0; width: 100%; height: var(--h-24); margin: 0 0 0 -4px; padding: 0 4px; border: 0; outline: none; border-radius: var(--r-key); background: var(--paper); box-shadow: var(--ring-field); color: inherit; font: inherit; }
[data-r="list-row"] > [data-part="title"] > input[data-part="rename"] { flex: 1 1 auto; min-width: 0; width: 100%; height: var(--h-20); margin: 0 0 0 -4px; padding: 0 4px; border: 0; outline: none; border-radius: var(--r-key); background: var(--paper); box-shadow: var(--ring-field); color: var(--ink); font: inherit; }
[data-r="list-header"] { position: sticky; top: 0; z-index: 3; display: flex; align-items: center; gap: 10px; height: var(--row-32); margin: 0 8px; padding: 0 12px; background: var(--plane); border-bottom: var(--px) solid var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="list-header"] > [data-part="select"] { display: flex; align-items: center; justify-content: center; width: 14px; margin-left: -4px; margin-right: -4px; }
[data-r="list-create"] { position: relative; display: flex; align-items: center; gap: 10px; flex: none; height: var(--row-32); margin: 0 8px; padding: 0 12px; border-radius: var(--r-row); color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); transition: background-color var(--state-out), color var(--state-out); }
[data-r="list-create"] > [data-part="start"] { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; height: 100%; margin: 0 -12px; padding: 0 12px 0 28px; border-radius: inherit; color: inherit; text-align: left; white-space: nowrap; }
[data-r="list-create"] > [data-part="start"] > svg[data-icon],
[data-r="list-create"] > [data-part="icon"] { width: var(--icon-14); height: var(--icon-14); margin: 0 1px; flex: none; }
[data-r="list-create"] > [data-part="icon"] { display: flex; align-items: center; justify-content: center; width: var(--icon-16); margin: 0 0 0 16px; }
[data-r="list-create"] > [data-part="start"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
@media (hover: hover) {
  [data-r="list-create"]:not([data-editing]):hover { background: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
}
[data-r="list-create"]:not([data-editing])[data-force~="hover"] { background: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
[data-r="list-create"][data-editing] { color: var(--ink-2); }
[data-r="list-create"] > input { flex: 1; min-width: 0; height: var(--h-24); margin: 0 -8px; padding: 0 8px; border: 0; outline: 0; border-radius: var(--r-value); background: var(--raised); box-shadow: var(--ring-inline); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink); }
[data-r="list-create"] > input::placeholder { color: var(--ink-3); opacity: 1; }
[data-r="aggregate"] { display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; flex: none; height: var(--h-24); margin: 0 -6px; padding: 0 6px; border-radius: var(--r-press); color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); font-variant-numeric: tabular-nums; white-space: nowrap; transition: background-color var(--state-out), color var(--state-out); }
[data-r="aggregate"] > [data-part="value"] { font-weight: var(--fw-500); color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; }
[data-r="aggregate"] > [data-part="value"] > [data-part="unit"] { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="aggregate"] > [data-part="value"][data-none] { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="aggregate"]:has(> [data-part="value"][data-none]) > [data-part="kind"] { display: none; }
[data-r="aggregate"][aria-expanded="true"] { background: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="aggregate"]:hover { background: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
}
[data-r="aggregate"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="aggregate"]:is(:hover, [aria-expanded="true"]) > [data-part="value"] { color: var(--ink); }
}
[data-r="aggregate"]:is([data-force~="hover"], [aria-expanded="true"]) > [data-part="value"] { color: var(--ink); }
@media (hover: hover) {
  [data-r="aggregate"]:is(:hover, [aria-expanded="true"]) > [data-part="value"] > [data-part="unit"] { color: var(--ink-2); }
}
[data-r="aggregate"]:is([data-force~="hover"], [aria-expanded="true"]) > [data-part="value"] > [data-part="unit"] { color: var(--ink-2); }
[data-r="list"][data-mode="grid"] { --lead: 3; container: collection / inline-size; padding-top: 0; }
[data-r="list"][data-mode="grid"] :is([data-r="list-header"], [data-r="list-row"], [data-r="list-group"], [data-r="list-subgroup"], [data-r="list-create"], [data-r="list-total"]) { display: grid; grid-template-columns: var(--cols); column-gap: 10px; align-items: center; }
[data-r="list"][data-mode="grid"] :is([data-r="list-header"], [data-r="list-row"]) > [data-part="select"] { margin: 0; justify-self: center; }
[data-r="list"][data-mode="grid"] [data-r="list-row"] > * { min-width: 0; }
[data-r="list"][data-mode="grid"] [data-r="list-row"] > :is([data-r="status"], [data-r="reading-state"], [data-r="avatar"], [data-r="dot"], svg[data-icon]) { justify-self: center; }
[data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-col] { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-col]:has(> [data-r="fact"], > [data-r="status"], > [data-r="avatar"], > svg[data-icon], > [data-r="dot"]) { display: flex; align-items: center; gap: 6px; }
[data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-col]:has(> [data-r="budget-bar"]) { display: flex; align-items: center; gap: 8px; }
[data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-col] > [data-r="budget-bar"] { flex: 1 1 auto; min-width: 32px; max-width: 72px; }
[data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-col] > [data-r="budget-bar"] + span { flex: none; color: var(--ink-3); }
[data-r="list"][data-mode="grid"] [data-col][data-num] { justify-self: end; text-align: right; font-variant-numeric: tabular-nums; }
[data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-col] [data-part="unit"] { color: var(--ink-3); }
[data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-col][data-empty] { color: var(--ink-3); }
[data-r="list"][data-mode="grid"] [data-r="list-row"][aria-selected="true"] > [data-col]:is([data-empty], [data-muted]),
[data-r="list"][data-mode="grid"] [data-r="list-row"][aria-selected="true"] > [data-col] [data-part="unit"] { color: var(--ink-2); }
[data-r="list"][data-records] [data-r="list-row"] > [data-col] > [data-r="fact"] + [data-r="fact"] { margin-left: 4px; }
[data-r="list"][data-records] [data-r="list-row"] > [data-col] > [data-part="more"] { margin-left: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="list"][data-mode="grid"] > [data-r="list-header"] { top: 0; }
[data-r="list-header"] > [data-col] { position: relative; display: flex; align-items: center; min-width: 0; height: 100%; }
[data-r="list-header"] > [data-col][data-num] { justify-content: flex-end; }
[data-r="list-header"] > [data-col] > [data-part="sort"] { display: inline-flex; align-items: center; gap: 4px; min-width: 0; height: var(--h-24); margin: 0 -6px; padding: 0 6px; border-radius: var(--r-press); color: inherit; font: inherit; white-space: nowrap; transition: background-color var(--state-out), color var(--state-out); }
[data-r="list-header"] > [data-col][data-num] > [data-part="sort"] { flex-direction: row-reverse; }
[data-r="list-header"] > [data-col] > [data-part="sort"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="list-header"] > [data-col] > [data-part="sort"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); flex: none; opacity: 0; }
@media (hover: hover) {
  [data-r="list-header"] > [data-col] > [data-part="sort"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="list-header"] > [data-col] > [data-part="sort"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="list-header"] > [data-col] > [data-part="sort"]:hover > svg[data-icon] { opacity: .6; }
}
[data-r="list-header"] > [data-col] > [data-part="sort"][data-force~="hover"] > svg[data-icon] { opacity: .6; }
[data-r="list-header"] > [data-col][aria-sort] > [data-part="sort"] { color: var(--ink); }
[data-r="list-header"] > [data-col][aria-sort] > [data-part="sort"] > svg[data-icon] { opacity: 1; }
[data-r="list-header"] > [data-col][aria-sort="ascending"] > [data-part="sort"] > svg[data-icon] { transform: rotate(180deg); }
[data-r="list-header"] > [data-col] > [data-part="edge"] { position: absolute; z-index: 1; top: 4px; bottom: 4px; right: -10px; width: 9px; cursor: col-resize; touch-action: none; outline: none; }
[data-r="list-header"] > [data-col] > [data-part="edge"]::after { content: ""; position: absolute; left: 4px; top: 2px; bottom: 2px; width: var(--px); background: transparent; transition: background-color var(--state-out); }
[data-r="list-header"] > [data-col] > [data-part="edge"][data-held]::after { background: var(--line-5); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="list-header"] > [data-col] > [data-part="edge"]:hover::after { background: var(--line-5); transition-duration: 0s; }
}
[data-r="list-header"] > [data-col] > [data-part="edge"][data-force~="hover"]::after { background: var(--line-5); transition-duration: 0s; }
[data-r="list-header"] > [data-col] > [data-part="edge"]:focus-visible::after { background: var(--accent); transition-duration: 0s; }
[data-r="list-header"] > [data-col] > [data-part="edge"][data-force~="focus"]::after { background: var(--accent); transition-duration: 0s; }
[data-r="list"][data-mode="grid"]:has(> [data-r="list-header"]) > [data-r="list-group"] { top: var(--row-32); }
[data-r="list-group"] > [data-part="name"] { display: flex; align-items: center; gap: 4px; min-width: 0; grid-column: 1 / span var(--lead); }
[data-r="list-group"] [data-part="fold"] { display: flex; align-items: center; gap: 10px; min-width: 0; height: var(--h-24); margin-left: -6px; padding: 0 6px; border-radius: var(--r-press); color: inherit; font: inherit; white-space: nowrap; }
[data-r="list-group"] [data-part="fold"] > [data-part="label"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="list-group"] [data-part="fold"] > [data-part="count"] { margin-left: -2px; }
[data-r="list-group"] [data-part="fold"] > [data-part="count"],
[data-r="list-subgroup"] [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="list-group"] [data-part="fold"] > [data-part="toggle"],
[data-r="list-subgroup"] [data-part="toggle"] { display: flex; justify-content: center; width: 14px; flex: none; color: var(--ink-3); }
[data-r="list-group"] [data-part="fold"] > [data-part="toggle"] > svg[data-icon],
[data-r="list-subgroup"] [data-part="toggle"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); transition: transform var(--state-out); }
[data-r="list-group"][aria-expanded="false"] [data-part="fold"] > [data-part="toggle"] > svg[data-icon],
[data-r="list-subgroup"][aria-expanded="false"] [data-part="toggle"] > svg[data-icon] { transform: rotate(-90deg); }
[data-r="list-group"] > [data-part="name"] > [data-part="more"] { opacity: 0; transition: opacity var(--state-out); }
[data-r="list-group"] > [data-part="name"] > [data-part="more"][aria-expanded="true"] { opacity: 1; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="list-group"]:is(:hover, :focus-within) > [data-part="name"] > [data-part="more"] { opacity: 1; transition-duration: 0s; }
}
[data-r="list-group"]:is([data-force~="hover"], :focus-within) > [data-part="name"] > [data-part="more"] { opacity: 1; transition-duration: 0s; }
[data-r="list-group"][data-menu-open] { box-shadow: inset 0 0 0 var(--px) var(--line-3); }
:is([data-r="list-group"], [data-r="list-subgroup"]) > [data-part="agg"] { justify-self: end; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); font-variant-numeric: tabular-nums; }
:is([data-r="list-group"], [data-r="list-subgroup"]) > [data-part="agg"] > [data-part="unit"] { color: var(--ink-3); }
[data-r="list-subgroup"] { display: flex; align-items: center; gap: 10px; flex: none; height: var(--row-28); margin: 4px 8px 0; padding: 0 12px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="list-subgroup"] > [data-part="name"] { display: flex; align-items: center; min-width: 0; grid-column-start: 2; grid-column-end: calc(var(--lead) + 1); }
[data-r="list-subgroup"] [data-part="fold"] { display: flex; align-items: center; gap: 6px; min-width: 0; height: var(--h-20); margin-left: -6px; padding: 0 6px; border-radius: var(--r-press); color: inherit; font: inherit; white-space: nowrap; }
[data-r="list-subgroup"] [data-part="fold"] > [data-part="label"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="list-subgroup"] > [data-part="agg"] { color: var(--ink-3); }
@media (hover: hover) {
  :is([data-r="list-group"], [data-r="list-subgroup"]) [data-part="fold"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
:is([data-r="list-group"], [data-r="list-subgroup"]) [data-part="fold"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="list-total"] { position: sticky; bottom: 0; z-index: 2; display: flex; align-items: center; gap: 10px; flex: none; height: var(--row-36); margin: 4px 8px 0; padding: 0 12px; background: var(--plane); box-shadow: 0 calc(-1 * var(--px)) 0 var(--line-2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="list-total"] > [data-part="label"] { grid-column: 1 / span var(--lead); min-width: 0; font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="list-total"] > [data-r="aggregate"] { justify-self: end; }
[data-r="list"][data-mode="grid"] [data-r="list-create"] > [data-part="start"] { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; margin: 0; padding: 0; border-radius: 0; }
[data-r="list"][data-mode="grid"] [data-r="list-create"] > [data-part="start"] > svg[data-icon],
[data-r="list"][data-mode="grid"] [data-r="list-create"] > [data-part="icon"] { grid-column: calc(var(--lead) - 1); justify-self: center; margin: 0; }
[data-r="list"][data-mode="grid"] [data-r="list-create"] > [data-part="start"] > span { grid-column: var(--lead) / -1; }
[data-r="list"][data-mode="grid"] [data-r="list-create"] > input { grid-column: var(--lead) / -1; }
@container collection (width < 620px) {
  [data-r="list"][data-mode="grid"] :is([data-r="list-row"], [data-r="list-group"], [data-r="list-subgroup"], [data-r="list-create"], [data-r="list-total"]) { display: flex; }
  [data-r="list"][data-mode="grid"] > [data-r="list-header"] { display: none; }
  [data-r="list"][data-mode="grid"] [data-r] > [data-wide][data-wide][data-wide] { display: none; }
  [data-r="list"][data-mode="grid"]:has(> [data-r="list-header"]) > [data-r="list-group"] { top: 0; }
  [data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-part="select"] { margin: 0 -4px; }
  [data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-part="title"] { flex: 1 1 auto; }
  [data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-col] { flex: none; }
  [data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-col][data-num] { min-width: 44px; }
  [data-r="list"][data-mode="grid"] :is([data-r="list-group"], [data-r="list-subgroup"]) > [data-part="name"],
  [data-r="list"][data-mode="grid"] [data-r="list-total"] > [data-part="label"] { flex: 1 1 auto; }
  [data-r="list"][data-mode="grid"] :is([data-r="list-group"], [data-r="list-subgroup"]) > [data-part="agg"] { min-width: 44px; text-align: right; }
  [data-r="list"][data-mode="grid"] [data-r="list-create"] > [data-part="start"] { display: flex; flex: 1; margin: 0 -12px; padding: 0 12px 0 28px; }
  [data-r="list"][data-mode="grid"] [data-r="list-create"] > [data-part="icon"] { margin-left: 16px; }
}
@container collection (width < 620px) {
  [data-r="list"][data-mode="grid"] [data-r="fact"]:has(> [data-wide]:last-child) { padding-right: 5px; }
  [data-r="list"][data-mode="grid"] [data-r="fact"]:has(> [data-wide]:last-child) > :first-child { margin-right: 0; }
}
@container collection (width < 420px) {
  [data-r="list"][data-mode="grid"] [data-r="list-row"] { flex-wrap: wrap; justify-content: flex-end; row-gap: 4px; height: auto; min-height: var(--h); padding-top: max(0px, calc(var(--h) / 2 - 20px)); padding-bottom: max(0px, calc(var(--h) / 2 - 20px)); }
  [data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-part="title"] { flex: 1 1 var(--title-min); max-width: max-content; margin-right: auto; }
  [data-r="list"][data-mode="grid"] :is([data-r="list-group"], [data-r="list-subgroup"], [data-r="list-total"]) > span:empty:not([data-part]) { display: none; }
  [data-r="list"][data-mode="grid"] :is([data-r="list-group"], [data-r="list-total"]) { flex-wrap: wrap; justify-content: flex-end; row-gap: 2px; height: auto; min-height: var(--row-36); padding-top: 6px; padding-bottom: 6px; }
  [data-r="list"][data-mode="grid"] [data-r="list-group"] > [data-part="name"] { flex: 1 1 calc(var(--title-min) + 64px); max-width: max-content; margin-right: auto; }
  [data-r="list"][data-mode="grid"] [data-r="list-total"] > [data-part="label"] { flex: 1 1 var(--title-min); max-width: max-content; margin-right: auto; }
}
@container collection (width < 240px) {
  [data-r="list"][data-mode="grid"] [data-r="list-group"] [data-part="fold"] { gap: 4px; height: auto; min-height: var(--h-24); }
  [data-r="list"][data-mode="grid"] [data-r="list-group"] [data-part="fold"] > :not([data-part]) { display: none; }
  [data-r="list"][data-mode="grid"] [data-r="list-group"] [data-part="fold"] > [data-part="label"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; text-align: left; }
}
@container collection (width < 620px) {
  [data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-part="select"] { flex: none; }
}
[data-r="list"][data-related-of] { display: flex; flex-direction: column; min-width: 0; }
[data-r="list"][data-related-of] > [data-r="list-row"] { cursor: default; }
[data-r="list"][data-related-of] > [data-part="none"] { display: flex; align-items: center; min-height: var(--row-32); margin: 0; padding: 0 12px; border-top: var(--px) dashed var(--line-3); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="list"][data-steps] :is([data-r="list-group"], [data-r="list-subgroup"]) > [data-col] { display: flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); white-space: nowrap; }
[data-r="list"][data-steps] :is([data-r="list-group"], [data-r="list-subgroup"]) > [data-col] > [data-r="budget-bar"] { flex: 1 1 auto; min-width: 32px; max-width: 72px; }
[data-r="list"][data-steps] :is([data-r="list-group"], [data-r="list-subgroup"]) > [data-col] > [data-r="budget-bar"] + span { flex: none; color: var(--ink-3); }
[data-r="list"][data-steps] [data-r="list-subgroup"] > [data-part="agg"] { color: var(--ink-2); }
[data-r="list"][data-steps] [data-col="share"]:has(> [data-r="share-bar"]) { display: flex; align-items: center; gap: 8px; }
[data-r="list"][data-steps] [data-col="share"] > [data-r="share-bar"] { flex: 1 1 auto; width: auto; min-width: 48px; max-width: 88px; }
[data-r="list"][data-steps] [data-col="share"] > [data-r="share-bar"] + span { flex: none; color: var(--ink-3); }
[data-r="list"][data-steps] [data-r="list-row"] > [data-col="target"][data-editing] { overflow: visible; }
[data-r="list"][data-steps] [data-r="list-row"] > [data-col="target"][data-editing] > [data-r="field"] { margin-right: -6px; }
@container collection (width < 620px) {
  [data-r="list"][data-steps] [data-r="list-row"] > [data-col="budget"] { min-width: 0; }
}
}

/* ═══ 61-table.css ═══ */
@layer components {
[data-r="table"] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="table"] th { position: sticky; top: 0; z-index: 1; height: var(--row-32); padding: 0 12px; background: var(--plane); border-bottom: var(--px) solid var(--line-3); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); text-align: left; white-space: nowrap; }
[data-r="table"] th[data-num],
[data-r="table"] td[data-num] { text-align: right; }
[data-r="table"] th > [data-part="sort"] { display: inline-flex; align-items: center; gap: 4px; height: var(--h-24); margin: 0 -6px; padding: 0 6px; border-radius: var(--r-press); color: inherit; font: inherit; transition: background-color var(--state-out), color var(--state-out); }
[data-r="table"] th > [data-part="sort"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); opacity: 0; }
@media (hover: hover) {
  [data-r="table"] th > [data-part="sort"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="table"] th > [data-part="sort"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="table"] th > [data-part="sort"]:hover > svg[data-icon] { opacity: .6; }
}
[data-r="table"] th > [data-part="sort"][data-force~="hover"] > svg[data-icon] { opacity: .6; }
[data-r="table"] th > [data-part="sort"][aria-sort] { color: var(--ink); }
[data-r="table"] th > [data-part="sort"][aria-sort] > svg[data-icon] { opacity: 1; }
[data-r="table"] th > [data-part="sort"][aria-sort="ascending"] > svg[data-icon] { transform: rotate(180deg); }
[data-r="table"] td { height: var(--row-40); padding: 0 12px; border-bottom: var(--px) solid var(--line-1); white-space: nowrap; transition: background-color var(--state-out); }
[data-r="table"] td:first-child { color: var(--ink); font-weight: var(--fw-500); }
[data-r="table"] td > [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="table"] td > [data-part="muted"] { color: var(--ink-3); }
@media (hover: hover) {
  [data-r="table"] tbody tr:hover > td { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="table"] tbody tr[data-force~="hover"] > td { background: var(--plane-hover); transition-duration: 0s; }
[data-r="table"] tbody tr[aria-selected="true"] > td { background: var(--plane-selected); }
@media (hover: hover) {
  [data-r="table"] tbody tr[aria-selected="true"]:hover > td { background: var(--plane-selected-hover); }
}
[data-r="table"] tbody tr[aria-selected="true"][data-force~="hover"] > td { background: var(--plane-selected-hover); }
[data-r="table"] tbody tr[aria-selected="true"] > td > [data-part="unit"],
[data-r="table"] tbody tr[aria-selected="true"] > td > [data-part="muted"] { color: var(--ink-2); }
[data-r="table"] tbody tr > td:first-child { border-radius: var(--r-row) 0 0 var(--r-row); }
[data-r="table"] tbody tr > td:last-child { border-radius: 0 var(--r-row) var(--r-row) 0; }
[data-r="table"] tbody tr:last-child > td { border-bottom: 0; }
[data-r="table"] tfoot td { height: var(--row-36); border-top: var(--px) solid var(--line-3); border-bottom: 0; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); }
[data-r="table"][data-density="comfortable"] td { height: var(--row-44); }
[data-r="table"][data-density="compact"] td { height: var(--row-32); }
[data-r="table"][data-density="dense"] th { height: var(--row-24); padding: 0 8px; }
[data-r="table"][data-density="dense"] td { height: var(--row-24); padding: 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="table"][data-density="dense"] :is(th, td)[data-hide~="dense"] { display: none; }
[data-r="table"] [data-r="avatar"]:not([data-size]) { --s: 20px; }
[data-r="table"][data-density="comfortable"] [data-r="avatar"]:not([data-size]) { --s: 24px; font-size: var(--fs-11); }
[data-r="table"][data-density="dense"] [data-r="avatar"]:not([data-size]) { --s: 18px; }
[data-r="table"] td > [data-part="who"] { display: inline-flex; align-items: center; gap: 8px; vertical-align: middle; }
[data-r="table"][data-density="dense"] td > [data-part="who"] { gap: 6px; }
[data-r="table"] td > [data-r="meter"] { display: inline-block; width: 56px; margin-right: 8px; vertical-align: middle; }
[data-r="table"][data-wrap] td { height: auto; padding-top: 8px; padding-bottom: 8px; white-space: normal; vertical-align: top; }
[data-r="table"][data-wrap] td:first-child { white-space: nowrap; }
[data-r="table"][data-columns] { table-layout: fixed; min-width: var(--table-min, 100%); }
[data-r="table"][data-columns] :is(th, td) { overflow: hidden; text-overflow: ellipsis; }
[data-r="table"][data-columns] th { position: sticky; }
[data-r="table"][data-columns] th[data-col] { overflow: visible; }
[data-r="table"][data-columns] th > [data-part="sort"] { max-width: calc(100% + 12px); vertical-align: middle; }
[data-r="table"][data-columns] th > [data-part="sort"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="table"][data-columns] th[data-num] > [data-part="sort"] { flex-direction: row-reverse; }
[data-r="table"][data-columns] th > [data-part="menu"] { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 0; height: var(--h-20); margin: 0; border-radius: var(--r-press); overflow: hidden; color: var(--ink-3); opacity: 0; transition: opacity var(--state-out), background-color var(--state-out), color var(--state-out); }
[data-r="table"][data-columns] th > [data-part="menu"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
@media (hover: hover) {
  [data-r="table"][data-columns] th:is(:hover, :focus-within) > [data-part="menu"],
  [data-r="table"][data-columns] th > [data-part="menu"]:is(:hover, [aria-expanded="true"]) { width: var(--h-20); margin: 0 0 0 8px; opacity: 1; transition-duration: 0s; }
}
[data-r="table"][data-columns] th:is([data-force~="hover"], :focus-within) > [data-part="menu"],
[data-r="table"][data-columns] th > [data-part="menu"]:is([data-force~="hover"], [aria-expanded="true"]) { width: var(--h-20); margin: 0 0 0 8px; opacity: 1; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="table"][data-columns] th[data-num]:is(:hover, :focus-within) > [data-part="menu"],
  [data-r="table"][data-columns] th[data-num] > [data-part="menu"]:is(:hover, [aria-expanded="true"]) { margin: 0 8px 0 0; }
}
[data-r="table"][data-columns] th[data-num]:is([data-force~="hover"], :focus-within) > [data-part="menu"],
[data-r="table"][data-columns] th[data-num] > [data-part="menu"]:is([data-force~="hover"], [aria-expanded="true"]) { margin: 0 8px 0 0; }
[data-r="table"][data-columns] th > [data-part="menu"][aria-expanded="true"] { background: var(--plane-hover); color: var(--ink); }
@media (hover: hover) {
  [data-r="table"][data-columns] th > [data-part="menu"]:hover { background: var(--plane-hover); color: var(--ink); }
}
[data-r="table"][data-columns] th > [data-part="menu"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); }
@media (hover: hover) {
  [data-r="table"][data-columns] th:is(:hover, :focus-within) > [data-part="sort"],
  [data-r="table"][data-columns] th:has(> [data-part="menu"]:is(:hover, [aria-expanded="true"])) > [data-part="sort"] { max-width: calc(100% + 12px - 28px); }
}
[data-r="table"][data-columns] th:is([data-force~="hover"], :focus-within) > [data-part="sort"],
[data-r="table"][data-columns] th:has(> [data-part="menu"]:is([data-force~="hover"], [aria-expanded="true"])) > [data-part="sort"] { max-width: calc(100% + 12px - 28px); }
@media (hover: hover) {
  [data-r="table"][data-columns] th:is(:hover, :focus-within) > [data-part="sort"]:not([aria-sort]) > svg[data-icon],
  [data-r="table"][data-columns] th:has(> [data-part="menu"]:is(:hover, [aria-expanded="true"])) > [data-part="sort"]:not([aria-sort]) > svg[data-icon] { display: none; }
}
[data-r="table"][data-columns] th:is([data-force~="hover"], :focus-within) > [data-part="sort"]:not([aria-sort]) > svg[data-icon],
[data-r="table"][data-columns] th:has(> [data-part="menu"]:is([data-force~="hover"], [aria-expanded="true"])) > [data-part="sort"]:not([aria-sort]) > svg[data-icon] { display: none; }
@media (hover: hover) {
  [data-r="table"][data-columns] th:is(:hover, :focus-within) > [data-part="menu"],
  [data-r="table"][data-columns] th > [data-part="menu"]:is(:hover, [aria-expanded="true"]) { margin-left: 4px; }
}
[data-r="table"][data-columns] th:is([data-force~="hover"], :focus-within) > [data-part="menu"],
[data-r="table"][data-columns] th > [data-part="menu"]:is([data-force~="hover"], [aria-expanded="true"]) { margin-left: 4px; }
@media (hover: hover) {
  [data-r="table"][data-columns] th[data-num]:is(:hover, :focus-within) > [data-part="menu"],
  [data-r="table"][data-columns] th[data-num] > [data-part="menu"]:is(:hover, [aria-expanded="true"]) { margin-left: 0; margin-right: 4px; }
}
[data-r="table"][data-columns] th[data-num]:is([data-force~="hover"], :focus-within) > [data-part="menu"],
[data-r="table"][data-columns] th[data-num] > [data-part="menu"]:is([data-force~="hover"], [aria-expanded="true"]) { margin-left: 0; margin-right: 4px; }
@media (hover: hover) {
  [data-r="table"][data-columns] th:is(:hover, :focus-within) > [data-part="sort"],
  [data-r="table"][data-columns] th:has(> [data-part="menu"]:is(:hover, [aria-expanded="true"])) > [data-part="sort"] { max-width: calc(100% + 12px - 24px); }
}
[data-r="table"][data-columns] th:is([data-force~="hover"], :focus-within) > [data-part="sort"],
[data-r="table"][data-columns] th:has(> [data-part="menu"]:is([data-force~="hover"], [aria-expanded="true"])) > [data-part="sort"] { max-width: calc(100% + 12px - 24px); }
[data-r="table"][data-columns] th > [data-part="edge"] { position: absolute; z-index: 1; top: 4px; bottom: 4px; right: 0; width: 9px; cursor: col-resize; touch-action: none; outline: none; }
[data-r="table"][data-columns] th > [data-part="edge"]::after { content: ""; position: absolute; right: 0; top: 2px; bottom: 2px; width: var(--px); background: transparent; transition: background-color var(--state-out); }
[data-r="table"][data-columns] th > [data-part="edge"][data-held]::after { background: var(--line-5); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="table"][data-columns] th > [data-part="edge"]:hover::after { background: var(--line-5); transition-duration: 0s; }
}
[data-r="table"][data-columns] th > [data-part="edge"][data-force~="hover"]::after { background: var(--line-5); transition-duration: 0s; }
[data-r="table"][data-columns] th > [data-part="edge"]:focus-visible::after { background: var(--accent); transition-duration: 0s; }
[data-r="table"][data-columns] th > [data-part="edge"][data-force~="focus"]::after { background: var(--accent); transition-duration: 0s; }
[data-r="table"][data-columns] th[data-part="end"] { text-align: right; padding-right: 8px; }
[data-r="table"][data-columns] th[data-part="end"] > [data-r="button"] { vertical-align: middle; }
[data-r="table"][data-pin] :is(th, td):first-child { position: sticky; left: 0; z-index: 1; background-color: var(--plane); }
[data-r="table"][data-pin] thead th:first-child { z-index: 2; }
@media (hover: hover) {
  [data-r="table"][data-pin] tbody tr:hover > td:first-child { background-color: var(--plane-hover); }
}
[data-r="table"][data-pin] tbody tr[data-force~="hover"] > td:first-child { background-color: var(--plane-hover); }
[data-r="table"][data-pin] tbody tr[aria-selected="true"] > td:first-child { background-color: var(--plane-selected); }
@media (hover: hover) {
  [data-r="table"][data-pin] tbody tr[aria-selected="true"]:hover > td:first-child { background-color: var(--plane-selected-hover); }
}
[data-r="table"][data-pin] tbody tr[aria-selected="true"][data-force~="hover"] > td:first-child { background-color: var(--plane-selected-hover); }
[data-r="table"][data-pin][data-scrolled] :is(th, td):first-child { box-shadow: inset calc(-1 * var(--px)) 0 0 var(--line-3); }
[data-r="table"] tfoot td > [data-r="aggregate"] { vertical-align: middle; }
[data-r="table"] tfoot td[data-num] > [data-r="aggregate"] { margin-right: -6px; }
[data-r="table"] td > :is([data-r="status"], [data-r="intensity"], [data-r="fact"], [data-r="dot"]) { vertical-align: middle; }
[data-r="table"] td > [data-part="who"] { column-gap: 8px; }
[data-r="table"] thead > tr[data-part="groups"] > th { height: var(--row-28); border-bottom: 0; }
[data-r="table"] thead > tr[data-part="groups"] > th[data-group] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink-2); }
[data-r="table"] thead > tr[data-part="groups"] + tr > th { top: var(--row-28); }
[data-r="table"][data-groups] thead > tr[data-part="groups"] > th[data-group]::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 1px; background: var(--line-3); }
[data-r="table"][data-freeze] :is(th, td)[data-frozen] { position: sticky; left: var(--left, 0px); z-index: 1; background-color: var(--plane); }
[data-r="table"][data-freeze] thead th[data-frozen] { z-index: 2; }
@media (hover: hover) {
  [data-r="table"][data-freeze] tbody tr:hover > td[data-frozen] { background-color: var(--plane-hover); }
}
[data-r="table"][data-freeze] tbody tr[data-force~="hover"] > td[data-frozen] { background-color: var(--plane-hover); }
[data-r="table"][data-freeze] tbody tr[aria-selected="true"] > td[data-frozen] { background-color: var(--plane-selected); }
@media (hover: hover) {
  [data-r="table"][data-freeze] tbody tr[aria-selected="true"]:hover > td[data-frozen] { background-color: var(--plane-selected-hover); }
}
[data-r="table"][data-freeze] tbody tr[aria-selected="true"][data-force~="hover"] > td[data-frozen] { background-color: var(--plane-selected-hover); }
[data-r="table"][data-freeze][data-scrolled] :is(th, td)[data-frozen="last"] { box-shadow: inset calc(-1 * var(--px)) 0 0 var(--line-3); }
[data-r="table"][data-view="narrow"] { display: block; min-width: 0; }
[data-r="table"][data-view="narrow"] > thead { display: none; }
[data-r="table"][data-view="narrow"] > :is(tbody, tfoot) { display: block; }
[data-r="table"][data-view="narrow"] tr { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px 16px; padding: 10px 12px; border-bottom: var(--px) solid var(--line-1); border-radius: var(--r-row); transition: background-color var(--state-out); }
[data-r="table"][data-view="narrow"] tbody tr:last-child { border-bottom: 0; }
[data-r="table"][data-view="narrow"] tfoot tr { border-top: var(--px) solid var(--line-3); border-bottom: 0; border-radius: 0; }
[data-r="table"][data-view="narrow"] :is(tbody, tfoot) td { position: static; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; height: auto; min-width: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; text-align: right; }
[data-r="table"][data-view="narrow"] :is(tbody, tfoot) td::before { content: attr(data-label); flex: none; text-align: left; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="table"][data-view="narrow"] :is(tbody, tfoot) td:first-child { grid-column: 1 / -1; justify-content: flex-start; text-align: left; }
[data-r="table"][data-view="narrow"] :is(tbody, tfoot) td:first-child::before { content: none; }
[data-r="table"][data-view="narrow"] :is(tbody, tfoot) td:is([data-part="end"], [hidden]) { display: none; }
@media (hover: hover) {
  [data-r="table"][data-view="narrow"] tbody tr:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="table"][data-view="narrow"] tbody tr[data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="table"][data-view="narrow"] tbody tr[aria-selected="true"] { background: var(--plane-selected); }
@media (hover: hover) {
  [data-r="table"][data-view="narrow"] tbody tr:hover > td { background: none; }
}
[data-r="table"][data-view="narrow"] tbody tr[data-force~="hover"] > td { background: none; }
[data-r="table"][data-view="narrow"] tbody tr { grid-template-columns: minmax(0, 1fr) auto; }
[data-r="table"][data-view="narrow"] tbody tr:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="table"][data-view="narrow"] tbody tr[data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="table"][data-view="narrow"] tbody td:first-child { grid-column: 1; }
[data-r="table"][data-view="narrow"] tbody td[data-lead] { grid-column: 2; grid-row: 1; }
[data-r="table"][data-view="narrow"] tbody td[data-lead]::before { content: none; }
[data-r="table"][data-view="narrow"] tbody tr:not([aria-expanded="true"]) > td:not(:first-child):not([data-lead]) { display: none; }
[data-r="table"][data-view="narrow"] tbody tr[aria-expanded="true"] > td:not(:first-child):not([data-lead]) { grid-column: 1 / -1; }
[data-r="table"][data-view="narrow"] :is(tbody, tfoot) td:not(:first-child) { justify-content: flex-end; column-gap: 0; }
[data-r="table"][data-view="narrow"] :is(tbody, tfoot) td:not(:first-child)::before { margin-right: auto; padding-right: 8px; }
[data-r="table"]:not([data-r="card"][data-variant] *) :is(th, td):first-child { padding-left: 0; }
[data-r="table"]:not([data-r="card"][data-variant] *) :is(th, td):last-child { padding-right: 0; }
}

/* ═══ 61a-matrix.css ═══ */
@layer components {
[data-r="matrix"] { --cell: 28px; --gap: 3px; --r1: var(--scale-rank-1); --r2: var(--scale-rank-2); --r3: var(--scale-rank-3); --r4: var(--scale-rank-4); container: matrix / inline-size; display: flex; flex-direction: column; gap: 12px; min-width: 0; color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); font-variant-numeric: tabular-nums; }
[data-r="matrix"] > [data-part="head"] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
[data-r="matrix"] > [data-part="head"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="matrix"] > [data-part="head"] > [data-part="range"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="matrix"] > [data-part="grid"] { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; outline: none; }
[data-r="matrix"] [data-part="row"] { display: grid; grid-template-columns: var(--lead, 72px) repeat(var(--cols, 7), var(--cell)) minmax(56px, max-content); align-items: center; column-gap: var(--gap); }
[data-r="matrix"] [data-part="row"][data-head] { margin-bottom: 2px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="matrix"] [data-part="row"][data-head] > span { min-width: 0; text-align: center; white-space: nowrap; }
[data-r="matrix"] [data-part="row"][data-head] > span:first-child { text-align: left; }
[data-r="matrix"] [data-part="row"][data-head] > [data-part="sum-head"] { padding-left: 12px; text-align: right; }
[data-r="matrix"] [data-part="band"] { display: flex; align-items: flex-end; height: 24px; padding-bottom: 3px; box-sizing: border-box; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="matrix"] [data-part="row"][data-head] + [data-part="band"] { height: 16px; }
[data-r="matrix"] [data-part="label"] { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; }
[data-r="matrix"] [data-part="label"] > b { flex: 0 1 auto; min-width: 16px; overflow: hidden; text-overflow: ellipsis; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="matrix"] [data-part="label"] > span { flex: none; }
[data-r="matrix"] [data-part="label"] > [data-r="avatar"] { flex: none; }
[data-r="matrix"] [data-part="row"][data-current] [data-part="label"] > b { font-weight: var(--fw-550); color: var(--ink); }
@media (hover: hover) {
  [data-r="matrix"] [data-part="row"]:is(:hover, :focus-within) [data-part="label"] > b { color: var(--ink); }
}
[data-r="matrix"] [data-part="row"]:is([data-force~="hover"], :focus-within) [data-part="label"] > b { color: var(--ink); }
[data-r="matrix"] [data-part="cell"] { position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: var(--cell); height: var(--cell); border-radius: var(--r-key); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); outline: none; }
[data-r="matrix"] [data-part="cell"]:is([data-state="none"], [data-state="waiting"]) { background: transparent; box-shadow: inset 0 0 0 var(--px) var(--line-1); }
[data-r="matrix"] [data-part="cell"][data-today]::after { content: ""; position: absolute; left: 4px; right: 4px; bottom: -3px; height: 2px; border-radius: var(--r-press); background: var(--accent); }
@media (hover: hover) {
  [data-r="matrix"]:not([data-static]) [data-part="cell"]:hover { outline: 1px solid var(--ink-3); outline-offset: 1px; }
}
[data-r="matrix"]:not([data-static]) [data-part="cell"][data-force~="hover"] { outline: 1px solid var(--ink-3); outline-offset: 1px; }
[data-r="matrix"] [data-part="cell"][aria-expanded="true"] { outline: 1px solid var(--ink-3); outline-offset: 1px; }
[data-r="matrix"] [data-part="cell"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="matrix"] [data-part="cell"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="matrix"] [data-part="cell"]:is([data-state="missed"], [data-state="excused"]) { background: transparent; }
[data-r="matrix"] [data-part="cell"] > [data-part="mark"]:is([data-landing="missed"], [data-landing="excused"]) { width: 10px; }
[data-r="matrix"] [data-part="cell"][data-state="done"][data-step="1"] { background: var(--r1); box-shadow: none; }
[data-r="matrix"] [data-part="cell"][data-state="done"][data-step="2"] { background: var(--r2); box-shadow: none; }
[data-r="matrix"] [data-part="cell"][data-state="done"][data-step="3"] { background: var(--r3); box-shadow: none; }
[data-r="matrix"] [data-part="cell"][data-state="done"][data-step="4"] { background: var(--r4); box-shadow: none; }
[data-r="matrix"] [data-part="cell"][data-state="planned"] { background: transparent; box-shadow: none; border: 1.5px dashed var(--r1); }
[data-r="matrix"] [data-part="cell"][data-state="planned"][data-step="2"] { border-color: var(--r2); }
[data-r="matrix"] [data-part="cell"][data-state="planned"][data-step="3"] { border-color: var(--r3); }
[data-r="matrix"] [data-part="cell"][data-state="planned"][data-step="4"] { border-color: var(--r4); }
[data-r="matrix"] [data-part="sum"] { min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-align: right; white-space: nowrap; }
[data-r="matrix"] [data-part="row"]:not([data-foot]) > [data-part="sum"] { padding-left: 12px; }
[data-r="matrix"] [data-part="sum"][data-refused] { color: var(--ink-4); }
[data-r="matrix"] [data-part="row"][data-foot] { margin-top: 3px; padding-top: 6px; border-top: var(--px) solid var(--line-1); }
[data-r="matrix"] [data-part="row"][data-foot] > [data-part="label"] { font-weight: var(--fw-500); }
[data-r="matrix"] [data-part="row"][data-foot] > [data-part="sum"]:not([data-all]) { font-size: var(--fs-11); line-height: var(--lh-11); text-align: center; letter-spacing: -0.01em; }
[data-r="matrix"] [data-part="row"][data-foot] > [data-part="sum"][data-all] { padding-left: 12px; font-weight: var(--fw-550); color: var(--ink); }
[data-r="matrix"] [data-part="none"] { display: flex; align-items: center; gap: 8px; height: var(--row-40); color: var(--ink-3); }
[data-r="matrix"] > [data-part="legend"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding-top: 12px; border-top: var(--px) solid var(--line-1); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="matrix"] [data-part="key"] { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
[data-r="matrix"] [data-part="key"] > small { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="matrix"] [data-part="swatch"] { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none; box-sizing: border-box; width: 12px; height: 12px; border-radius: var(--r-key); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); }
[data-r="matrix"] [data-part="swatch"][data-step="1"] { background: var(--r1); box-shadow: none; }
[data-r="matrix"] [data-part="swatch"][data-step="2"] { background: var(--r2); box-shadow: none; }
[data-r="matrix"] [data-part="swatch"][data-step="3"] { background: var(--r3); box-shadow: none; }
[data-r="matrix"] [data-part="swatch"][data-step="4"] { background: var(--r4); box-shadow: none; }
[data-r="matrix"] [data-part="swatch"][data-state="planned"] { background: transparent; box-shadow: none; border: 1.5px dashed var(--r3); }
[data-r="matrix"] [data-part="swatch"]:is([data-state="missed"], [data-state="excused"], [data-state="waiting"]) { background: transparent; }
[data-r="matrix"] [data-part="swatch"] > [data-part="mark"]:is([data-landing="missed"], [data-landing="excused"]) { width: 8px; }
[data-r="matrix"] [data-part="swatch"][data-today] { background: transparent; box-shadow: none; }
[data-r="matrix"] [data-part="swatch"][data-today]::after { content: ""; position: absolute; left: 1px; right: 1px; bottom: 1px; height: 2px; border-radius: var(--r-press); background: var(--accent); }
[data-r="matrix"] > [data-part="detail"] { width: 320px; padding: 12px 4px 4px; }
[data-r="matrix"] > [data-part="detail"] > [data-part="title"] { margin: 0 12px 2px; }
[data-r="matrix"] > [data-part="detail"] > [data-part="meta"] { margin: 0 12px 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="matrix"] > [data-part="detail"] [data-r="list-row"] { margin: 0; }
@container matrix (max-width: 419px) {
  [data-r="matrix"] > :is([data-part="grid"], [data-part="legend"]) { --cell: 22px; --gap: 2px; }
  [data-r="matrix"] [data-part="row"] { grid-template-columns: var(--lead-narrow, 40px) repeat(var(--cols, 7), var(--cell)) minmax(40px, max-content); }
  [data-r="matrix"] [data-part="label"] > b + span { display: none; }
  [data-r="matrix"] [data-part="row"]:not([data-foot]) > [data-part="sum"],
  [data-r="matrix"] [data-part="row"][data-head] > [data-part="sum-head"],
  [data-r="matrix"] [data-part="row"][data-foot] > [data-part="sum"][data-all] { padding-left: 8px; }
  [data-r="matrix"] [data-part="row"][data-foot] > [data-part="sum"]:not([data-all]) { font-size: var(--fs-9); line-height: var(--lh-9); }
}
[data-r="matrix"][data-cell="wide"] [data-part="row"] { grid-template-columns: var(--lead, 72px) repeat(var(--cols, 7), var(--cell-w, 64px)) minmax(56px, max-content); }
[data-r="matrix"][data-cell="wide"] [data-part="cell"] { width: var(--cell-w, 64px); }
[data-r="matrix"][data-cell="wide"] [data-part="row"][data-head] > span { overflow: hidden; text-overflow: ellipsis; }
[data-r="matrix"][data-cell="wide"] [data-part="row"][data-head] > span > svg[data-glyph] { display: block; margin: 0 auto 2px; }
@container matrix (max-width: 419px) {
  [data-r="matrix"][data-cell="wide"] [data-part="row"] { grid-template-columns: var(--lead-narrow, 40px) repeat(var(--cols, 7), minmax(0, 1fr)) minmax(40px, max-content); }
  [data-r="matrix"][data-cell="wide"] [data-part="cell"] { width: auto; }
}
@container matrix (max-width: 419px) {
  [data-r="matrix"][data-cell="wide"] [data-part="row"][data-head] > span > svg[data-glyph] + [data-part="name"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  [data-r="matrix"][data-cell="wide"] [data-part="row"][data-head] > span > [data-part="name"]:first-child { display: inline-block; writing-mode: vertical-rl; white-space: nowrap; }
  [data-r="matrix"][data-cell="wide"] [data-part="row"][data-head] > span:has(> [data-part="name"]:first-child) { align-self: end; padding-bottom: 4px; }
}
[data-r="matrix"][data-tone="ink"] :is([data-part="cell"][data-state="done"], [data-part="swatch"])[data-step] { background: var(--ink-4); box-shadow: none; }
[data-r="matrix"][data-steps="count"] :is([data-part="cell"][data-state="done"], [data-part="swatch"])[data-step="1"] { background: var(--a20); }
[data-r="matrix"][data-steps="count"] :is([data-part="cell"][data-state="done"], [data-part="swatch"])[data-step="2"] { background: var(--a35); }
[data-r="matrix"][data-steps="count"] :is([data-part="cell"][data-state="done"], [data-part="swatch"])[data-step="3"] { background: var(--a50); }
[data-r="matrix"][data-steps="count"] :is([data-part="cell"][data-state="done"], [data-part="swatch"])[data-step="4"] { background: var(--a70); }
[data-r="matrix"][data-cell="preview"] { --gap: 8px; --cell-min: 128px; }
[data-r="matrix"][data-cell="preview"] [data-part="row"] { grid-template-columns: var(--lead, 72px) repeat(var(--cols, 3), minmax(var(--cell-min), 1fr)); align-items: stretch; }
[data-r="matrix"][data-cell="preview"] [data-part="row"][data-head] > span:not(:first-child) { padding-left: 6px; text-align: left; }
[data-r="matrix"][data-cell="preview"] [data-part="label"] { align-self: center; }
[data-r="matrix"][data-cell="preview"] [data-part="cell"] { flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 6px; width: auto; height: auto; padding: 4px 4px 6px; border-radius: var(--r-contain); background: transparent; box-shadow: none; transition: background-color var(--state-out), box-shadow var(--state-out); }
@media (hover: hover) {
  [data-r="matrix"][data-cell="preview"]:not([data-static]) [data-part="cell"]:hover { outline: none; background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="matrix"][data-cell="preview"]:not([data-static]) [data-part="cell"][data-force~="hover"] { outline: none; background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="matrix"][data-cell="preview"] [data-part="cell"][aria-current="true"] { background-color: var(--plane-selected); }
[data-r="matrix"][data-cell="preview"] [data-part="cell"][aria-selected="true"] { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="matrix"][data-cell="preview"] [data-part="cell"]:focus-visible { outline-offset: 2px; }
[data-r="matrix"][data-cell="preview"] [data-part="cell"][data-force~="focus"] { outline-offset: 2px; }
[data-r="matrix"][data-cell="preview"] [data-part="cell"] > [data-part="preview"] { display: grid; place-items: center; min-height: var(--preview-h, 88px); padding: 12px; overflow: hidden; border-radius: var(--r-row); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="matrix"][data-cell="preview"] [data-part="cell"] > [data-part="preview"] > :is(img, svg, canvas) { max-width: 100%; max-height: 100%; }
[data-r="matrix"][data-cell="preview"] [data-part="cell"] > [data-part="preview"] iframe { display: block; border: 0; }
[data-r="matrix"][data-cell="preview"] [data-part="cell"] > [data-part="foot"] { display: flex; align-items: center; gap: 6px; min-width: 0; padding: 0 2px; }
[data-r="matrix"][data-cell="preview"] [data-part="cell"] > [data-part="foot"] > [data-part="name"] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="matrix"][data-cell="preview"] [data-part="cell"][aria-current="true"] > [data-part="foot"] > [data-part="name"] { color: var(--ink); }
[data-r="matrix"][data-cell="preview"] [data-part="cell"] > [data-part="foot"] > [data-r="badge"] { flex: none; }
@container matrix (max-width: 479px) {
  [data-r="matrix"][data-cell="preview"] [data-part="row"] { grid-template-columns: var(--lead-narrow, 56px) repeat(var(--cols, 3), minmax(0, 1fr)); }
  [data-r="matrix"][data-cell="preview"][data-narrow="scroll"] [data-part="row"] { grid-template-columns: var(--lead-narrow, 56px) repeat(var(--cols, 3), minmax(var(--cell-min), 1fr)); }
}
}

/* ═══ 62-card.css ═══ */
@layer components {
[data-r="card"] { position: relative; display: flex; flex-direction: column; min-width: 0; padding-top: 4px; border-top: var(--px) solid var(--line-1); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="card"]:not([data-variant]):first-child { padding-top: 0; border-top: 0; }
[data-r="card"]:not([data-variant]):first-child > [data-part="header"] { padding-top: 0; }
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-r="card"]:not([data-variant]),
[data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-r="scroll-area"] > [data-part="viewport"] > [data-r="card"]:not([data-variant]) { padding-left: 16px; padding-right: 16px; }
[data-r="card"]:is([data-variant="lifted"], [data-variant="canvas"]) { padding-top: 0; border-top: 0; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="card"][data-variant="lifted"] > :is([data-part="header"], [data-part="body"], [data-part="footer"]) { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); }
[data-r="card"] > [data-part="header"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 44px; padding: 12px 0 0; }
[data-r="card"][data-variant="lifted"] > [data-part="header"] { padding: 12px 12px 0 16px; }
[data-r="card"] > [data-part="header"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="card"] > [data-part="header"] > [data-part="mark"] { display: flex; align-items: center; justify-content: center; flex: none; width: var(--icon-14); height: var(--lh-13); margin-right: -2px; color: var(--thing, var(--ink-3)); }
[data-r="card"] > [data-part="header"] > [data-part="mark"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="card"] > [data-part="header"] > [data-part="meta"] { min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="card"] > [data-part="header"] > [data-part="actions"] { margin-left: auto; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; max-width: 100%; }
[data-r="page"][data-narrow] [data-r="card"] > [data-part="header"] > [data-part="meta"] { white-space: normal; min-width: 0; }
[data-r="card"] > [data-part="body"] { padding: 12px 0 16px; }
:where([data-r="card"] > [data-part="body"]) > :not(:first-child) { margin-top: var(--space-16); }
[data-r="card"]:not([data-variant]):has(+ [data-r="card"]:not([data-variant])) > [data-part="body"]:last-child { padding-bottom: 0; }
:is([data-r="card"]:not([data-variant]), [data-r="page"]:not([data-template="collection"]) [data-part="column"], [data-r="side-panel"] [data-part="content"], [data-r="side-panel"] > [data-part="body"], [data-r="page"] :is(aside[data-part="side"], aside[data-part="rail"]) [data-part="section"], [data-r="conversation"] [data-r="message"]) [data-r="list"]:not([data-r="card"][data-variant] *) > :is([data-r="list-row"], [data-r="list-header"], [data-r="list-create"], [data-r="list-total"], [data-r="list-subgroup"]) { margin-left: -12px; margin-right: -12px; }
:is([data-r="card"]:not([data-variant]), [data-r="page"]:not([data-template="collection"]) [data-part="column"], [data-r="side-panel"] [data-part="content"], [data-r="side-panel"] > [data-part="body"], [data-r="page"] :is(aside[data-part="side"], aside[data-part="rail"]) [data-part="section"], [data-r="conversation"] [data-r="message"]) [data-r="list"]:not([data-r="card"][data-variant] *) > [data-r="list-group"] { margin-left: -12px; margin-right: -12px; padding-left: 12px; padding-right: 12px; }
[data-r="page"]:not([data-template="collection"]) [data-part="column"] > [data-r="properties"]:not([data-editing]) { padding-left: 0; padding-right: 0; }
:is([data-r="card"]:not([data-variant]) > [data-part="header"] + [data-r="list"], [data-r="card"]:not([data-variant]) > [data-part="header"] + [data-part="body"] > [data-r="list"]:first-child) > [data-r="list-group"]:first-child { margin-top: 0; box-shadow: none; }
[data-r="card"][data-variant="lifted"] > [data-part="body"] { padding: 12px 16px 16px; }
[data-r="card"] [data-part="figures"] { display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="card"] [data-part="figures"] b { display: block; margin-top: 2px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="card"] > [data-part="footer"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 40px; padding: 6px 0; border-top: var(--px) solid var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="card"][data-variant="lifted"] > [data-part="footer"] { padding: 6px 12px 6px 16px; }
[data-r="card"]:not([data-variant]) > [data-part="footer"] { border-top: 0; }
[data-r="card"][data-variant="lifted"] > [data-r="list"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); padding: 0 0 4px; }
[data-r="card"][data-variant="lifted"] > [data-r="list"]:first-child { padding-top: 4px; }
[data-r="card"][data-variant="lifted"] > [data-r="list"] > :is([data-r="list-row"], [data-r="list-group"], [data-r="list-subgroup"], [data-r="list-create"], [data-r="list-total"]) { margin-left: 4px; margin-right: 4px; }
[data-r="card"][data-interactive] { transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="card"][data-interactive]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="card"][data-interactive][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="card"][data-variant="lifted"][data-interactive]:hover { background: var(--raised-hover); }
}
[data-r="card"][data-variant="lifted"][data-interactive][data-force~="hover"] { background: var(--raised-hover); }
@media (hover: hover) {
  [data-r="card"][data-variant="lifted"][data-interactive]:hover::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
}
[data-r="card"][data-variant="lifted"][data-interactive][data-force~="hover"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
[data-r="card"][data-interactive]:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--accent); }
[data-r="card"][data-interactive][data-force~="focus"] { outline: none; box-shadow: 0 0 0 2px var(--accent); }
[data-r="card"][data-variant="lifted"][data-interactive]:focus-visible { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1), 0 0 0 2px var(--accent); }
[data-r="card"][data-variant="lifted"][data-interactive][data-force~="focus"] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1), 0 0 0 2px var(--accent); }
[data-r="card"][data-interactive][aria-pressed="true"] { background: var(--plane-selected); }
@media (hover: hover) {
  [data-r="card"][data-interactive][aria-pressed="true"]:hover { background: var(--plane-selected-hover); }
}
[data-r="card"][data-interactive][aria-pressed="true"][data-force~="hover"] { background: var(--plane-selected-hover); }
[data-r="card"][data-variant="lifted"][data-interactive][aria-pressed="true"] { background: var(--raised-selected); }
@media (hover: hover) {
  [data-r="card"][data-variant="lifted"][data-interactive][aria-pressed="true"]:hover { background: var(--raised-selected-hover); }
}
[data-r="card"][data-variant="lifted"][data-interactive][aria-pressed="true"][data-force~="hover"] { background: var(--raised-selected-hover); }
[data-r="card"][data-variant="canvas"] { position: absolute; left: var(--x, 0); top: var(--y, 0); width: var(--w, 240px); padding: 10px 12px 12px; cursor: grab; outline: none; user-select: none; transition: box-shadow var(--state-out); }
@media (hover: hover) {
  [data-r="card"][data-variant="canvas"]:hover { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
}
[data-r="card"][data-variant="canvas"][data-force~="hover"] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
[data-r="card"][data-variant="canvas"][aria-pressed="true"] { box-shadow: 0 0 0 1px var(--accent), var(--e1); }
[data-r="card"][data-variant="canvas"]:focus-visible { box-shadow: 0 0 0 1px var(--accent), 0 0 6px 1px var(--ring-glow), var(--e1); }
[data-r="card"][data-variant="canvas"][data-force~="focus"] { box-shadow: 0 0 0 1px var(--accent), 0 0 6px 1px var(--ring-glow), var(--e1); }
[data-r="card"][data-variant="canvas"][data-moving] { z-index: 2; cursor: grabbing; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); transition: none; }
[data-r="card"][data-variant="canvas"][data-moving][aria-pressed="true"] { box-shadow: 0 0 0 1px var(--accent), var(--e3); }
[data-r="card"][data-variant="canvas"] > [data-part="rank"] { position: absolute; top: -7px; left: -7px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: var(--r-press); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="card"][data-variant="canvas"] > [data-part="rank"][data-moved] { color: var(--ink); font-weight: var(--fw-550); box-shadow: 0 0 0 var(--px) var(--line-5); }
[data-r="card"][data-variant="canvas"] > [data-part="text"] { margin: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--lines, 6); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); overflow-wrap: anywhere; }
[data-r="card"][data-variant="canvas"][data-type="heading"] > [data-part="text"] { -webkit-line-clamp: var(--lines, 3); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="card"][data-variant="canvas"][data-type="heading"][data-level="1"] > [data-part="text"] { font-size: var(--fs-16); line-height: var(--lh-16); }
[data-r="card"][data-variant="canvas"][data-type="quote"] > [data-part="text"] { padding-left: 12px; text-indent: -12px; }
[data-r="card"][data-variant="canvas"][data-type="quote"] > [data-part="text"]::before { content: "\201C"; display: inline-block; width: 12px; text-indent: 0; color: var(--ink-3); font-weight: var(--fw-550); }
[data-r="card"][data-variant="canvas"][data-type="code"] > [data-part="text"] { font-family: var(--font-mono); white-space: pre-wrap; }
[data-r="card"][data-variant="canvas"][data-type="item"] > [data-part="text"] { padding-left: 12px; text-indent: -12px; }
[data-r="card"][data-variant="canvas"][data-type="item"] > [data-part="text"]::before { content: "·"; display: inline-block; width: 12px; text-indent: 0; color: var(--ink-3); }
@media (prefers-reduced-motion: reduce) {
  [data-r="card"][data-variant="canvas"] { transition: none; }
}
[data-r="stat"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 4px 0; }
[data-r="stat"][data-variant="lifted"] { padding: 12px 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="stat"] > [data-part="label"] { display: flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="stat"] > [data-part="value"] { display: block; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="stat"] > [data-part="value"] > [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="stat"][data-size="figure"] > [data-part="value"] { font-size: var(--fs-16); line-height: var(--lh-16); }
[data-r="stat"] > [data-part="foot"] { display: flex; align-items: center; gap: 8px; margin-top: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="stats"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 16px 32px; }
[data-r="board"] { display: flex; align-items: flex-start; gap: 12px; overflow-x: auto; scrollbar-width: none; padding: 4px 16px 16px; }
[data-r="board"]::-webkit-scrollbar { display: none; }
[data-r="board-column"] { position: relative; display: flex; flex-direction: column; gap: 6px; flex: none; width: 280px; padding: 4px; border-radius: var(--r-contain); transition: background-color var(--state-out); }
[data-r="board-column"][data-over] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="board-column"] > [data-part="slot"] { flex: none; box-sizing: border-box; border: var(--px) dashed var(--line-4); border-radius: var(--r-row); }
[data-r="board-column"] > [data-part="header"] { display: flex; align-items: center; gap: 8px; height: var(--row-36); padding: 0 4px 0 8px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="board-column"] > [data-part="header"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="board-column"] > [data-part="header"] > [data-r="button"] { margin-left: auto; }
[data-r="board-column"] > [data-part="header"] > [data-r="button"] + [data-r="button"] { margin-left: -2px; }
[data-r="board-column"] > [data-part="header"] > [data-part="more"] { opacity: 0; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-r="board-column"] > [data-part="header"]:is(:hover, :focus-within) > [data-part="more"],
  [data-r="board-column"] > [data-part="header"] > [data-part="more"]:is(:hover, [aria-expanded="true"]) { opacity: 1; transition-duration: 0s; }
}
[data-r="board-column"] > [data-part="header"]:is([data-force~="hover"], :focus-within) > [data-part="more"],
[data-r="board-column"] > [data-part="header"] > [data-part="more"]:is([data-force~="hover"], [aria-expanded="true"]) { opacity: 1; transition-duration: 0s; }
[data-r="board-card"] { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 10px 12px 12px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); cursor: grab; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="board-card"]:hover { background: var(--raised-hover); transition-duration: 0s; }
}
[data-r="board-card"][data-force~="hover"] { background: var(--raised-hover); transition-duration: 0s; }
[data-r="board-card"][data-touch-drag] { touch-action: none; }
[data-r="board-card"] > [data-part="title"] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="board-card"] > [data-part="meta"] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="board-card"]:is([data-lifted], [data-held]) { z-index: 3; background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="board-card"][data-lifted] { position: fixed; inset: auto; margin: 0; border: 0; overflow: visible; cursor: grabbing; pointer-events: none; }
[data-r="board-card"][aria-selected="true"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: 0 0 0 var(--px) var(--accent); }
[data-r="board-card"]:focus-visible { outline: none; background: var(--raised-hover); }
[data-r="board-card"][data-force~="focus"] { outline: none; background: var(--raised-hover); }
[data-r="board"][role="listbox"]:focus-visible { outline: none; }
[data-r="board"][role="listbox"][data-force~="focus"] { outline: none; }
[data-r="board-column"] > [data-part="create"] { display: flex; align-items: center; gap: 8px; flex: none; height: var(--h-32); padding: 0 8px; border-radius: var(--r-row); background: var(--raised); box-shadow: var(--ring-inline); }
[data-r="board-column"] > [data-part="create"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); flex: none; color: var(--thing, var(--ink-3)); }
[data-r="board-column"] > [data-part="create"] > input { flex: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink); }
[data-r="board-column"] > [data-part="create"] > input::placeholder { color: var(--ink-3); opacity: 1; }
[data-r="board-strip"] { display: flex; flex: none; align-self: stretch; }
[data-r="board-strip"] > [data-part="open"] { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 40px; min-height: 160px; padding: 10px 0 12px; border-radius: var(--r-contain); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); box-shadow: inset 0 0 0 var(--px) var(--line-2); transition: background-color var(--state-out), color var(--state-out); }
[data-r="board-strip"] > [data-part="open"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="board-strip"] > [data-part="open"] > [data-part="name"] { writing-mode: vertical-rl; white-space: nowrap; color: var(--ink); }
[data-r="board-strip"] > [data-part="open"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="board-strip"] > [data-part="open"][aria-expanded="true"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="board-strip"] > [data-part="open"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="board-strip"] > [data-part="open"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="board-strip"][data-kind="hidden"] > [data-part="open"] { box-shadow: none; }
[data-r="board-strip"][data-kind="hidden"] > [data-part="open"] > [data-part="name"] { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="board"] > [data-part="kept"] { display: contents; }
[data-r="board-column"][data-refusing] { background: transparent; }
[data-r="board-column"] > [data-part="reason"] { display: flex; align-items: flex-start; gap: 8px; flex: none; padding: 8px 10px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="board-column"] > [data-part="reason"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); flex: none; color: var(--thing, var(--ink-2)); }
[data-r="board-column"]:not([data-refusing]) > [data-part="reason"] { display: none; }
@media (pointer: coarse) {
  [data-r="board-column"] > [data-part="header"] { height: var(--row-44); }
  [data-r="board-column"] > [data-part="header"] > [data-r="button"] { --h: var(--h-44); }
  [data-r="board-column"] > [data-part="header"] > [data-part="more"] { opacity: 1; }
  [data-r="board-strip"] > [data-part="open"] { width: 44px; }
}
[data-r="board-lanes"] { position: relative; overflow: auto; overscroll-behavior: contain; }
[data-r="board-lanes"] > [data-part="columns"] { position: sticky; top: 0; z-index: 3; display: flex; gap: 12px; width: max-content; min-width: 100%; padding: 0 16px; background: var(--plane); border-bottom: var(--px) solid var(--line-1); }
[data-r="board-lanes"] > [data-part="columns"] > [data-part="name"] { display: flex; align-items: center; gap: 8px; flex: none; width: 280px; height: var(--row-36); padding: 0 12px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="board-lanes"] > [data-part="columns"] > [data-part="name"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="board-lane"] { display: flex; flex-direction: column; width: max-content; min-width: 100%; }
[data-r="board-lane"] > [data-part="head"] { position: sticky; top: var(--row-36); z-index: 2; display: flex; align-items: center; height: var(--row-36); margin: 6px 8px 0; padding: 0 8px; border-radius: var(--r-row); background: var(--mat); box-shadow: inset 0 0 0 var(--px) var(--line-1); --plane-hover: var(--mat-hover); }
[data-r="board-lane"] > [data-part="head"] > [data-part="fold"] { position: sticky; left: 16px; display: flex; align-items: center; gap: 8px; height: var(--h-24); padding: 0 6px; border-radius: var(--r-press); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="board-lane"] > [data-part="head"] > [data-part="fold"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="board-lane"] > [data-part="head"] > [data-part="fold"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="board-lane"] > [data-part="head"] > [data-part="fold"] > svg[data-icon]:first-child { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); transition: transform var(--state-out); }
[data-r="board-lane"][aria-expanded="false"] > [data-part="head"] > [data-part="fold"] > svg[data-icon]:first-child { transform: rotate(-90deg); }
[data-r="board-lane"] > [data-part="head"] > [data-part="fold"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="board-lane"][aria-expanded="false"] > [data-r="board"] { display: none; }
[data-r="board-lane"] > [data-r="board"] { overflow: visible; padding: 8px 16px 12px; }
[data-r="board-lane"] > [data-r="board"] > [data-r="board-column"] { min-height: 64px; }
[data-r="board-column"] > [data-part="header"] > [data-r="dot"] { flex: none; }
[data-r="board-column"] > [data-part="header"] > svg[data-icon],
[data-r="board-lanes"] > [data-part="columns"] > [data-part="name"] > svg[data-icon],
[data-r="board-lane"] > [data-part="head"] > [data-part="fold"] > svg[data-icon]:not(:first-child) { flex: none; width: var(--icon-14); height: var(--icon-14); }
[data-r="board-column"] > [data-part="header"] > [data-part="sum"],
[data-r="board-lanes"] > [data-part="columns"] > [data-part="name"] > [data-part="sum"] { margin-left: auto; padding-right: 4px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="board-column"] > [data-part="header"] > [data-part="sum"] ~ [data-r="button"] { margin-left: 0; }
[data-r="board-lane"] > [data-part="head"] > [data-part="fold"] > [data-part="sum"] { margin-left: 4px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); font-variant-numeric: tabular-nums; }
}

/* ═══ 63-feedback.css ═══ */
@layer components {
[data-r="empty"] { display: flex; flex-direction: column; align-items: center; max-width: 460px; margin: 0 auto; padding: 48px 20px; text-align: center; }
[data-r="empty"] > [data-part="art"] { display: flex; justify-content: center; width: 140px; color: var(--tomrum-hand); }
[data-r="empty"] > [data-part="art"] > svg { width: 100%; height: auto; overflow: visible; }
[data-r="empty"] > [data-part="title"] { margin-top: 16px; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="empty"] > [data-part="text"] { margin-top: 7px; max-width: 46ch; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); text-wrap: pretty; }
[data-r="empty"] > [data-part="text"] + [data-part="text"] { margin-top: 2px; }
[data-r="empty"] > [data-part="actions"] { display: flex; align-items: center; gap: 10px; margin-top: 18px; }
[data-r="empty"] [data-draw] { stroke-dasharray: 1; stroke-dashoffset: 1; animation: r-draw var(--draw) var(--ease-expo) var(--d, 0ms) both; }
[data-r="empty"] [data-fade] { opacity: 0; animation: r-fade var(--draw-fade) linear var(--d, 0ms) forwards; }
[data-r="empty"][data-size="compact"] { align-items: flex-start; max-width: none; margin: 0; padding: 0; text-align: left; }
[data-r="empty"][data-size="compact"] > [data-part="art"] { display: none; }
[data-r="empty"][data-size="compact"] > [data-part="title"] { margin-top: 0; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="empty"][data-size="compact"] > [data-part="text"] { margin-top: 2px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="empty"][data-size="compact"] > [data-part="actions"] { justify-content: flex-start; margin-top: 8px; }
[data-r="page"][data-template="collection"] > [data-part="main"] [data-r="empty"][data-size="compact"]:not([data-r="card"] *, [data-part="column"] *) { padding: 12px 20px; }
@keyframes r-draw { to { stroke-dashoffset: 0; } }
@keyframes r-fade { to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  [data-r="empty"] :is([data-draw], [data-fade]) { animation: none; stroke-dashoffset: 0; opacity: 1; }
}
[data-r="skeleton"] { position: relative; display: block; height: 10px; border-radius: var(--r-key); background: var(--a5); overflow: hidden; }
[data-r="skeleton"]::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, var(--a5), transparent); animation: r-shimmer var(--shimmer) var(--ease-quad) infinite; }
@keyframes r-shimmer { to { transform: translateX(100%); } }
[data-r="skeleton"][data-size="line"] { height: 10px; }
[data-r="skeleton"][data-size="title"] { height: 14px; width: 40%; }
[data-r="progress"] { position: relative; display: block; height: 4px; border-radius: var(--r-press); background: var(--a10); overflow: hidden; }
[data-r="progress"] > [data-part="fill"] { position: absolute; inset: 0 auto 0 0; width: var(--v, 0%); border-radius: inherit; background: var(--accent); transition: width var(--scale-in) var(--ease-expo); }
[data-r="progress"][data-tone="ink"] > [data-part="fill"] { background: var(--ink-2); }
[data-r="progress"][data-indeterminate] > [data-part="fill"] { width: 30%; animation: r-indeterminate var(--indeterminate) var(--ease-quad) infinite; }
[data-r="progress"][data-variant="steps"] { display: flex; gap: 2px; background: none; border-radius: 0; }
[data-r="progress"][data-variant="steps"] > i { flex: 1 1 0; min-width: 2px; height: 100%; border-radius: var(--r-press); background: var(--a10); transition: background-color var(--state-out); }
[data-r="progress"][data-variant="steps"] > i[data-state="done"] { background: var(--accent); }
[data-r="progress"][data-variant="steps"][data-tone="ink"] > i[data-state="done"] { background: var(--ink-2); }
@keyframes r-indeterminate { from { transform: translateX(-100%); } to { transform: translateX(340%); } }
[data-r="meter"] { position: relative; display: block; height: 6px; border-radius: var(--r-press); background: var(--well); overflow: hidden; }
[data-r="meter"] > [data-part="fill"] { position: absolute; inset: 0 auto 0 0; width: var(--v, 0%); border-radius: inherit; background: var(--ink-3); }
[data-r="meter"][data-kind="glycogen"] > [data-part="fill"] { background: var(--ch-glycogen); }
[data-r="meter"] > [data-part="estimate"] { position: absolute; top: 0; bottom: 0; left: var(--from, 0%); width: var(--w, 0%); border-radius: inherit; outline: 1px dashed var(--ink-3); outline-offset: -1px; }
[data-r="ring"] { width: 14px; height: 14px; flex: none; transform: rotate(-90deg); }
[data-r="ring"] > circle { fill: none; stroke-width: 2; }
[data-r="ring"] > circle:first-child { stroke: var(--a10); }
[data-r="ring"] > circle:last-child { stroke: var(--accent); stroke-linecap: round; }
[data-r="empty"] > [data-part="actions"] { flex-wrap: wrap; justify-content: center; max-width: 100%; }
[data-r="progress"][data-variant="phases"] { display: flex; align-items: flex-start; gap: 8px; height: auto; border-radius: 0; background: none; overflow: visible; }
[data-r="progress"][data-variant="phases"] > [data-part="phase"] { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; }
[data-r="progress"][data-variant="phases"] > [data-part="phase"] > [data-part="ticks"] { display: flex; gap: 2px; padding-top: 4px; }
[data-r="progress"][data-variant="phases"] > [data-part="phase"] > [data-part="ticks"] > i { width: 14px; height: 2px; border-radius: var(--r-press); background: var(--line-3); }
[data-r="progress"][data-variant="phases"] > [data-part="phase"] > [data-part="ticks"] > i:is([data-state="done"], [data-state="now"]) { background: var(--accent); }
[data-r="progress"][data-variant="phases"] > [data-part="phase"] > [data-part="name"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); white-space: nowrap; }
[data-r="progress"][data-variant="phases"] > [data-part="phase"][data-state="now"] > [data-part="name"] { font-weight: var(--fw-500); color: var(--ink-2); }
}

/* ═══ 64-feed.css ═══ */
@layer components {
[data-r="activity"] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
[data-r="activity"] > [data-part="event"] { position: relative; display: flex; align-items: center; gap: 8px; min-height: var(--row-32); padding: 0 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="activity"] > [data-part="event"] b { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="activity"] > [data-part="event"] > time { margin-left: auto; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="activity"] > [data-part="event"] + [data-part="event"]::before { content: ""; position: absolute; left: 11.5px; top: -8px; height: 16px; border-left: 1px solid var(--line-3); }
[data-r="comment"] { display: flex; flex-direction: column; gap: 6px; padding: 12px 0; border-bottom: var(--px) solid var(--line-1); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="comment"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; }
[data-r="comment"] > [data-part="head"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="comment"] > [data-part="head"] > time { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="comment"] > [data-part="head"] > [data-r="button"] { margin-left: auto; }
[data-r="comment"] > [data-part="reactions"] { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; }
[data-r="comment"] > :is(p, [data-part="body"]) { margin: 0; }
[data-r="comment"] > [data-part="body"] > div + div { margin-top: 2px; }
[data-r="comment"][data-kind="reply"] { gap: 8px; }
[data-r="comment"][data-kind="reply"] > [data-part="head"] { min-height: var(--h-20); }
[data-r="comment"][data-kind="reply"] > [data-part="head"] > time { font-variant-numeric: tabular-nums; }
[data-r="comment"][data-kind="reply"] > p:not([data-part]) { color: var(--ink); text-wrap: pretty; overflow-wrap: anywhere; }
[data-r="comment"][data-kind="reply"] > [data-part="quote"] { margin: 0; padding: 0 0 0 10px; border-left: var(--px) solid var(--line-5); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="comment"][data-kind="reply"] > [data-part="quote"] > p { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
[data-r="comment"][data-kind="reply"] > [data-part="actions"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0 0 -4px -6px; }
[data-r="comment"][data-kind="reply"] > [data-part="note"] { display: flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="comment"][data-kind="reply"] > [data-part="note"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); flex: none; }
[data-r="comment"][data-kind="reply"][data-state="added"] > [data-part="note"] > svg[data-icon] { color: var(--success-ink); }
[data-r="comment"][data-kind="reply"][data-state="gone"] > [data-part="quote"] > p { text-decoration: line-through 1px var(--ink-4); }
[data-r="reaction"][data-add] { background: transparent; color: var(--ink-3); }
@media (hover: hover) {
  [data-r="reaction"][data-add]:hover { background: var(--plane-hover); color: var(--ink-2); }
}
[data-r="reaction"][data-add][data-force~="hover"] { background: var(--plane-hover); color: var(--ink-2); }
[data-r="reaction"] { position: relative; display: inline-flex; align-items: center; gap: 4px; height: var(--h-24); padding: 0 8px 0 6px; border-radius: var(--r-press); background: var(--plane-selected); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="reaction"]:hover { background: var(--plane-selected-hover); transition-duration: 0s; }
}
[data-r="reaction"][data-force~="hover"] { background: var(--plane-selected-hover); transition-duration: 0s; }
[data-r="reaction"][aria-pressed="true"] { color: var(--ink); box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
[data-r="notification"] { position: relative; display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 2px 10px; min-height: var(--row-52); margin: 0 8px; padding: 8px 12px 8px 12px; border-radius: var(--r-row); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); transition: background-color var(--state-out); }
[data-r="notification"][data-highlighted] { background: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="notification"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="notification"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="notification"][aria-selected="true"] { background: var(--plane-selected); }
[data-r="notification"] > [data-r="avatar"] { grid-row: 1 / 3; }
[data-r="notification"] > [data-part="title"] { font-weight: var(--fw-500); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="notification"] > [data-part="text"] { grid-column: 2; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="notification"] > time { grid-column: 3; grid-row: 1; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="notification"][data-unread]::before { content: ""; position: absolute; left: 3px; top: calc(50% - 2.5px); width: 5px; height: 5px; border-radius: var(--r-round); background: var(--ink-2); }
[data-r="notification"]:not([data-unread]) > [data-part="title"] { font-weight: var(--fw-450); color: var(--ink-2); }
[data-r="notification"][aria-selected="true"] > :is([data-part="text"], time) { color: var(--ink-2); }
:is([data-r="card"]:not([data-variant]), [data-r="page"] [data-part="column"]) > [data-r="activity"] > [data-part="event"] { margin-inline: -4px; }
}

/* ═══ 65-everyday.css ═══ */
@layer components {
[data-r="goal"] { display: flex; align-items: center; gap: 12px; min-width: 0; }
[data-r="goal"] > [data-part="ring"] { position: relative; flex: none; width: 80px; height: 80px; }
[data-r="goal"] > [data-part="ring"] > svg { position: absolute; inset: 0; width: 80px; height: 80px; transform: rotate(-90deg); }
[data-r="goal"] circle { fill: none; stroke-width: 6; }
[data-r="goal"] circle[data-part="track"] { stroke: var(--plane-selected); }
[data-r="goal"] circle[data-part="done"] { stroke: var(--c, var(--ch-load)); stroke-linecap: round; stroke-dasharray: var(--v, 0) 100; }
[data-r="goal"] > [data-part="ring"] > b { position: absolute; inset: 0; display: grid; place-items: center; font-size: var(--fs-13); line-height: 1; font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="goal"] > [data-part="text"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="goal"] > [data-part="text"] > strong { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="goal"][data-size="56"] > [data-part="ring"],
[data-r="goal"][data-size="56"] > [data-part="ring"] > svg { width: 56px; height: 56px; }
[data-r="goal"][data-size="56"] circle { stroke-width: 8; }
[data-r="goal"][data-size="56"] > [data-part="ring"] > b { font-size: var(--fs-12); }
[data-r="bulk-bar"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); position: absolute; left: 50%; bottom: 16px; z-index: 3; translate: -50% 0; display: flex; align-items: center; gap: 2px; padding: 4px 4px 4px 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e2); white-space: nowrap; transform-origin: 50% 100%; }
[data-r="bulk-bar"] > [data-part="count"] { margin-right: 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="bulk-bar"]:not([data-variant]) { left: 8px; right: 8px; translate: none; width: fit-content; margin-inline: auto; flex-wrap: wrap; justify-content: center; }
[data-r="menu"][data-bulk-props] [data-r="menu-item"] [data-part="current"] { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="menu"][data-bulk-props] [data-r="menu-item"][data-highlighted] [data-part="current"] { color: var(--ink-2); }
[data-r="diff"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); display: flex; flex-direction: column; min-width: 0; padding: 14px 8px 8px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="diff"] > [data-part="head"] { display: flex; align-items: flex-start; gap: 12px; padding: 0 8px 6px; }
[data-r="diff"] > [data-part="head"] > div { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
[data-r="diff"] > [data-part="head"] b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="diff"] > [data-part="head"] [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="diff"] [data-part="row"] { position: relative; display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; min-height: var(--row-52); padding: 8px; border-radius: var(--r-row); }
[data-r="diff"] [data-part="row"] + [data-part="row"]::before { content: ""; position: absolute; left: 36px; right: 8px; top: 0; height: var(--px); background: var(--line-1); }
[data-r="diff"] [data-part="row"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="diff"] [data-part="what"] { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
[data-r="diff"] [data-part="what"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="diff"] [data-part="change"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="diff"] [data-part="change"] > em { color: var(--ink); }
[data-r="diff"] [data-part="change"] > [data-part="delta"] { color: var(--ink-2); }
[data-r="diff"] [data-part="change"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="diff"] [data-part="actions"] { display: flex; align-items: center; gap: 4px; }
[data-r="diff"] [data-part="state"] { display: none; margin-right: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="diff"] [data-part="row"][data-state] [data-part="actions"] > [data-diff] { display: none; }
[data-r="diff"] [data-part="row"]:not([data-state]) [data-diff-reset] { display: none; }
[data-r="diff"] [data-part="row"][data-state] [data-part="state"] { display: inline; }
[data-r="diff"] [data-part="row"][data-state="undone"] [data-part="change"] > em { color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
[data-r="diff"] [data-part="row"][data-state="undone"] [data-part="change"] > s { text-decoration: none; color: var(--ink); }
@media (max-width: 560px) {
  [data-r="diff"] [data-part="row"] { grid-template-columns: 16px minmax(0, 1fr); }
  [data-r="diff"] [data-part="actions"] { grid-column: 2; }
}
}

/* ═══ 66-talk.css ═══ */
@layer components {
[data-r="comment-box"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); --ring-gap: var(--raised); display: flex; flex-direction: column; min-width: 0; border: .5px solid var(--line-4); border-radius: var(--r-contain); background: var(--raised); transition: border-color var(--state-out), box-shadow var(--ring-in) var(--ease-ring); }
[data-r="comment-box"]:is(:focus-within, [data-force~="focus"]) { border-color: transparent; box-shadow: var(--ring-field); }
[data-r="comment-box"] > [data-part="text"] { position: relative; min-height: 44px; max-height: 240px; overflow: auto; padding: 10px 12px 4px; outline: none; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); cursor: text; caret-color: var(--accent); }
[data-r="comment-box"] > [data-part="text"] * { cursor: text; }
[data-r="comment-box"] > [data-part="text"][data-empty]::before { content: attr(data-placeholder); position: absolute; color: var(--ink-3); pointer-events: none; }
[data-r="comment-box"] > [data-part="bar"] { display: flex; align-items: center; gap: 2px; padding: 4px 6px 6px 8px; }
[data-r="comment-box"] > [data-part="bar"] > [data-part="hint"] { margin-left: auto; margin-right: 6px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="mention"][data-kind="task"] { gap: 6px; height: auto; margin: 0; padding: 0; vertical-align: baseline; background: none; font-size: inherit; line-height: inherit; font-weight: inherit; white-space: normal; }
[data-r="mention"][data-kind="task"] > [data-part="label"] { text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: var(--a35); transition: text-decoration-color var(--state-out); }
@media (hover: hover) {
  [data-r="mention"][data-kind="task"]:not([data-variant], [data-gone]):hover > [data-part="label"] { text-decoration-color: var(--ink); transition-duration: 0s; }
}
[data-r="mention"][data-kind="task"]:not([data-variant], [data-gone])[data-force~="hover"] > [data-part="label"] { text-decoration-color: var(--ink); transition-duration: 0s; }
[data-r="mention"][data-kind="task"][data-gone] > [data-part="label"] { color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
[data-r="mention"][data-kind="task"][data-variant="check"] > [data-part="label"] { text-decoration: none; }
[data-r="mention"][data-kind="task"][data-variant="check"][aria-checked="true"] > [data-part="label"] { color: var(--ink-2); text-decoration: line-through 1px var(--ink-3); }
[data-r="embed"] { display: flex; align-items: center; gap: 8px; margin: 6px 0; padding: 8px 10px; border-radius: var(--r-row); background: var(--well); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="embed"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="embed"] > b { font-weight: var(--fw-500); color: var(--ink); }
:is([data-r="comment-box"] > [data-part="text"], [data-r="comment"] > [data-part="body"]) > hr[data-part="rule"] { height: 0; margin: 10px 0; border: 0; border-top: var(--px) solid var(--line-2); }
[data-r="thread"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
[data-r="thread"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-height: var(--h-28); padding: 0 2px 0 4px; }
[data-r="thread"] > [data-part="head"] > svg[data-icon] { flex: none; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="thread"] > [data-part="head"] > b { flex: 1; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="thread"] > [data-part="comments"] { display: flex; flex-direction: column; gap: 8px; }
[data-r="thread"][data-resolved] > [data-part="comments"] > [data-r="comment"]:not(:first-child),
[data-r="thread"][data-resolved] > [data-r="comment-box"] { display: none; }
[data-r="emoji-picker"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --ring-gap: var(--raised); width: 292px; padding: 8px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); }
[data-r="emoji-picker"] > [data-r="field"] { margin-bottom: 8px; }
[data-r="emoji-picker"] > [data-part="grid"] { display: grid; grid-template-columns: repeat(8, 28px); gap: 4px 6px; max-height: 220px; overflow: auto; }
[data-r="emoji-picker"] [data-part="group"] { grid-column: 1 / -1; padding: 6px 2px 0; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="emoji-picker"] [data-part="cell"] { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: var(--r-round); background: transparent; font-size: var(--fs-16); line-height: 1; outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="emoji-picker"] [data-part="cell"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="emoji-picker"] [data-part="cell"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="emoji-picker"] [data-part="cell"]:focus-visible { background: var(--plane-hover); outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="emoji-picker"] [data-part="cell"][data-force~="focus"] { background: var(--plane-hover); outline: 1px solid var(--accent); outline-offset: 0; }
}

/* ═══ 66a-doc-margin.css ═══ */
@layer components {
[data-r="doc-margin"] { --plane: var(--paper); --plane-hover: var(--paper-hover); position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; }
[data-r="doc-margin"] > [data-part="track"] { position: absolute; left: 0; right: 0; top: 0; will-change: transform; }
[data-r="doc-margin"][data-layout="stacked"] { overflow: auto; }
[data-r="doc-margin"][data-layout="stacked"] > [data-part="track"] { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 12px 0 24px; transform: none; }
[data-r="margin-note"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); --ring-gap: var(--raised); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); position: absolute; left: 12px; right: 12px; display: flex; flex-direction: column; gap: 8px; padding: 10px 12px 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); outline: none; transition: top var(--section) var(--ease-expo), box-shadow var(--state-out), transform var(--state-out); }
[data-r="doc-margin"][data-layout="stacked"] [data-r="margin-note"] { position: relative; left: auto; right: auto; top: auto; margin: 0 12px; }
[data-r="margin-note"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="margin-note"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="margin-note"][data-here] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e2); transform: translateX(-4px); transition-duration: var(--section), 0s, 0s; }
[data-r="margin-note"] > [data-r="thread"] { gap: 8px; }
[data-r="margin-note"] > [data-r="thread"] > [data-part="head"] { min-height: var(--h-24); padding: 0; }
[data-r="margin-note"] > [data-r="thread"] > [data-part="head"] > b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="margin-note"] [data-r="comment"] { padding: 0; border-bottom: 0; box-shadow: none; background: none; }
[data-r="margin-note"][data-state="detached"] > [data-r="thread"] > [data-part="head"] > b { color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
[data-r="margin-note"][data-state="resolved"] { gap: 4px; }
[data-r="margin-note"]:not([data-here], [data-state="new"]) [data-r="comment-box"] { display: none; }
[data-r="margin-note"][data-state="resolved"]:not([data-here]) > [data-r="thread"] > [data-part="comments"] { display: none; }
[data-r="margin-note"][data-state="resolved"] > [data-r="thread"] > [data-part="head"] > b { color: var(--ink-3); }
[data-r="margin-note"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-height: var(--h-24); min-width: 0; }
[data-r="margin-note"] > [data-part="head"] > b { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-550); color: var(--ink); }
[data-r="margin-note"] > [data-part="head"] > time { flex: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="margin-note"] > [data-part="head"] > [data-r="dot"] { margin-left: auto; }
[data-r="margin-note"] > [data-part="change"] { margin: 0; color: var(--ink); overflow-wrap: anywhere; }
[data-r="margin-note"] > [data-part="change"] > [data-r="suggested-edit"] + [data-r="suggested-edit"] { margin-left: 4px; }
[data-r="margin-note"] > [data-part="actions"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
[data-r="margin-note"] > [data-part="actions"] > [data-r="fact"] { margin-right: auto; }
[data-r="margin-note"]:is([data-state="accepted"], [data-state="kept"]) > [data-part="change"] { color: var(--ink-3); }
[data-r="margin-note"]:is([data-state="accepted"], [data-state="kept"]) > [data-part="change"] > [data-r="suggested-edit"] { text-decoration-color: var(--line-4); }
[data-r="margin-note"] > [data-part="state"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
[data-r="doc-margin"] > [data-part="empty"] { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 40px 24px; text-align: center; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="doc-margin"] > [data-part="empty"][hidden] { display: none; }
[data-r="doc-margin"] > [data-part="empty"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); margin-bottom: 8px; color: var(--thing, var(--ink-3)); }
[data-r="doc-margin"] > [data-part="empty"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="doc-margin"] > [data-part="empty"] > [data-part="actions"] { margin-top: 12px; }
@media (prefers-reduced-motion: reduce) {
  [data-r="margin-note"] { transition: none; }
}
}

/* ═══ 67-phone.css ═══ */
@layer components {
[data-r="phone"] { --plane: var(--paper); --plane-hover: var(--paper-hover); --plane-selected: var(--paper-selected); --pill-rest: var(--raised); position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; background: var(--paper); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="phone"] > [data-part="status"] { display: flex; align-items: center; justify-content: space-between; flex: none; height: var(--h-44); padding: 0 24px 0 28px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="phone"] > [data-part="status"] > i { position: relative; width: 24px; height: 11px; border-radius: 2px; box-shadow: inset 0 0 0 var(--px) var(--ink-2); }
[data-r="phone"] > [data-part="status"] > i::after { content: ""; position: absolute; inset: 2px 5px 2px 2px; border-radius: 1px; background: var(--ink); }
[data-r="phone"] > [data-part="head"] { display: flex; align-items: center; gap: 4px; flex: none; padding: 4px 12px 10px 20px; }
[data-r="phone"] > [data-part="head"] > b { flex: 1; min-width: 0; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="phone"] > [data-part="range"] { flex: none; padding: 0 16px 6px; }
[data-r="phone"] > [data-part="range"]:has(> [data-part="meta"]) { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
[data-r="phone"] > [data-part="range"] > [data-part="meta"] { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="phone"] > [data-part="scroll"] { flex: 1; min-height: 0; overflow: auto; padding-bottom: 96px; }
[data-r="phone"] [data-part="group"] { padding: 14px 20px 4px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="mobile-row"] { display: flex; align-items: center; gap: 12px; min-height: var(--row-60); margin: 0 8px; padding: 8px 12px; border-radius: var(--r-row); outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="mobile-row"]:is(:hover, :active) { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="mobile-row"]:is([data-force~="hover"], :active) { background: var(--plane-hover); transition-duration: 0s; }
[data-r="mobile-row"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="mobile-row"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="mobile-row"] > [data-part="tile"] { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: var(--r-row); background: color-mix(in srgb, var(--c, var(--ink-3)) 15%, transparent); color: var(--c, var(--ink-2)); }
[data-r="mobile-row"] > [data-part="tile"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); }
[data-r="mobile-row"] > [data-part="text"] { flex: 1; min-width: 0; }
[data-r="mobile-row"] > [data-part="text"] > b { display: block; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-500); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="mobile-row"] > [data-part="text"] > span { display: block; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="tab-bar"] { position: absolute; left: 12px; right: 12px; bottom: 20px; z-index: 1; display: flex; align-items: center; gap: 12px; pointer-events: none; }
[data-r="tab-bar"] > :is([data-part="places"], [data-part="check-in"]) { pointer-events: auto; background: var(--raised); box-shadow: var(--lift-dock); }
[data-r="tab-bar"] > [data-part="places"] { display: flex; flex: none; height: 56px; padding: 4px; border-radius: var(--r-press); }
[data-r="tab-bar"] > [data-part="places"] > button,
[data-r="tab-bar"] > [data-part="check-in"] { position: relative; display: grid; place-items: center; flex: none; padding: 0; border: 0; border-radius: var(--r-press); color: var(--ink-2); outline: none; transition: background-color var(--state-out), box-shadow var(--state-out), color var(--state-out); }
[data-r="tab-bar"] > [data-part="places"] > button { width: 56px; height: 48px; background: transparent; }
[data-r="tab-bar"] > [data-part="places"] > button > svg[data-icon],
[data-r="tab-bar"] > [data-part="check-in"] > svg[data-icon],
[data-r="tab-bar"] > [data-part="card"] > a > svg[data-icon] { --thing: initial; width: var(--icon-20); height: var(--icon-20); color: inherit; }
[data-r="tab-bar"] > [data-part="places"] > button > svg[data-part="solid"] { display: none; }
@media (hover: hover) {
  [data-r="tab-bar"] > [data-part="places"] > button:hover { color: var(--ink); transition-duration: 0s; }
}
[data-r="tab-bar"] > [data-part="places"] > button[data-force~="hover"] { color: var(--ink); transition-duration: 0s; }
[data-r="tab-bar"] > [data-part="places"] > button[aria-current] { background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); color: var(--ink); }
[data-r="tab-bar"] > [data-part="places"] > button[aria-current]:has(> svg[data-part="solid"]) > svg[data-icon]:not([data-part="solid"]) { display: none; }
[data-r="tab-bar"] > [data-part="places"] > button[aria-current] > svg[data-part="solid"] { display: block; }
[data-r="tab-bar"] > [data-part="places"] > button[aria-expanded="true"] { background: var(--plane-selected); color: var(--ink); }
[data-r="tab-bar"] > [data-part="check-in"] { width: 56px; height: 56px; }
@media (hover: hover) {
  [data-r="tab-bar"] > [data-part="check-in"]:hover { color: var(--ink); transition-duration: 0s; }
}
[data-r="tab-bar"] > [data-part="check-in"][data-force~="hover"] { color: var(--ink); transition-duration: 0s; }
[data-r="tab-bar"] > :is([data-part="places"] > button, [data-part="check-in"]):focus-visible { outline: 1px solid var(--accent); outline-offset: -2px; }
[data-r="tab-bar"] > :is([data-part="places"] > button, [data-part="check-in"])[data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -2px; }
[data-r="tab-bar"] [data-part="dot"] { position: absolute; top: 9px; right: 14px; width: 6px; height: 6px; border-radius: var(--r-round); background: var(--new-mark); }
[data-r="tab-bar"] > [data-part="check-in"] > [data-part="dot"] { top: 13px; right: 13px; }
[data-r="tab-bar"] [data-part="dot"]:is([data-tone="check-in"], [data-tone="you"]) { background: var(--status-warning); animation: r-call var(--pulse) var(--ease-pulse) 3; }
[data-r="tab-bar"] [data-part="dot"][data-tone="failed"] { background: var(--status-critical); animation: r-call var(--pulse) var(--ease-pulse) 3; }
[data-r="tab-bar"] [data-part="dot"][data-tone="working"] { background: var(--accent-mark); animation: r-pulse var(--pulse) var(--ease-pulse) infinite alternate; }
[data-r="tab-bar"] [data-part="dot"][data-tone="working"][data-progress] { animation: none; background: conic-gradient(var(--accent-mark) calc(var(--p, 0) * 360deg), color-mix(in srgb, var(--accent-mark) 24%, transparent) 0); }
@media (prefers-reduced-motion: reduce) {
  [data-r="tab-bar"] [data-part="dot"] { animation: none; }
}
[data-r="tab-bar"] > [data-part="card"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); position: absolute; left: 0; bottom: 64px; width: min(320px, 100%); max-height: 460px; overflow: auto; padding: 6px; pointer-events: auto; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-raised)), var(--e3); }
[data-r="tab-bar"] > [data-part="card"][hidden] { display: none; }
[data-r="tab-bar"] > [data-part="card"] > [data-part="label"] { padding: 10px 10px 4px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="tab-bar"] > [data-part="card"] > a { position: relative; display: flex; align-items: center; gap: 12px; height: var(--h-44); padding: 0 10px; border-radius: var(--r-row); font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-450); color: var(--ink); transition: background-color var(--state-out); }
[data-r="tab-bar"] > [data-part="card"] > a > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); color: var(--thing, var(--ink-2)); }
[data-r="tab-bar"] > [data-part="card"] > a > [data-part="dot"] { position: static; margin-left: auto; }
@media (hover: hover) {
  [data-r="tab-bar"] > [data-part="card"] > a:is(:hover, :active) { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="tab-bar"] > [data-part="card"] > a:is([data-force~="hover"], :active) { background: var(--plane-hover); transition-duration: 0s; }
[data-r="tab-bar"] > [data-part="card"] > a[aria-current] { background: var(--plane-selected); }
[data-r="tab-bar"] > [data-part="card"] > a:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="tab-bar"] > [data-part="card"] > a[data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="tab-bar"] > [data-part="card"] > [data-part="divider"] { height: var(--px); margin: 6px 10px; background: var(--line-2); }
[data-r="phone"] > [data-part="dim"] { position: absolute; inset: 0; z-index: 2; background: transparent; opacity: 0; pointer-events: none; }
[data-r="bottom-sheet"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); position: absolute; left: 0; right: 0; top: 0; z-index: 3; display: flex; flex-direction: column; height: 100%; border-radius: var(--r-contain) var(--r-contain) 0 0; background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e3); transform: translateY(100%); }
[data-r="bottom-sheet"]:not([data-open]) { visibility: hidden; }
[data-r="bottom-sheet"] > [data-part="grab"] { display: flex; flex-direction: column; align-items: center; flex: none; padding: 8px 12px 4px 20px; cursor: ns-resize; touch-action: none; outline: none; }
[data-r="bottom-sheet"] > [data-part="grab"]::before { content: ""; width: 36px; height: 5px; margin-bottom: 10px; border-radius: var(--r-press); background: var(--line-5); }
[data-r="bottom-sheet"] > [data-part="grab"]:focus-visible::before { background: var(--accent); }
[data-r="bottom-sheet"] > [data-part="grab"][data-force~="focus"]::before { background: var(--accent); }
[data-r="bottom-sheet"] > [data-part="grab"] > div { display: flex; align-items: center; gap: 8px; width: 100%; }
[data-r="bottom-sheet"] > [data-part="grab"] [data-part="title"] { flex: 1; min-width: 0; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="bottom-sheet"] > [data-part="body"] { flex: 1; min-height: 0; overflow: auto; padding: 6px 20px 120px; }
[data-r="bottom-sheet"] > [data-part="body"] > * + * { margin-top: 14px; }
[data-r="bottom-sheet"] > [data-part="body"] > [data-r="stats"] { grid-template-columns: 1fr 1fr; }
[data-r="bottom-sheet"] > [data-part="body"] [data-r="button"][data-size="44"][data-variant="primary"] { width: 100%; }
[data-r="action-sheet"] { position: absolute; left: 8px; right: 8px; bottom: 30px; z-index: 3; display: flex; flex-direction: column; gap: 8px; }
[data-r="action-sheet"] > [data-part="actions"] { overflow: hidden; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); }
[data-r="action-sheet"] > [data-part="actions"] > button { display: flex; align-items: center; gap: 12px; width: 100%; height: var(--row-52); padding: 0 18px; border: 0; background: transparent; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-450); color: var(--ink); text-align: left; outline: none; transition: background-color var(--state-out); }
[data-r="action-sheet"] > [data-part="actions"] > button + button { border-top: var(--px) solid var(--line-1); }
@media (hover: hover) {
  [data-r="action-sheet"] > [data-part="actions"] > button:is(:hover, :active, :focus-visible) { background: var(--raised-hover); transition-duration: 0s; }
}
[data-r="action-sheet"] > [data-part="actions"] > button:is([data-force~="hover"], :active, :focus-visible) { background: var(--raised-hover); transition-duration: 0s; }
[data-r="action-sheet"] > [data-part="actions"] > button[data-tone="danger"] { color: var(--danger-ink); }
[data-r="action-sheet"] > [data-r="button"] { width: 100%; }
[data-r="swipe"] { --reveal: 0px; position: relative; overflow: hidden; border-radius: var(--r-row); touch-action: pan-y; -webkit-user-select: none; user-select: none; }
[data-r="phone"] [data-r="swipe"] { margin: 0 8px; }
[data-r="swipe"] > [data-part="face"] { position: relative; z-index: 1; background: var(--plane); will-change: transform; }
[data-r="swipe"] > [data-part="face"] > [data-r="mobile-row"] { margin: 0; }
[data-r="swipe"] > [data-part="under"] { position: absolute; inset: 0; display: flex; align-items: stretch; }
[data-r="swipe"] > [data-part="under"][data-side="start"] { justify-content: flex-start; }
[data-r="swipe"] > [data-part="under"][data-side="end"] { justify-content: flex-end; }
[data-r="swipe"]:not([data-showing="start"]) > [data-part="under"][data-side="start"],
[data-r="swipe"]:not([data-showing="end"]) > [data-part="under"][data-side="end"] { visibility: hidden; }
[data-r="swipe"] [data-part="action"] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; flex: none; width: 72px; padding: 0 4px; border: 0; margin: 0; background: var(--well); color: var(--ink-2); font: inherit; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); cursor: default; outline: none; transition: background-color var(--state-out), width var(--state-out); }
[data-r="swipe"] [data-part="action"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); }
@media (hover: hover) {
  [data-r="swipe"] [data-part="action"]:hover { background: var(--well-hover); transition-duration: 0s; }
}
[data-r="swipe"] [data-part="action"][data-force~="hover"] { background: var(--well-hover); transition-duration: 0s; }
[data-r="swipe"] [data-part="action"]:focus-visible { box-shadow: inset 0 0 0 2px var(--accent); }
[data-r="swipe"] [data-part="action"][data-force~="focus"] { box-shadow: inset 0 0 0 2px var(--accent); }
[data-r="swipe"] [data-part="action"][aria-pressed="true"] { color: var(--ink); }
[data-r="swipe"] [data-part="action"][data-tone="danger"] { background: var(--danger); color: var(--on-fill); }
@media (hover: hover) {
  [data-r="swipe"] [data-part="action"][data-tone="danger"]:hover { background: var(--danger-hover); }
}
[data-r="swipe"] [data-part="action"][data-tone="danger"][data-force~="hover"] { background: var(--danger-hover); }
[data-r="swipe"][data-full="start"] > [data-part="under"][data-side="start"] > [data-part="action"]:not(:first-child),
[data-r="swipe"][data-full="end"] > [data-part="under"][data-side="end"] > [data-part="action"]:not(:last-child) { width: 0; padding: 0; overflow: hidden; }
[data-r="swipe"][data-full="start"] > [data-part="under"][data-side="start"] > [data-part="action"]:first-child { flex: 1; align-items: flex-end; padding-right: calc(100% - var(--reveal) + 24px); }
[data-r="swipe"][data-full="end"] > [data-part="under"][data-side="end"] > [data-part="action"]:last-child { flex: 1; align-items: flex-start; padding-left: calc(100% - var(--reveal) + 24px); }
[data-r="swipe"][data-state="gone"] { transition: height var(--scale-in) var(--ease-expo); }
@media (prefers-reduced-motion: reduce) {
  [data-r="swipe"] [data-part="action"],
  [data-r="swipe"][data-state="gone"] { transition: none; }
}
[data-swipe-choose] > [data-part="settings"] { display: flex; flex-direction: column; gap: 16px; padding: 20px 16px; border-top: var(--px) solid var(--line-1); margin-top: 12px; }
[data-swipe-choose] [data-part="choose"] > [data-r="field-label"] { margin-bottom: 6px; }
}

/* ═══ 67a-live-capsule.css ═══ */
@layer components {
[data-r="live-capsule"] { position: absolute; z-index: 1; left: 12px; right: 12px; bottom: calc(20px + 56px + 12px); display: grid; grid-template-columns: var(--h-28) minmax(0, 1fr) 8px; align-items: center; gap: 10px; height: var(--h-44); padding: 0 16px 0 8px; overflow: hidden; border: 0; border-radius: var(--r-press); background: var(--raised); box-shadow: var(--lift-dock); color: var(--ink); text-align: left; font: inherit; transition: opacity var(--state-out), transform var(--state-out); }
[data-r="live-capsule"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -2px; }
[data-r="live-capsule"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -2px; }
@media (hover: hover) {
  [data-r="live-capsule"]:hover { background: var(--plane-selected); transition-duration: 0s; }
}
[data-r="live-capsule"][data-force~="hover"] { background: var(--plane-selected); transition-duration: 0s; }
[data-r="live-capsule"] > [data-part="icon"] { display: grid; place-items: center; width: var(--h-28); height: var(--h-28); border-radius: var(--r-round); background: color-mix(in srgb, var(--c, var(--sport-other)) 14%, transparent); color: var(--c, var(--sport-other)); }
[data-r="live-capsule"] > [data-part="icon"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="live-capsule"] > [data-part="title"] { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
[data-r="live-capsule"] > [data-part="title"] > b { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="live-capsule"] > [data-part="title"] > small { flex: none; margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="live-capsule"] > [data-part="dot"] { width: 8px; height: 8px; border-radius: var(--r-round); background: var(--status-good); }
[data-r="live-capsule"][data-state="recording"] > [data-part="dot"] { animation: r-pulse var(--pulse) var(--ease-pulse) infinite alternate; }
[data-r="live-capsule"] > [data-part="bar"] { position: absolute; left: 16px; right: 16px; bottom: 4px; height: 2px; border-radius: var(--r-press); background: color-mix(in srgb, var(--status-good) 18%, transparent); }
[data-r="live-capsule"] > [data-part="bar"] > i { display: block; width: calc(var(--live, 0) * 100%); height: 100%; border-radius: inherit; background: var(--status-good); }
[data-r="phone"] [data-r="mobile-row"][data-live] { background-image: linear-gradient(var(--status-good), var(--status-good)); background-repeat: no-repeat; background-position: left 12px bottom 4px; background-size: calc((100% - 24px) * var(--live, 0)) 2px; }
[data-r="phone"]:has(> [data-r="bottom-sheet"][data-open]) > [data-r="live-capsule"],
[data-r="live-capsule"][data-over] { opacity: 0; transform: translateY(16px); pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  [data-r="live-capsule"] { transition: none; }
  [data-r="live-capsule"][data-state="recording"] > [data-part="dot"] { animation: none; }
}
[data-r="live-capsule"][data-place="alone"] { left: 0; right: 0; bottom: 12px; }
}

/* ═══ 68-patterns.css ═══ */
@layer components {
[data-r="settings"] { width: 100%; max-width: 680px; }
[data-r="settings"] > [data-part="group"] + [data-part="group"] { margin-top: var(--space-48); }
[data-r="settings"] > [data-part="group"] > h3 { margin: 0 0 8px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="settings"] > [data-part="group"] > [data-part="box"] { padding: 0; border-top: var(--px) solid var(--line-1); }
[data-r="setting"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; min-height: var(--row-52); padding: 10px 0; }
[data-r="setting"] + [data-r="setting"] { border-top: var(--px) solid var(--line-1); }
[data-r="setting"] > [data-part="label"] { flex: 1 1 160px; min-width: 0; }
[data-r="setting"] > [data-part="label"] > b { display: block; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="setting"] > [data-part="label"] > span { display: block; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="setting"] > :is([data-r="select"], [data-r="field"]) { flex: none; width: 196px; }
[data-r="setting"] > [data-r="field"][data-kind="number"] { width: 120px; }
[data-r="inline-edit"] { display: inline-flex; align-items: center; min-height: var(--h-28); margin-left: -6px; padding: 0 6px; border-radius: var(--r-value); outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="inline-edit"]:not([data-editing]):hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="inline-edit"]:not([data-editing])[data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="inline-edit"][data-empty] { color: var(--ink-3); }
[data-r="inline-edit"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="inline-edit"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="inline-edit"] > input { height: var(--h-28); margin: 0 -6px; padding: 0 6px; border: 0; border-radius: var(--r-value); background: var(--raised); box-shadow: var(--ring-field); outline: none; font: inherit; letter-spacing: inherit; color: inherit; }
[data-r="steps"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); --ring-gap: var(--raised); display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; width: 100%; padding: 20px 0; border-top: var(--px) solid var(--line-1); }
[data-r="steps"] > [data-part="list"] { display: flex; flex-direction: column; gap: 2px; }
[data-r="steps"] [data-part="step"] { display: flex; align-items: center; gap: 10px; height: var(--h-36); padding: 0 8px; border: 0; border-radius: var(--r-row); background: transparent; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink-3); text-align: left; transition: background-color var(--state-out); }
[data-r="steps"] [data-part="step"] > i { display: grid; place-items: center; flex: none; width: 20px; height: 20px; border-radius: var(--r-round); box-shadow: inset 0 0 0 var(--px) var(--line-4); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); font-style: normal; color: var(--ink-3); }
[data-r="steps"] [data-part="step"][aria-current] { background: var(--plane-selected); color: var(--ink); }
[data-r="steps"] [data-part="step"][aria-current] > i { box-shadow: inset 0 0 0 var(--px) var(--line-5); color: var(--ink); }
[data-r="steps"] [data-part="step"][data-done] { color: var(--ink-2); }
@media (hover: hover) {
  [data-r="steps"] [data-part="step"][data-done]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="steps"] [data-part="step"][data-done][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="steps"] [data-part="step"][data-done] > i { background: var(--ink); box-shadow: none; color: var(--paper); }
[data-r="steps"] [data-part="step"] > i > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="steps"] [data-part="step"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="steps"] [data-part="step"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="steps"] > [data-part="list"] > [data-r="progress"] { margin: 14px 8px 0; }
[data-r="steps"] [data-part="pane"] > :is(h3, h4) { margin: 0 0 4px; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); outline: none; }
[data-r="steps"] [data-part="pane"] > p { max-width: 52ch; margin: 0 0 16px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="steps"] [data-part="foot"] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
[data-r="steps"] [data-part="devices"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
[data-r="steps"] [data-part="device"] { display: flex; align-items: center; gap: 10px; height: var(--row-52); padding: 0 12px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="steps"] [data-part="device"] small { display: block; margin-top: 2px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
@media (max-width: 700px) {
  [data-r="steps"] { grid-template-columns: minmax(0, 1fr); }
}
[data-r="season"] { position: relative; width: 100%; min-width: 640px; padding: 28px 0 8px; }
[data-r="season"] > [data-part="lanes"] { position: relative; display: flex; flex-direction: column; gap: 22px; }
[data-r="season"] [data-part="lane"] { position: relative; height: var(--h-32); }
[data-r="season"] [data-part="lane"] > [data-part="lane-name"] { position: absolute; left: 0; top: -18px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="season"] [data-part="block"] { position: absolute; z-index: 1; top: 0; display: flex; align-items: center; gap: 6px; height: var(--h-32); padding: 0 10px; box-sizing: border-box; border-radius: var(--r-row); background: var(--scale-rank-1); color: var(--scale-rank-1-on); overflow: hidden; white-space: nowrap; outline: none; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); box-shadow: inset 1px 0 0 var(--raised); }
[data-r="season"] [data-part="block"][data-step="2"] { background: var(--scale-rank-2); color: var(--scale-rank-2-on); }
[data-r="season"] [data-part="block"][data-step="3"] { background: var(--scale-rank-3); color: var(--scale-rank-3-on); }
[data-r="season"] [data-part="block"][data-step="4"] { background: var(--scale-rank-4); color: var(--scale-rank-4-on); }
[data-r="season"] [data-part="block"][data-step="rest"] { background: var(--well); color: var(--ink-2); }
[data-r="season"] [data-part="block"] small { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); font-variant-numeric: tabular-nums; }
[data-r="season"] [data-part="block"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="season"] [data-part="block"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="season"] [data-part="race"] { position: absolute; z-index: 0; top: -24px; bottom: 0; width: 1px; background: repeating-linear-gradient(to bottom, var(--chart-reference) 0 4px, transparent 4px 7px); }
[data-r="season"] [data-part="race"] > span { position: absolute; top: 0; left: 4px; display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; }
[data-r="season"] [data-part="race"] > span > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="season"] [data-part="today"] { position: absolute; z-index: 2; top: -26px; bottom: 0; width: 1px; background: var(--accent); }
[data-r="season"] [data-part="today"] > span { position: absolute; top: 0; left: 50%; translate: -50% 0; padding: 0 5px; border-radius: var(--r-press); background: var(--accent); color: var(--on-accent); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); white-space: nowrap; }
[data-r="season"] > [data-part="months"] { position: relative; height: 20px; margin-top: 10px; border-top: var(--px) solid var(--line-2); }
[data-r="season"] > [data-part="months"] > span { position: absolute; top: 6px; translate: -50% 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="virtual-list"] { width: 100%; }
[data-r="virtual-list"] > [data-part="viewport"] { position: relative; height: 324px; overflow: auto; contain: strict; outline: none; border-top: var(--px) solid var(--line-1); border-bottom: var(--px) solid var(--line-1); }
[data-r="virtual-list"] > [data-part="viewport"]:focus-visible { box-shadow: 0 0 0 var(--px) var(--accent); }
[data-r="virtual-list"] > [data-part="viewport"][data-force~="focus"] { box-shadow: 0 0 0 var(--px) var(--accent); }
[data-r="virtual-list"] [data-part="inner"] { position: relative; }
[data-r="virtual-list"] [data-part="row"] { position: absolute; left: 6px; right: 6px; display: grid; grid-template-columns: 8px minmax(0, 1fr) 110px 48px; align-items: center; gap: 10px; height: var(--row-36); padding: 0 10px; border-radius: var(--r-row); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
@media (hover: hover) {
  [data-r="virtual-list"] [data-part="row"]:hover { background: var(--plane-hover); }
}
[data-r="virtual-list"] [data-part="row"][data-force~="hover"] { background: var(--plane-hover); }
[data-r="virtual-list"] [data-part="row"][aria-selected="true"] { background: var(--plane-selected); }
[data-r="virtual-list"] [data-part="row"] > [data-part="title"] { font-weight: var(--fw-500); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="virtual-list"] [data-part="row"] > [data-part="date"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="virtual-list"] [data-part="row"][aria-selected="true"] > [data-part="date"] { color: var(--ink-2); }
[data-r="virtual-list"] [data-part="row"] > [data-part="load"] { text-align: right; color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="virtual-list"] > [data-part="info"] { margin: 8px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="dialog"][data-kind="shortcuts"] [data-part="shortcuts"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 4px 24px; }
[data-r="dialog"][data-kind="shortcuts"] [data-part="shortcut-group"] > h3 { margin: 8px 0 2px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="dialog"][data-kind="shortcuts"] [data-part="shortcut"] { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: var(--row-32); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="dialog"][data-kind="shortcuts"][data-variant="drawer"] [data-part="shortcuts"] { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 0 40px; width: min(840px, 100%); margin: 0 auto; }
[data-r="dialog"][data-kind="shortcuts"] dl[data-part="shortcuts"] { margin-block: 0; }
[data-r="dialog"][data-kind="shortcuts"] [data-part="shortcut"] > dt { display: flex; align-items: center; gap: 6px; flex: 1 1 auto; min-width: 0; margin: 0; }
[data-r="dialog"][data-kind="shortcuts"] [data-part="shortcut"] > dt > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="dialog"][data-kind="shortcuts"] [data-part="shortcut"] > dd { display: flex; align-items: center; gap: 6px; flex: none; margin: 0; }
[data-r="dialog"][data-kind="shortcuts"] [data-part="shortcut"] > dd > [data-part="or"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="dialog"][data-kind="shortcuts"] [data-part="shortcut"]:is([data-used], [data-held]) > dt { color: var(--ink); }
[data-r="dialog"][data-kind="shortcuts"] [data-part="shortcut"] > dt > [data-r="dot"] { margin-left: -12px; }
[data-r="dialog"][data-kind="shortcuts"] [data-part="place"] + [data-part="place"] { margin-top: 12px; }
[data-r="dialog"][data-kind="shortcuts"] [data-part="place"] > h3 { margin: 0 0 4px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink-3); }
[data-r="dialog"][data-kind="shortcuts"][data-keys-first] [data-part="shortcut"] { flex-direction: row-reverse; justify-content: flex-end; }
[data-r="dialog"][data-kind="shortcuts"][data-keys-first] [data-part="shortcut"] > dd { min-width: 88px; }
[data-r="dialog"][data-kind="shortcuts"][data-keys-term] [data-part="shortcut"] { justify-content: flex-start; }
[data-r="dialog"][data-kind="shortcuts"][data-keys-term] [data-part="shortcut"] > dt { flex: none; min-width: 88px; }
[data-r="dialog"][data-kind="shortcuts"][data-keys-term] [data-part="shortcut"] > dt > [data-part="or"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="dialog"][data-kind="shortcuts"][data-keys-term] [data-part="shortcut"] > dd { flex: 1 1 auto; min-width: 0; }
[data-r="dialog"][data-kind="shortcuts"][data-keys-term] [data-part="shortcut"] > dd > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="dialog"][data-kind="shortcuts"][data-keys-term] [data-part="shortcut"]:is([data-used], [data-held]) > dd { color: var(--ink); }
[data-r="dialog"][data-kind="shortcuts"][data-keys-term] [data-part="shortcut"] > dd > [data-r="dot"] { margin-left: -12px; }
}

/* ═══ 69-tools.css ═══ */
@layer components {
[data-r="haptics"] { display: flex; flex-direction: column; gap: 8px; width: 100%; min-width: 0; }
[data-r="haptics"] [data-part="pattern"] { position: relative; display: block; width: 120px; height: 14px; border-radius: var(--r-key); background: var(--well); }
[data-r="haptics"] [data-part="pattern"] > i { position: absolute; top: 3px; bottom: 3px; border-radius: 1px; background: var(--ink-3); }
[data-r="haptics"] [data-part="pattern"][data-play] > i { animation: r-felt var(--draw-fade) linear var(--at, 0s) 1; }
@keyframes r-felt { from { background-color: var(--ink); } to { background-color: var(--ink-3); } }
[data-r="haptics"] > [data-part="can"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="haptics"] > [data-part="log"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="sticker"] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 28px; width: 100%; min-width: 0; }
[data-r="sticker"] > [data-part="paper"] { position: relative; flex: none; padding: 18px 20px 18px 36px; border-radius: var(--r-contain); background: var(--well); }
[data-r="sticker"] > [data-part="paper"] > [data-part="ruler"] { position: absolute; left: 8px; top: 18px; width: 24px; pointer-events: none; }
[data-r="sticker"] > [data-part="paper"] > [data-part="ruler"] > svg { display: block; overflow: visible; }
[data-r="sticker"] [data-part="ruler"] [data-mark="tick"] { stroke: var(--ink-4); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="sticker"] [data-part="ruler"] text { font-size: var(--fs-9); fill: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="sticker"] > [data-part="paper"] > [data-part="strip"] { width: 38mm; height: 210mm; border-radius: var(--r-contain); box-shadow: var(--e1); }
[data-r="sticker"] > [data-part="paper"] > [data-part="strip"] > svg { display: block; }
[data-r="sticker"] > [data-part="side"] { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; flex: 1; min-width: 220px; }
[data-r="sticker"] > [data-part="side"] > [data-part="actions"] { display: flex; flex-wrap: wrap; gap: 6px; }
[data-r="sticker"] > [data-part="side"] > p { max-width: 44ch; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
@media print {
  html[data-printing] body * { visibility: hidden; }
  html[data-printing] [data-r="sticker"][data-printing] [data-part="strip"],
  html[data-printing] [data-r="sticker"][data-printing] [data-part="strip"] * { visibility: visible; }
  html[data-printing] [data-r="sticker"][data-printing] [data-part="strip"] { position: fixed; top: 56px; left: 56px; box-shadow: none; }
}
[data-r="editor"][data-kind="sweat"] > [data-part="fields"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px 14px; }
[data-r="editor"][data-kind="sweat"] > [data-part="fields"] > [data-r="form-row"] > [data-r="field"] { width: 100%; }
[data-r="editor"][data-kind="gut"] > [data-part="head"] > [data-part="word"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="editor"][data-kind="gut"] > [data-part="scale"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="editor"][data-kind="gut"] > [data-part="scale"] > [data-r="segmented"] { display: grid; grid-template-columns: repeat(11, minmax(0, 1fr)); gap: 4px; }
[data-r="editor"][data-kind="gut"] > [data-part="scale"] > [data-r="segmented"] > [data-r="button"] { --pad: 0px; width: 100%; }
[data-r="editor"][data-kind="gut"] > [data-part="scale"] > [data-part="ends"] { display: flex; justify-content: space-between; padding: 0 2px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="editor"][data-kind="gut"] > [data-r="plot"] { height: 110px; touch-action: pan-y; }
[data-r="editor"][data-kind="route"] > [data-r="plot"] { height: 150px; touch-action: pan-y; }
[data-r="editor"][data-kind="route"] > [data-r="plot"] > [data-part="marker"] { position: absolute; top: 0; z-index: 2; translate: -50% 0; display: inline-flex; align-items: center; gap: 3px; height: var(--h-20); padding: 0 7px 0 5px; border-radius: var(--r-press); background: var(--raised); color: var(--ink); font-size: var(--fs-11); line-height: 1; font-weight: var(--fw-500); font-variant-numeric: tabular-nums; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); cursor: grab; touch-action: none; transition: box-shadow var(--state-out); }
[data-r="editor"][data-kind="route"] > [data-r="plot"] [data-mark="stem"] { stroke: var(--ink-4); stroke-width: 1; stroke-linecap: butt; shape-rendering: crispEdges; }
[data-r="editor"][data-kind="route"] > [data-r="plot"] text[data-mark="grade"] { paint-order: stroke; stroke: var(--plane); stroke-width: 4px; stroke-linejoin: round; }
[data-r="editor"][data-kind="route"] > [data-r="plot"] > [data-part="marker"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--ch-carb); }
[data-r="editor"][data-kind="route"] > [data-r="plot"] > [data-part="marker"][data-tone="warning"] > svg[data-icon] { color: var(--warning-dot); }
@media (hover: hover) {
  [data-r="editor"][data-kind="route"] > [data-r="plot"] > [data-part="marker"]:hover { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e2); transition-duration: 0s; }
}
[data-r="editor"][data-kind="route"] > [data-r="plot"] > [data-part="marker"][data-force~="hover"] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e2); transition-duration: 0s; }
[data-r="editor"][data-kind="route"] > [data-r="plot"] > [data-part="marker"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; }
[data-r="editor"][data-kind="route"] > [data-r="plot"] > [data-part="marker"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 2px; }
[data-r="editor"][data-kind="route"] > [data-part="stops"] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
[data-r="editor"][data-kind="route"] > [data-part="stops"] > li { display: grid; grid-template-columns: 20px 136px minmax(0, 1fr); align-items: center; gap: 10px; min-height: var(--row-32); border-bottom: var(--px) solid var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="editor"][data-kind="route"] > [data-part="stops"] > li:last-child { border-bottom: 0; }
[data-r="editor"][data-kind="route"] > [data-part="stops"] > li > [data-part="n"] { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: var(--r-round); background: var(--well); color: var(--ink); font-size: var(--fs-11); line-height: 1; font-weight: var(--fw-500); }
[data-r="editor"][data-kind="route"] > [data-part="stops"] > li > [data-part="at"] { color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="editor"][data-kind="route"] > [data-part="stops"] > li[data-tone="warning"] > [data-part="word"] { color: var(--warning-ink); }
[data-r="editor"][data-kind="weather"] > [data-part="hours"] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(72px, 1fr); overflow-x: auto; }
[data-r="editor"][data-kind="weather"] > [data-part="hours"] > [data-part="hour"] { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px 4px; text-align: center; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="editor"][data-kind="weather"] > [data-part="hours"] > [data-part="hour"] + [data-part="hour"] { border-left: var(--px) solid var(--line-1); }
[data-r="editor"][data-kind="weather"] > [data-part="hours"] > [data-part="hour"] > [data-part="time"] { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="editor"][data-kind="weather"] > [data-part="hours"] > [data-part="hour"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-2)); }
[data-r="editor"][data-kind="weather"] > [data-part="hours"] > [data-part="hour"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="editor"][data-kind="weather"] > [data-part="hours"] > [data-part="hour"] > b > [data-part="unit"] { font-size: var(--fs-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="editor"][data-kind="weather"] > [data-part="hours"] > [data-part="hour"] > [data-part="plan"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="editor"][data-kind="weather"] > [data-part="legend"] { margin-top: -4px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
@media (max-width: 640px) {
  [data-r="editor"][data-kind="route"] > [data-part="stops"] > li { grid-template-columns: 20px minmax(0, 1fr); gap: 2px 10px; padding: 6px 0; }
  [data-r="editor"][data-kind="route"] > [data-part="stops"] > li > [data-part="word"] { grid-column: 2; }
}
}

/* ═══ 70-domain.css ═══ */
@layer components {
[data-r="figure"] { display: inline-flex; align-items: baseline; gap: 0; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--ink); }
[data-r="figure"] > b { font-weight: var(--fw-550); }
[data-r="figure"] > [data-part="unit"] { color: var(--ink-3); font-weight: var(--fw-450); }
[data-r="figure"] > [data-r="reading-state"] { margin-left: 5px; align-self: center; }
[data-r="figure"][data-size="16"] { font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="figure"][data-size="16"] > [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="delta"] { display: inline-flex; align-items: center; gap: 3px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="delta"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="delta"][data-direction="noise"] { color: var(--ink-3); font-weight: var(--fw-450); }
[data-r="workout"] { --wh: 28px; position: relative; display: flex; align-items: flex-end; height: var(--wh); min-width: 0; }
[data-r="workout"][data-size="14"] { --wh: 14px; }
[data-r="workout"][data-size="20"] { --wh: 20px; }
[data-r="workout"][data-size="44"] { --wh: 44px; }
[data-r="workout"][data-size="64"] { --wh: 64px; }
[data-r="workout"][data-size="fill"] { --wh: 100%; }
[data-workout-axis]:not([data-workout-axis="off"]) [data-r="workout"][data-axis="shared"] { flex: none; width: calc(var(--total, 60) * var(--ppm, 2) * 1px); max-width: 100%; }
[data-r="workout"] > i { --z-lit: var(--scale-2-lit); --z-deep: var(--scale-2-deep); --z-edge: var(--scale-2-edge); flex: var(--min, 1) 0 0; min-width: 1px; height: var(--h, max(1px, min(100%, calc((var(--pct, 60) - 35) * 100% / 85)))); border-right: var(--px) solid transparent; background: linear-gradient(var(--z-lit), var(--z-deep)) padding-box; }
[data-r="workout"] > i { border-radius: 2px 2px 0 0; }
[data-r="workout"] > i[data-thin] { border-right-width: 0; }
[data-r="workout"] > i:is([data-zone="1"]) { --z-lit: var(--scale-1-lit); --z-deep: var(--scale-1-deep); --z-edge: var(--scale-1-edge); }
[data-r="workout"] > i:is([data-zone="2"], [data-level="1"]) { --z-lit: var(--scale-2-lit); --z-deep: var(--scale-2-deep); --z-edge: var(--scale-2-edge); }
[data-r="workout"] > i:is([data-zone="3"], [data-level="2"]) { --z-lit: var(--scale-3-lit); --z-deep: var(--scale-3-deep); --z-edge: var(--scale-3-edge); }
[data-r="workout"] > i:is([data-zone="4"], [data-level="3"]) { --z-lit: var(--scale-4-lit); --z-deep: var(--scale-4-deep); --z-edge: var(--scale-4-edge); }
[data-r="workout"] > i:is([data-zone="5"], [data-level="4"]) { --z-lit: var(--scale-5-lit); --z-deep: var(--scale-5-deep); --z-edge: var(--scale-5-edge); }
[data-r="workout"] > i[data-zone="6"] { --z-lit: var(--scale-6-lit); --z-deep: var(--scale-6-deep); --z-edge: var(--scale-6-edge); }
[data-r="workout"] > i[data-level="1"] { --pct: 60; }
[data-r="workout"] > i[data-level="2"] { --pct: 80; }
[data-r="workout"] > i[data-level="3"] { --pct: 97; }
[data-r="workout"] > i[data-level="4"] { --pct: 115; }
[data-r="workout"]:is(:not([data-size]), [data-size="28"], [data-size="44"], [data-size="64"]) > i { box-shadow: inset 0 1px 0 var(--rim); }
[data-r="workout"]:is([data-size="44"], [data-size="64"]) > i { border-radius: 3px 3px 0 0; }
[data-r="workout"] > i[data-focus] { box-shadow: inset 0 0 0 1px var(--z-edge); }
[data-r="workout"][data-reading]::after { content: ""; position: absolute; top: 0; bottom: 0; left: var(--hair, 0); width: 1px; background: var(--a35); pointer-events: none; }
[data-r="workout"] > svg[data-part="actual"] { position: absolute; left: 0; bottom: 0; width: 100%; height: var(--wh); overflow: visible; pointer-events: none; }
[data-r="workout"] > svg[data-part="actual"] > [data-part="band"] { fill: var(--ch-power); fill-opacity: .28; stroke: none; }
[data-r="workout"] > svg[data-part="actual"] > [data-part="line"] { fill: none; stroke: var(--ch-power); stroke-width: 1px; stroke-linejoin: round; }
[data-r="workout"]:is([data-state="missed"], [data-state="excused"]) > i { background: none; box-shadow: none; outline: var(--px) dashed var(--line-4); outline-offset: calc(var(--px) * -1); }
[data-r="workout"][data-state="suggested"] > i { background: none; box-shadow: none; outline: var(--px) dashed var(--z-edge); outline-offset: calc(var(--px) * -1); }
[data-r="workout"] > svg[data-part="reserve"] { position: absolute; left: 0; bottom: 0; width: 100%; height: var(--wh); overflow: visible; pointer-events: none; }
[data-r="workout"] > svg[data-part="reserve"] > [data-part="mass"] { fill: var(--a10); stroke: none; }
[data-r="workout"] > svg[data-part="reserve"] > [data-part="line"] { fill: none; stroke: var(--a50); stroke-width: 1px; stroke-linejoin: round; }
[data-r="workout"][data-empty] > svg[data-part="reserve"] > [data-part="line"] { stroke: var(--a85); }
[data-r="workout"] > svg[data-part="reserve"] > [data-part="ceiling"] { fill: none; stroke: var(--a35); stroke-width: 1px; stroke-dasharray: 3 3; }
[data-r="workout"] > [data-part="empty"] { position: absolute; bottom: -2px; left: var(--at, 0); width: 5px; height: 5px; background: var(--ink); transform: translateX(-50%) rotate(45deg); pointer-events: none; }
[data-r="workout"]:has(> [data-part="sets"]) { height: calc(var(--wh) + 22px); padding-bottom: 22px; }
[data-r="workout"] > [data-part="sets"] { position: absolute; left: 0; right: 0; bottom: 0; height: 18px; pointer-events: none; }
[data-r="workout"] > [data-part="sets"] > [data-part="set"] { position: absolute; top: 3px; height: 4px; left: calc(var(--at) / var(--total) * 100%); width: calc(var(--span) / var(--total) * 100%); border: var(--px) solid var(--line-4); border-top: 0; }
[data-r="workout"] > [data-part="sets"] > [data-part="set"] > span { position: absolute; top: 5px; left: 50%; transform: translateX(-50%); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="workout"] > [data-part="sets"] > [data-part="set"] > span[data-lean="end"] { left: auto; right: 0; transform: none; }
[data-r="workout"] > [data-part="sets"] > [data-part="set"] > span[data-lean="start"] { left: 0; transform: none; }
[data-r="workout"]:is([data-size="14"], [data-size="20"], :not([data-size])) > [data-part="sets"] { display: none; }
[data-r="workout"]:is([data-size="14"], [data-size="20"], :not([data-size])):has(> [data-part="sets"]) { height: var(--wh); padding-bottom: 0; }
[data-r="session"] { display: grid; grid-template-columns: 16px minmax(0, 1fr) 120px auto; align-items: center; gap: 10px; height: var(--row-44); margin: 0 8px; padding: 0 12px; border-radius: var(--r-row); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="session"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="session"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="session"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="session"] > [data-part="name"] { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
[data-r="session"] > [data-part="name"] > b { font-weight: var(--fw-500); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="session"] > [data-part="name"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="session"] > [data-part="figures"] { display: flex; gap: 14px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="list"]:has(> [data-r="session"]) { container: row-list / inline-size; }
@container row-list (width < 420px) {
  [data-r="session"] { grid-template-columns: 16px minmax(0, 1fr) auto; grid-template-rows: auto auto; align-content: center; row-gap: 4px; height: var(--row-52); }
  [data-r="session"] > svg[data-icon] { grid-row: 1 / 3; }
  [data-r="session"] > [data-part="name"] { grid-row: 1 / 3; flex-direction: column; align-items: flex-start; gap: 1px; max-width: 100%; }
  [data-r="session"] > [data-part="name"] > b { max-width: 100%; }
  [data-r="session"] > [data-part="figures"] { grid-column: 3; grid-row: 1; justify-content: flex-end; }
  [data-r="session"] > [data-r="workout"] { grid-column: 3; grid-row: 2; }
}
[data-r="interval"] { container: interval / inline-size; display: grid; grid-template-columns: 20px 20px minmax(0, 1fr) 104px 112px auto; align-items: center; gap: 8px; height: var(--row-44); padding: 0 6px 0 4px; border-radius: var(--r-row); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="interval"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="interval"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="interval"] + [data-r="interval"] { margin-top: 2px; }
[data-r="interval"] > [data-part="index"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; text-align: right; }
[data-r="interval"] > [data-part="name"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink); }
[data-r="interval"] > [data-part="name"] > small { margin-left: 6px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="interval"] > [data-r="select"] { width: 100%; }
[data-r="interval"] > [data-r="select"] > [data-part="value"] { flex: 1; min-width: 0; text-align: left; }
@container interval (max-width: 419px) {
  [data-r="interval"] > [data-part="name"] > small { display: block; margin-left: 0; overflow: hidden; text-overflow: ellipsis; }
}
[data-part="add-steps"] { display: flex; gap: 4px; padding: 8px 4px 0; }
@media (max-width: 640px) {
  [data-r="interval"] { grid-template-columns: 20px minmax(0, 1fr) 92px auto; }
  [data-r="interval"] > :is([data-part="index"], [data-r="select"]) { display: none; }
}
}

/* ═══ 71-editors.css ═══ */
@layer components {
[data-r="editor"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; width: 100%; padding: 14px 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="editor"] > [data-part="head"] { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 8px 12px; }
[data-r="editor"] > [data-part="head"] > div:first-child { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 180px; }
[data-r="editor"] > [data-part="head"] > div:first-child > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="editor"] > [data-part="head"] > div:first-child > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="editor"] > [data-part="head"] > [data-part="actions"] { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
[data-r="editor"] > [data-part="figures"] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 6px 22px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="editor"] > [data-part="figures"] > span { display: flex; flex-direction: column; gap: 1px; }
[data-r="editor"] > [data-part="figures"] b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="editor"] > :is([data-part="note"], [data-part="live"]) { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="editor"] > [data-part="notes"] { display: flex; flex-direction: column; gap: 6px; }
[data-r="editor"] > [data-part="notes"] > p { display: flex; align-items: flex-start; gap: 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="editor"] > [data-part="notes"] > p > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); margin-top: 1.5px; }
[data-r="editor"] > [data-part="notes"] > p[data-tone="check"] > svg[data-icon] { color: var(--success-dot); }
[data-r="editor"] > [data-part="notes"] > p[data-tone="warning"] > svg[data-icon] { color: var(--warning-dot); }
[data-r="editor"] > [data-part="notes"] > p[data-tone="info"] > svg[data-icon] { color: var(--info-dot); }
[data-r="editor"] > [data-r="chips"] { margin-top: -2px; }
[data-r="editor"][data-kind="workout"] > [data-r="plot"] { height: 200px; }
[data-r="editor"][data-kind="ramp"] > [data-r="plot"] { height: 190px; }
[data-r="editor"][data-kind="ramp"] [data-mark="point"] { --c: var(--ch-carb); }
[data-r="editor"][data-kind="taper"] > [data-r="plot"][data-name="load"] { height: 170px; }
[data-r="editor"][data-kind="taper"] > [data-r="plot"][data-name="form"] { height: 74px; margin-top: -8px; }
[data-r="editor"][data-kind="bottle"] > [data-r="plot"] { height: 220px; }
[data-r="editor"][data-strong] > [data-part="note"] { color: var(--warning-ink); }
[data-r="editor"][data-kind="split"] > [data-part="track"] { position: relative; height: 28px; border-radius: var(--r-press); background: var(--plane-selected); touch-action: none; }
[data-r="editor"][data-kind="split"] [data-part="segment"] { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; padding: 0 10px; overflow: hidden; background: var(--tone); box-shadow: inset -1px 0 0 var(--raised); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; }
[data-r="editor"][data-kind="split"] [data-part="segment"]:first-child { border-radius: var(--r-press) 0 0 var(--r-press); }
[data-r="editor"][data-kind="split"] [data-part="segment"]:nth-last-child(1 of [data-part="segment"]) { border-radius: 0 var(--r-press) var(--r-press) 0; box-shadow: none; }
[data-r="editor"][data-kind="split"] [data-step] { --tone: var(--scale-rank-1); color: var(--scale-rank-1-on); }
[data-r="editor"][data-kind="split"] [data-step="2"] { --tone: var(--scale-rank-2); color: var(--scale-rank-2-on); }
[data-r="editor"][data-kind="split"] [data-step="3"] { --tone: var(--scale-rank-3); color: var(--scale-rank-3-on); }
[data-r="editor"][data-kind="split"] [data-step="4"] { --tone: var(--scale-rank-4); color: var(--scale-rank-4-on); }
[data-r="editor"][data-kind="split"] [data-part="grip"] { position: absolute; top: -6px; bottom: -6px; z-index: 1; width: 16px; translate: -50% 0; cursor: ew-resize; touch-action: none; outline: none; }
[data-r="editor"][data-kind="split"] [data-part="grip"]::after { content: ""; position: absolute; left: 5px; top: 0; bottom: 0; width: 6px; border-radius: var(--r-press); background: var(--knob); box-shadow: var(--handle-shadow); transition: scale var(--state-out); }
@media (hover: hover) {
  [data-r="editor"][data-kind="split"] [data-part="grip"]:hover::after { scale: 1.14 1; transition-duration: 0s; }
}
[data-r="editor"][data-kind="split"] [data-part="grip"][data-force~="hover"]::after { scale: 1.14 1; transition-duration: 0s; }
[data-r="editor"][data-kind="split"] [data-part="grip"]:focus-visible::after { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="editor"][data-kind="split"] [data-part="grip"][data-force~="focus"]::after { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="editor"][data-kind="split"] > [data-part="legend"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 8px 12px; }
[data-r="editor"][data-kind="split"] > [data-part="legend"] > span { display: grid; grid-template-columns: 8px auto 1fr; column-gap: 6px; align-items: center; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="editor"][data-kind="split"] > [data-part="legend"] i { width: 8px; height: 8px; border-radius: 2px; background: var(--tone); }
[data-r="editor"][data-kind="split"] > [data-part="legend"] b { grid-column: 2; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="editor"][data-kind="split"] > [data-part="legend"] small { grid-column: 3; grid-row: 2; padding-left: 6px; font-size: var(--fs-11); line-height: var(--lh-13); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="editor"][data-kind="mix"] > [data-part="bar"] { position: relative; height: 12px; margin: 22px 9px 4px; border-radius: var(--r-press); touch-action: none; background: linear-gradient(90deg, var(--ch-carb) calc(100% - var(--f, 40%)), var(--ch-fructose) calc(100% - var(--f, 40%))); }
[data-r="editor"][data-kind="mix"] [data-part="handle"] { position: absolute; top: -4px; width: 20px; height: 20px; translate: -50% 0; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); cursor: ew-resize; touch-action: none; outline: none; transition: scale var(--state-out); }
[data-r="editor"][data-kind="mix"] [data-part="handle"]::before { content: ""; position: absolute; inset: -8px; border-radius: inherit; }
@media (hover: hover) {
  [data-r="editor"][data-kind="mix"] [data-part="handle"]:hover { scale: 1.14; transition-duration: 0s; }
}
[data-r="editor"][data-kind="mix"] [data-part="handle"][data-force~="hover"] { scale: 1.14; transition-duration: 0s; }
[data-r="editor"][data-kind="mix"] [data-part="handle"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="editor"][data-kind="mix"] [data-part="handle"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="editor"][data-kind="mix"] [data-part="cap"] { position: absolute; bottom: 100%; margin-bottom: 4px; translate: -50% 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; pointer-events: none; }
[data-r="editor"][data-kind="mix"] [data-part="cap"]::after { content: ""; position: absolute; left: 50%; top: 100%; width: 1px; height: 20px; background: var(--ink-2); }
[data-r="editor"][data-kind="mix"] > [data-part="legend"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="editor"][data-kind="mix"] > [data-part="legend"] > span { display: inline-flex; align-items: center; gap: 6px; }
[data-r="editor"][data-kind="mix"] > [data-part="legend"] i { width: 8px; height: 8px; border-radius: 2px; background: var(--ch-carb); }
[data-r="editor"][data-kind="mix"] > [data-part="legend"] [data-sugar="fructose"] i { background: var(--ch-fructose); }
[data-r="editor"][data-kind="mix"] > [data-part="legend"] b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="editor"][data-kind="mix"] > [data-part="legend"] > [data-part="ratio"] { margin-left: auto; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="editor"][data-kind="mix"] > [data-part="head"] [data-r="field"][data-kind="stepper"] { width: 132px; }
[data-r="editor"][data-kind="fuel"] > [data-part="body"] { padding-left: 44px; }
[data-r="editor"][data-kind="fuel"] [data-part="track"] { position: relative; height: 64px; margin-bottom: 22px; }
[data-r="editor"][data-kind="fuel"] [data-part="lane"] { position: absolute; left: 0; right: 0; height: 28px; border-radius: var(--r-press); background: var(--a5); }
[data-r="editor"][data-kind="fuel"] [data-part="lane"][data-lane="0"] { top: 2px; }
[data-r="editor"][data-kind="fuel"] [data-part="lane"][data-lane="1"] { top: 34px; }
[data-r="editor"][data-kind="fuel"] [data-part="lane-name"] { position: absolute; right: 100%; top: 2px; margin-right: 8px; font-size: var(--fs-11); line-height: 28px; color: var(--ink-3); white-space: nowrap; }
[data-r="editor"][data-kind="fuel"] [data-part="lane-name"][data-lane="1"] { top: 34px; }
[data-r="editor"][data-kind="fuel"] [data-part="hour-tick"] { position: absolute; top: 0; bottom: -4px; width: 1px; background: var(--chart-grid); pointer-events: none; }
[data-r="editor"][data-kind="fuel"] [data-part="hour-label"] { position: absolute; top: 100%; margin-top: 7px; translate: -50% 0; font-size: var(--fs-11); line-height: var(--lh-11); font-style: normal; color: var(--ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; pointer-events: none; }
[data-r="editor"][data-kind="fuel"] [data-part="hour-label"][data-edge="start"] { translate: 0 0; }
[data-r="editor"][data-kind="fuel"] [data-part="hour-label"][data-edge="end"] { translate: -100% 0; }
[data-r="editor"][data-kind="fuel"] [data-part="item"] { position: absolute; z-index: 1; height: var(--h-24); padding: 0 9px 0 8px; display: inline-flex; align-items: center; gap: 6px; border: .5px solid transparent; border-radius: var(--r-press); background: var(--raised); background-clip: padding-box; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); font-size: var(--fs-11); line-height: 1; font-weight: var(--fw-500); color: var(--ink-2); white-space: nowrap; font-variant-numeric: tabular-nums; cursor: grab; touch-action: none; transition: background-color var(--state-out), color var(--state-out); }
[data-r="editor"][data-kind="fuel"] [data-part="item"]::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: var(--r-round); background: var(--ch-carb); }
[data-r="editor"][data-kind="fuel"] [data-part="item"]:not([data-kind="bottle"]) { translate: -50% 0; }
@media (hover: hover) {
  [data-r="editor"][data-kind="fuel"] [data-part="item"]:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="editor"][data-kind="fuel"] [data-part="item"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="editor"][data-kind="fuel"] [data-part="item"][aria-pressed="true"] { background-color: var(--plane-selected); color: var(--ink); }
[data-r="editor"][data-kind="fuel"] [data-part="hours"] { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; }
[data-r="editor"][data-kind="fuel"] [data-part="hour"] { display: flex; flex-direction: column; align-items: center; gap: 6px; border-left: var(--px) solid var(--line-1); }
[data-r="editor"][data-kind="fuel"] [data-part="hour"]:first-child { border-left: 0; }
[data-r="editor"][data-kind="fuel"] [data-part="column"] { position: relative; width: 100%; height: 56px; }
[data-r="editor"][data-kind="fuel"] [data-part="column"] > i { position: absolute; bottom: 0; left: 50%; width: 24px; translate: -50% 0; border-radius: 4px 4px 0 0; background: var(--ch-carb); }
[data-r="editor"][data-kind="fuel"] [data-part="column"] > b { position: absolute; left: 18%; right: 18%; height: 0; border-top: 1px dashed var(--ink-2); }
[data-r="editor"][data-kind="fuel"] [data-part="hour"] > span { display: flex; flex-direction: column; align-items: center; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="editor"][data-kind="fuel"] [data-part="hour"] > span > strong { font-weight: var(--fw-550); color: var(--ink); }
[data-r="night"] { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
[data-r="night"] > [data-part="face"] { position: relative; flex: none; width: 200px; height: 200px; touch-action: none; }
[data-r="night"] > [data-part="face"] > svg { display: block; width: 200px; height: 200px; overflow: visible; }
[data-r="night"] [data-mark="track"] { fill: none; stroke: var(--plane-selected); stroke-width: 18; }
[data-r="night"] [data-mark="tick"] { stroke: var(--ink-4); stroke-width: 1; }
[data-r="night"] [data-mark="arc"] { fill: none; stroke: var(--accent); stroke-width: 18; stroke-linecap: round; }
[data-r="night"] text { font-size: var(--fs-11); fill: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="night"] [data-part="handle"] { position: absolute; z-index: 1; width: 24px; height: 24px; translate: -50% -50%; display: grid; place-items: center; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); color: var(--on-knob); cursor: grab; touch-action: none; outline: none; transition: scale var(--state-out); }
[data-r="night"] [data-part="handle"]::before { content: ""; position: absolute; inset: -8px; border-radius: inherit; }
[data-r="night"] [data-part="handle"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
@media (hover: hover) {
  [data-r="night"] [data-part="handle"]:hover { scale: 1.14; transition-duration: 0s; }
}
[data-r="night"] [data-part="handle"][data-force~="hover"] { scale: 1.14; transition-duration: 0s; }
[data-r="night"] [data-part="handle"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="night"] [data-part="handle"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="night"] [data-part="centre"] { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; pointer-events: none; }
[data-r="night"] [data-part="centre"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="night"] [data-part="centre"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="night"] > [data-part="side"] { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 180px; }
[data-r="night"] > [data-part="side"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="night"] > [data-part="side"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="night"] > [data-part="side"] > [data-part="note"] { margin-top: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="night"][data-short] > [data-part="side"] > [data-part="note"] { color: var(--warning-ink); }
@media (max-width: 560px) {
  [data-r="editor"][data-kind="fuel"] > [data-part="body"] { padding-left: 0; }
  [data-r="editor"][data-kind="fuel"] [data-part="lane-name"] { display: none; }
  [data-r="editor"][data-kind="mix"] > [data-part="legend"] > [data-part="ratio"] { margin-left: 0; }
  [data-r="night"] { justify-content: center; }
}
}

/* ═══ 72-plot.css ═══ */
@layer components {
[data-r="plot"] { position: relative; min-width: 0; border-radius: var(--r-row); touch-action: none; user-select: none; -webkit-user-select: none; }
[data-r="plot"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="plot"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="plot"] > svg { display: block; width: 100%; overflow: visible; fill: var(--ink); }
[data-r="plot"] text { font-size: var(--fs-11); font-weight: var(--fw-450); fill: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="plot"] text[data-tone="strong"] { font-weight: var(--fw-500); fill: var(--ink); }
[data-r="plot"] [data-mark="grid"] { stroke: var(--chart-grid); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="plot"] [data-mark="axis"] { stroke: var(--chart-axis); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="plot"] [data-mark="zero"] { stroke: var(--ink-4); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="plot"] [data-mark="ref"] { fill: none; stroke: var(--chart-reference); stroke-width: 1; stroke-dasharray: 4 3; }
[data-r="plot"] [data-mark="diagonal"] { fill: none; stroke: var(--chart-grid); stroke-width: 1; stroke-dasharray: 2 3; }
[data-r="plot"] [data-mark="band"] { fill: var(--a5); stroke: none; }
[data-r="plot"] [data-mark="line"] { fill: none; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
[data-r="plot"] [data-mark="line"]:is([data-kind="projection"], [data-kind="estimate"]) { stroke-dasharray: 6 4; }
[data-r="plot"] [data-mark="area"] { stroke: none; opacity: .10; }
[data-r="plot"] [data-mark="point"] { fill: var(--c, var(--ink)); stroke: var(--raised); stroke-width: 2; }
[data-r="plot"] [data-mark="point"][data-on] { fill: var(--ink); }
[data-r="plot"] [data-mark="open"] { fill: var(--plane); stroke: var(--ink-3); stroke-width: 1.5; }
[data-r="plot"] [data-mark="open"][data-on] { stroke: var(--ink); }
[data-r="plot"] [data-mark="ring"] { fill: none; stroke: var(--ink); stroke-width: 1.5; pointer-events: none; }
[data-r="plot"] [data-mark="stem"] { stroke: var(--c, var(--ink-4)); stroke-width: 2; stroke-linecap: round; }
[data-r="plot"] [data-mark="median"] { stroke: var(--ink); stroke-width: 2; stroke-linecap: round; }
[data-r="plot"] [data-mark="middle"] { fill: var(--a10); stroke: none; }
[data-r="plot"] [data-mark="here"] { fill: var(--a5); stroke: none; pointer-events: none; }
[data-r="plot"] [data-mark="crosshair"] { stroke: var(--a35); stroke-width: 1; shape-rendering: crispEdges; pointer-events: none; }
[data-r="plot"] [data-mark="missing"] { stroke: none; }
[data-r="plot"] [data-mark="hatch"] { fill: var(--a20); stroke: none; }
[data-r="plot"] [data-mark="block"] { fill: var(--scale-rank-2); stroke: var(--raised); stroke-width: 0; transition: stroke var(--state-out); }
[data-r="plot"] [data-mark="block"][data-step="1"] { fill: var(--scale-rank-1); }
[data-r="plot"] [data-mark="block"][data-step="2"] { fill: var(--scale-rank-2); }
[data-r="plot"] [data-mark="block"][data-step="3"] { fill: var(--scale-rank-3); }
[data-r="plot"] [data-mark="block"][data-step="4"] { fill: var(--scale-rank-4); }
[data-r="plot"] [data-mark="block"][data-step="race"] { fill: var(--scale-6); }
[data-r="plot"] [data-mark="block"][data-on] { stroke: var(--accent); stroke-width: 1.5; transition-duration: 0s; }
[data-r="plot"] [data-mark="form"] { fill: var(--ch-form); fill-opacity: .7; }
[data-r="plot"] [data-mark="form"][data-kind="projection"] { fill-opacity: .35; }
[data-r="plot"] [data-mark="form"][data-on] { fill-opacity: 1; }
[data-r="plot"] [data-mark="bar"] { fill: var(--scale-rank-2); stroke: none; transition: opacity var(--state-out); }
[data-r="plot"] [data-mark="bar"][data-step="1"] { fill: var(--scale-rank-1); }
[data-r="plot"] [data-mark="bar"][data-step="2"] { fill: var(--scale-rank-2); }
[data-r="plot"] [data-mark="bar"][data-step="3"] { fill: var(--scale-rank-3); }
[data-r="plot"] [data-mark="bar"][data-step="4"] { fill: var(--scale-rank-4); }
[data-r="plot"][data-hovering] [data-mark="bar"]:not([data-on]) { opacity: .45; transition-duration: 0s; }
[data-r="plot"] [data-mark="cell"] { fill: var(--scale-cell-2); stroke: transparent; stroke-width: 1.5; transition: stroke var(--state-out); }
[data-r="plot"] [data-mark="cell"][data-step="0"] { fill: var(--well); }
[data-r="plot"] [data-mark="cell"][data-step="1"] { fill: var(--scale-cell-1); }
[data-r="plot"] [data-mark="cell"][data-step="2"] { fill: var(--scale-cell-2); }
[data-r="plot"] [data-mark="cell"][data-step="3"] { fill: var(--scale-cell-3); }
[data-r="plot"] [data-mark="cell"][data-step="4"] { fill: var(--scale-cell-4); }
[data-r="plot"] [data-mark="cell"][data-step="5"] { fill: var(--scale-cell-5); }
[data-r="plot"] [data-mark="cell"][data-on] { stroke: var(--ink); transition-duration: 0s; }
[data-r="plot"] [data-mark="cell"][data-fill] { pointer-events: none; }
[data-r="plot"] [data-part="today"],
[data-r="plot"] [data-mark="today"] { fill: none; stroke: var(--accent); stroke-width: 1.5; pointer-events: none; }
[data-r="plot"] > [data-part="grip"] { position: absolute; z-index: 2; touch-action: none; outline: none; }
[data-r="plot"] > [data-part="grip"]::after { content: ""; position: absolute; border-radius: var(--r-press); background: var(--knob); box-shadow: var(--handle-shadow); transition: scale var(--state-out); }
[data-r="plot"] > [data-part="grip"][data-axis="y"] { height: 12px; cursor: ns-resize; }
[data-r="plot"] > [data-part="grip"][data-axis="y"]::after { left: 50%; top: 4px; width: 24px; height: 4px; translate: -50% 0; }
[data-r="plot"] > [data-part="grip"][data-axis="x"] { width: 14px; cursor: ew-resize; }
[data-r="plot"] > [data-part="grip"][data-axis="x"]::after { top: 50%; left: 5px; width: 4px; height: 24px; translate: 0 -50%; }
[data-r="plot"] > [data-part="grip"][data-axis="x"][data-line]::before { content: ""; position: absolute; left: 6.5px; top: 0; bottom: 0; width: 1px; background: var(--ink-3); }
@media (hover: hover) {
  [data-r="plot"] > [data-part="grip"]:hover::after { scale: 1.14; transition-duration: 0s; }
}
[data-r="plot"] > [data-part="grip"][data-force~="hover"]::after { scale: 1.14; transition-duration: 0s; }
[data-r="plot"] > [data-part="grip"]:focus-visible::after { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="plot"] > [data-part="grip"][data-force~="focus"]::after { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="plot"] > [data-part="handle"] { position: absolute; z-index: 2; width: 18px; height: 18px; translate: -50% -50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); cursor: grab; touch-action: none; outline: none; transition: scale var(--state-out); }
[data-r="plot"] > [data-part="handle"]::before { content: ""; position: absolute; inset: -9px; border-radius: inherit; }
[data-r="plot"] > [data-part="handle"]::after { content: ""; position: absolute; inset: 5px; border-radius: inherit; background: var(--ch-carb); }
@media (hover: hover) {
  [data-r="plot"] > [data-part="handle"]:hover { scale: 1.14; transition-duration: 0s; }
}
[data-r="plot"] > [data-part="handle"][data-force~="hover"] { scale: 1.14; transition-duration: 0s; }
[data-r="plot"] > [data-part="handle"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="plot"] > [data-part="handle"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="plot"] > [data-part="tag"] { position: absolute; z-index: 3; translate: -50% 0; padding: 3px 7px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; pointer-events: none; }
[data-r="plot"] > [data-part="tip"] { position: absolute; z-index: 3; min-width: 120px; padding: 6px 8px 7px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); white-space: nowrap; pointer-events: none; }
[data-r="plot"] > [data-part="tip"] > [data-part="head"] { margin-bottom: 3px; font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="plot"] > [data-part="tip"] > [data-part="row"] { display: flex; align-items: center; gap: 6px; }
[data-r="plot"] > [data-part="tip"] > [data-part="row"] > i { flex: none; width: 10px; height: 2px; border-radius: 1px; background: var(--c, var(--ink-2)); }
[data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-kind="dash"] { background: repeating-linear-gradient(90deg, var(--c, var(--ink-2)) 0 3px, transparent 3px 5px); }
[data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-kind="block"] { height: 8px; border-radius: 2px; }
[data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-kind="dot"] { width: 6px; height: 6px; margin: 0 2px; border-radius: var(--r-round); }
[data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-kind="dot"][data-size="8"] { width: 8px; height: 8px; margin: 0 1px; }
[data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-kind="none"] { visibility: hidden; }
[data-r="plot"] > [data-part="tip"] > [data-part="row"] > b { min-width: 44px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="plot"] > [data-part="span"] { position: absolute; z-index: 1; box-sizing: border-box; border-inline: 1px solid var(--ink-3); background: var(--a5); pointer-events: none; }
[data-r="plot"] > [data-part="pin"] { position: absolute; top: -2px; z-index: 3; display: grid; place-items: center; width: 20px; height: 20px; margin-left: -10px; padding: 0; border: 0; border-radius: var(--r-round); background: var(--ink); color: var(--raised); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); font-variant-numeric: tabular-nums; transition: scale var(--state-out); }
@media (hover: hover) {
  [data-r="plot"] > [data-part="pin"]:is(:hover, [data-on]) { scale: 1.18; transition-duration: 0s; }
}
[data-r="plot"] > [data-part="pin"]:is([data-force~="hover"], [data-on]) { scale: 1.18; transition-duration: 0s; }
[data-r="plot"] > [data-part="pin"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; }
[data-r="plot"] > [data-part="pin"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 2px; }
[data-r="plot"] > [data-part="compose"] { position: absolute; top: 26px; z-index: 3; width: 240px; border-radius: var(--r-value); box-shadow: var(--e2); }
[data-r="plot"] > [data-part="compose"] > [data-r="field"] { width: 100%; }
}

/* ═══ 73-truth.css ═══ */
@layer components {
button[data-r="figure"] { margin: 0 -6px; padding: 1px 6px; border: 0; border-radius: var(--r-press); background: transparent; font: inherit; color: var(--ink); text-align: left; transition: background-color var(--state-out); }
button[data-r="figure"][aria-expanded="true"] { background-color: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  button[data-r="figure"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
button[data-r="figure"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="term"] { display: inline; margin: 0; padding: 0; border: 0; border-radius: 2px; background: none; /* allow: radius · the hover plate of a word in running text */ font: inherit; color: inherit; letter-spacing: inherit; text-decoration: underline dotted var(--ink-4); text-decoration-thickness: 1.25px; text-underline-offset: 3px; transition: background-color var(--state-out); }
[data-r="term"][aria-expanded="true"] { text-decoration-style: solid; text-decoration-color: var(--ink-3); background-color: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="term"]:hover { text-decoration-style: solid; text-decoration-color: var(--ink-3); background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="term"][data-force~="hover"] { text-decoration-style: solid; text-decoration-color: var(--ink-3); background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="delta"][data-noise] { gap: 8px; font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="delta"][data-noise] > b { min-width: 44px; text-align: right; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink-2); }
[data-r="delta"][data-noise]:not([data-direction="noise"]) > b { color: var(--ink); }
[data-r="delta"][data-noise]:not([data-direction="noise"]) > [data-part="word"] { color: var(--ink-2); }
[data-r="delta"] > [data-part="noise"] { position: relative; flex: none; width: 56px; height: 12px; }
[data-r="delta"] > [data-part="noise"]::before { content: ""; position: absolute; left: 2px; right: 2px; top: 50%; height: 1px; translate: 0 -50%; background: var(--line-3); }
[data-r="delta"] > [data-part="noise"]::after { content: ""; position: absolute; left: 50%; top: 1px; bottom: 1px; width: 1px; translate: -50% 0; background: var(--ink-4); }
[data-r="delta"] > [data-part="noise"] > [data-part="band"] { position: absolute; top: 2px; height: 8px; left: calc(50% - var(--n)); width: calc(var(--n) * 2); border-radius: var(--r-press); background: var(--a10); }
[data-r="delta"] > [data-part="noise"] > [data-part="value"] { position: absolute; z-index: 1; top: 3px; left: var(--at); width: 6px; height: 6px; translate: -50% 0; border-radius: var(--r-round); background: var(--raised); box-shadow: inset 0 0 0 1.25px var(--ink-2); }
[data-r="delta"][data-noise]:not([data-direction="noise"]) > [data-part="noise"] > [data-part="value"] { background: var(--ink); box-shadow: none; }
[data-r="list"]:has([data-r="list-row"] > [data-part="end"] > [data-r="delta"][data-noise]) { container: row-list / inline-size; }
@container row-list (width < 420px) {
  [data-r="list-row"] > [data-part="end"] > [data-r="delta"][data-noise] > [data-part="noise"] { display: none; }
}
[data-r="age"] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="age"] > svg { flex: none; transform: rotate(-90deg); fill: none; }
[data-r="age"] circle { fill: none; stroke-width: 2; }
[data-r="age"] circle[data-part="track"] { stroke: var(--plane-selected); }
[data-r="age"] circle[data-part="left"] { stroke: currentColor; stroke-linecap: round; }
[data-r="age"][data-state="stale"] { color: var(--warning-ink); }
[data-r="hover-card"] > [data-part="head"] > span:not([data-r]) { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="hover-card"] > [data-part="head"] > [data-part="unit"] { margin-left: auto; }
[data-r="hover-card"] > [data-part="lead"] { color: var(--ink-2); }
[data-r="hover-card"] > dl[data-part="facts"] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; margin: 0; }
[data-r="hover-card"] > dl[data-part="facts"] > dt { color: var(--ink-3); }
[data-r="hover-card"] > dl[data-part="facts"] > dd { margin: 0; color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="hover-card"] > dl[data-part="facts"] > dd[data-empty] { color: var(--ink-3); }
[data-r="hover-card"] > [data-part="head"] > [data-r="reading-state"] { margin-left: auto; }
[data-r="hover-card"] > [data-part="actions"] { display: flex; gap: 6px; }
[data-r="hover-card"] > [data-part="foot"] { display: flex; align-items: flex-start; gap: 6px; padding-top: 8px; border-top: var(--px) solid var(--line-1); color: var(--ink-2); }
[data-r="hover-card"] > [data-part="foot"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); margin-top: 2.5px; color: var(--thing, var(--ink-3)); }
[data-r="chart-card"][data-kind="cold"] > [data-r="plot"] { height: 150px; }
[data-r="chart-card"] > [data-part="progress"] { display: flex; align-items: center; gap: 10px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="chart-card"] > [data-part="progress"] > [data-r="progress"] { flex: 1; max-width: 220px; }
[data-r="chart-card"] > [data-part="note"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="chart-card"] > [data-part="note"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="reschedule"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; width: 100%; }
[data-r="reschedule"] > [data-part="days"] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
[data-r="reschedule"] [data-part="day"] { display: flex; flex-direction: column; gap: 6px; min-height: 132px; padding: 6px; border-radius: var(--r-contain); background: var(--ground); transition: background-color var(--state-out), box-shadow var(--state-out); }
[data-r="reschedule"] [data-part="day"][data-over] { background: var(--plane-hover); box-shadow: inset 0 0 0 var(--px) var(--line-4); transition-duration: 0s; }
[data-r="reschedule"] [data-part="day"][data-warn] { box-shadow: inset 0 0 0 1px var(--warning-line); }
[data-r="reschedule"] [data-part="date"] { padding: 2px 4px 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="reschedule"] [data-part="date"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="reschedule"] [data-part="session"] { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 8px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-raised)), var(--e1); cursor: grab; touch-action: none; outline: none; transition: box-shadow var(--state-out); }
[data-r="reschedule"] [data-part="session"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); overflow-wrap: anywhere; }
@media (hover: hover) {
  [data-r="reschedule"] [data-part="session"]:hover { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-raised-hover)), var(--e1); transition-duration: 0s; }
}
[data-r="reschedule"] [data-part="session"][data-force~="hover"] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-raised-hover)), var(--e1); transition-duration: 0s; }
[data-r="reschedule"] [data-part="session"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="reschedule"] [data-part="session"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="reschedule"] [data-part="session"][data-held] { z-index: 3; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-raised-hover)), var(--e3); transition: none; }
[data-r="reschedule"] [data-part="session"][data-fixed] { background: transparent; box-shadow: inset 0 0 0 var(--px) var(--line-3); cursor: default; }
[data-r="reschedule"] [data-part="session"][data-fixed] > svg[data-icon] { position: absolute; top: 9px; right: 8px; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="reschedule"] > [data-part="checks"] { display: flex; flex-direction: column; gap: 6px; min-height: 44px; }
[data-r="reschedule"] > [data-part="checks"] > p { display: flex; align-items: flex-start; gap: 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="reschedule"] > [data-part="checks"] > p[data-part="if"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="reschedule"] > [data-part="checks"] > p > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); margin-top: 1.5px; }
[data-r="reschedule"] > [data-part="checks"] > p[data-tone="warning"] > svg[data-icon] { color: var(--warning-dot); }
[data-r="reschedule"] > [data-part="checks"] > p[data-tone="info"] > svg[data-icon] { color: var(--info-dot); }
[data-r="reschedule"] > [data-part="checks"] > p[data-tone="check"] > svg[data-icon] { color: var(--success-dot); }
[data-r="sandbox"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); display: flex; flex-direction: column; gap: 14px; min-width: 0; width: 100%; padding: 14px 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="sandbox"][data-open] { background: var(--paper); box-shadow: none; outline: 1px dashed var(--ink-4); outline-offset: -1px; }
[data-r="sandbox"] > [data-part="head"] { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 8px 12px; }
[data-r="sandbox"] > [data-part="head"] > div:first-child { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 200px; }
[data-r="sandbox"] > [data-part="head"] > div:first-child > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="sandbox"] > [data-part="head"] > div:first-child > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="sandbox"] > [data-part="head"] > [data-part="actions"] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
[data-r="sandbox"] > [data-part="controls"] { display: flex; flex-wrap: wrap; gap: 14px 20px; }
[data-r="sandbox"] > table[data-part="table"] { width: 100%; border-collapse: collapse; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="sandbox"] > table[data-part="table"] :is(th, td) { height: var(--row-32); padding: 0 0 0 8px; border-bottom: var(--px) solid var(--line-1); text-align: right; font-weight: var(--fw-450); }
[data-r="sandbox"] > table[data-part="table"] tr > :first-child { padding-left: 0; text-align: left; }
[data-r="sandbox"] > table[data-part="table"] thead th { height: 26px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="sandbox"] > table[data-part="table"] tbody td:nth-child(2),
[data-r="sandbox"] > table[data-part="table"] tbody td:nth-child(3) { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="sandbox"]:not([data-open]) > table[data-part="table"] tbody td:nth-child(3) { color: var(--ink-3); }
[data-r="sandbox"] > table[data-part="table"] td[data-none] { color: var(--ink-3); }
[data-r="sandbox"] > table[data-part="table"] tr > :not(:first-child) { white-space: nowrap; }
[data-r="sandbox"] > table[data-part="table"] tbody tr:last-child > :where(td, th) { border-bottom: 0; }
[data-r="sandbox"] > [data-part="changes"] { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="sandbox"] > [data-part="changes"]:empty { display: none; }
[data-r="sandbox"] > [data-part="changes"] > li[data-none] { color: var(--ink-3); }
[data-r="grammar"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); display: flex; flex-direction: column; gap: 10px; min-width: 0; width: 100%; padding: 14px 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="grammar"] > [data-part="edit"] { --ring-gap: var(--raised); position: relative; border: .5px solid var(--line-4); border-radius: var(--r-value); background: var(--raised); transition: border-color var(--state-out), box-shadow var(--ring-in) var(--ease-ring); }
@media (hover: hover) {
  [data-r="grammar"] > [data-part="edit"]:hover { border-color: var(--line-5); transition-duration: 0s; }
}
[data-r="grammar"] > [data-part="edit"][data-force~="hover"] { border-color: var(--line-5); transition-duration: 0s; }
[data-r="grammar"] > [data-part="edit"]:is(:focus-within, [data-force~="focus"]) { border-color: transparent; box-shadow: var(--ring-field); }
[data-r="grammar"][data-invalid] > [data-part="edit"]:not(:focus-within) { border-color: var(--danger); }
[data-r="grammar"][data-invalid] > [data-part="edit"]:focus-within { border-color: transparent; box-shadow: var(--ring-field-danger); }
[data-r="grammar"] > [data-part="edit"] > :is(textarea, [data-part="mirror"]) { display: block; width: 100%; min-height: 66px; margin: 0; padding: 10px 12px; border: 0; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-450); letter-spacing: 0; white-space: pre-wrap; overflow-wrap: break-word; font-variant-numeric: tabular-nums; }
[data-r="grammar"] > [data-part="edit"] > textarea { position: relative; z-index: 1; resize: vertical; outline: none; background: transparent; color: transparent; caret-color: var(--ink); }
[data-r="grammar"] > [data-part="edit"] > textarea::selection { background: var(--selection); color: transparent; }
[data-r="grammar"] > [data-part="edit"] > [data-part="mirror"] { position: absolute; inset: 0; overflow: hidden; color: var(--ink-2); pointer-events: none; }
[data-r="grammar"] [data-token="length"],
[data-r="grammar"] [data-token="repeat"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="grammar"] [data-token="target"] { font-weight: var(--fw-550); color: var(--ink); text-decoration: underline; text-decoration-color: var(--line-4); text-underline-offset: 4px; }
[data-r="grammar"] [data-token="word"] { color: var(--ink-2); }
[data-r="grammar"] [data-token="joint"] { color: var(--ink-3); }
[data-r="grammar"] > [data-part="reads"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="grammar"] > [data-part="reads"] > span { margin-right: 4px; color: var(--ink-3); }
[data-r="grammar"] > [data-part="errors"]:empty { display: none; }
[data-r="grammar"] > [data-part="errors"] > p { display: flex; align-items: flex-start; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--danger-ink); }
[data-r="grammar"] > [data-part="errors"] > p > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); margin-top: 1.5px; }
[data-r="grammar"] > [data-r="plot"] { height: 120px; }
[data-r="grammar"] > [data-part="figures"] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 6px 22px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="grammar"] > [data-part="figures"] > span { display: flex; flex-direction: column; gap: 1px; }
[data-r="grammar"] > [data-part="figures"] b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="number-grammar"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
[data-r="number-grammar"] > [data-part="try"] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
[data-r="number-grammar"] > [data-part="result"] { min-height: var(--lh-13); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: pre; }
[data-r="number-grammar"] > [data-part="rule"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
@media (max-width: 480px) {
  [data-r="sandbox"] > table[data-part="table"],
  [data-r="sandbox"] > table[data-part="table"] > :is(thead, tbody) { display: block; }
  [data-r="sandbox"] > table[data-part="table"] tr { display: grid; grid-template-columns: minmax(0, 1fr) 64px 64px 80px; border-bottom: var(--px) solid var(--line-1); }
  [data-r="sandbox"] > table[data-part="table"] tbody tr:last-child { border-bottom: 0; }
  [data-r="sandbox"] > table[data-part="table"] :is(th, td) { border-bottom: 0; }
  [data-r="sandbox"] > table[data-part="table"] tr > :first-child { grid-column: 1 / -1; height: auto; padding-top: 10px; }
  [data-r="sandbox"] > table[data-part="table"] thead tr > :first-child { display: none; }
  [data-r="sandbox"] > table[data-part="table"] tr > :nth-child(2) { grid-column-start: 2; }
}
@media (max-width: 640px) {
  [data-r="reschedule"] > [data-part="days"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  [data-r="delta"][data-noise] { flex-wrap: wrap; white-space: normal; }
  [data-r="delta"][data-noise] > b { min-width: 0; text-align: left; }
}
}

/* ═══ 74-charts.css ═══ */
@layer components {
[data-r="chart-card"] { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 12px 0 16px; border-top: var(--px) solid var(--line-1); }
[data-r="chart-card"][data-variant="lifted"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); padding: 14px 16px 12px; border-top: 0; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="chart-card"] > [data-part="header"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; min-height: var(--h-24); }
[data-r="chart-card"] > [data-part="header"] > [data-part="title"] { flex: 1 1 0; min-width: min(120px, 100%); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="chart-card"] > [data-part="header"] > [data-part="title"] > b { display: block; font-weight: var(--fw-550); }
[data-r="chart-card"] > [data-part="header"] > [data-part="title"] > span { display: block; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="chart-card"] > [data-part="header"] > :is([data-r="legend"], [data-r="segmented"]) { flex: none; }
[data-r="chart-card"] > [data-r="plot"] { touch-action: pan-y; }
[data-r="chart-card"] > [data-r="plot"] + [data-r="plot"] { margin-top: -4px; }
[data-r="chart-card"] > [data-r="plot"]:is([data-name="power"], [data-name="gut"]) { height: 190px; }
[data-r="chart-card"] > [data-r="plot"][data-name="wbal"] { height: 104px; }
[data-r="chart-card"][data-size="focus"] > [data-r="plot"][data-name="power"] { height: 400px; }
[data-r="chart-card"][data-size="focus"] > [data-r="plot"][data-name="wbal"] { height: 180px; }
[data-r="chart-card"] > [data-r="plot"][data-name="load"] { height: 180px; }
[data-r="chart-card"] > [data-r="plot"][data-name="form"] { height: 92px; }
[data-r="chart-card"] > [data-r="plot"][data-name="weeks"] { height: 200px; }
[data-r="chart-card"] > [data-r="plot"][data-name="curve"] { height: 210px; }
[data-r="chart-card"] > [data-r="plot"][data-name="days"] { height: 132px; }
[data-r="chart-card"] > [data-r="plot"][data-name="line"] { height: 188px; }
[data-r="chart-card"] > [data-r="plot"][data-name="ghost"] { height: 170px; }
[data-r="chart-card"] > [data-r="plot"][data-name="notes"] { height: 120px; margin-top: 6px; }
[data-r="chart-card"] > [data-part="figures"],
[data-r="chart-card"] > [data-part="selection"] > [data-part="figures"] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 6px 20px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="chart-card"] > [data-part="figures"] { padding-top: 8px; border-top: var(--px) solid var(--line-1); }
:is([data-r="chart-card"] > [data-part="figures"], [data-r="chart-card"] > [data-part="selection"] > [data-part="figures"]) b { display: flex; align-items: center; gap: 5px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="chart-card"] > [data-part="selection"] { display: flex; flex-direction: column; gap: 10px; padding-top: 10px; border-top: var(--px) solid var(--line-1); }
[data-r="chart-card"] > [data-part="selection"] > [data-part="figures"] { min-height: 34px; }
[data-r="chart-card"] > [data-part="selection"] [data-part="hint"] { align-self: center; margin: 0; }
[data-r="chart-card"] > [data-part="selection"] [data-clear-span] { margin-left: auto; align-self: center; }
[data-r="chart-card"] > [data-part="reps"] { display: flex; flex-direction: column; }
[data-r="chart-card"] > [data-part="reps"] > [data-part="rep"] { display: grid; grid-template-columns: 52px 64px minmax(0, 1fr); align-items: center; gap: 8px; min-height: 30px; border-bottom: var(--px) solid var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="chart-card"] > [data-part="reps"] > [data-part="rep"]:last-child { border-bottom: 0; }
[data-r="chart-card"] > [data-part="reps"] > [data-part="rep"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; }
[data-r="chart-card"] > [data-part="notes"] { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
[data-r="chart-card"] > [data-part="notes"] > li { display: flex; gap: 10px; padding: 8px; border-radius: var(--r-row); transition: background-color var(--state-out); }
[data-r="chart-card"] > [data-part="notes"] > li[data-on] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="chart-card"] > [data-part="notes"] [data-part="n"] { flex: none; display: grid; place-items: center; width: 20px; height: 20px; border-radius: var(--r-round); background: var(--ink); color: var(--raised); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); font-variant-numeric: tabular-nums; }
[data-r="chart-card"] > [data-part="notes"] [data-part="meta"] { display: flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="chart-card"] > [data-part="notes"] [data-part="meta"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="chart-card"] > [data-part="notes"] p { margin: 3px 0 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
[data-r="chart-card"] > [data-part="table"] > [data-part="scroll"] { max-height: 280px; overflow: auto; }
[data-r="chart-card"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
[data-r="legend"] { display: flex; align-items: center; gap: 4px 14px; flex-wrap: wrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="legend"] > span { display: inline-flex; align-items: center; gap: 6px; }
[data-r="legend"] > span > i { display: inline-block; flex: none; width: 12px; height: 2px; border-radius: 1px; background: var(--c, var(--ink-2)); }
[data-r="legend"] > span > i:is([data-kind="dash"], [data-kind="estimate"]) { background: repeating-linear-gradient(90deg, var(--c, var(--ink-2)) 0 4px, transparent 4px 6px); }
[data-r="legend"] > span > i[data-kind="ref"] { height: 1px; border-radius: 0; background: repeating-linear-gradient(90deg, var(--chart-reference) 0 3px, transparent 3px 5px); }
[data-r="legend"] > span > i[data-kind="block"] { width: 8px; height: 8px; border-radius: 2px; }
[data-r="legend"] > span > i[data-kind="area"] { height: 8px; border-radius: 2px; background: var(--c, var(--ink-2)); opacity: .25; }
[data-r="legend"] > span > i[data-kind="band"] { height: 8px; border-radius: 2px; background: var(--a10); }
[data-r="legend"] > span > i[data-kind="hatch"] { height: 8px; border-radius: 2px; background: repeating-linear-gradient(-45deg, var(--a20) 0 1.4px, transparent 1.4px 4px); }
[data-r="legend"] > span > i[data-kind="well"] { width: 8px; height: 8px; border-radius: 2px; background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="legend"] > span > i[data-kind="dot"] { width: 6px; height: 6px; border-radius: var(--r-round); }
[data-r="legend"] > span > i[data-kind="dot"][data-size="8"] { width: 8px; height: 8px; }
[data-r="legend"] > span > i[data-kind="open"] { width: 8px; height: 8px; border-radius: var(--r-round); background: var(--plane, transparent); box-shadow: inset 0 0 0 1.5px var(--c, var(--ink-3)); }
[data-r="legend"] > [data-part="scale"] { gap: 3px; }
[data-r="legend"] > [data-part="scale"] > span { margin: 0 3px; }
[data-r="legend"] > button[data-part="key"] { display: inline-flex; align-items: center; gap: 6px; height: var(--h-20); margin: 0 -6px; padding: 0 6px; border: 0; border-radius: var(--r-press); background: transparent; color: var(--ink-2); font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); cursor: default; transition: background-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="legend"] > button[data-part="key"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="legend"] > button[data-part="key"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="legend"] > button[data-part="key"] > i { display: inline-block; flex: none; width: 12px; height: 2px; border-radius: 1px; background: var(--c, var(--ink-2)); }
[data-r="legend"] > button[data-part="key"] > i[data-kind="block"] { width: 8px; height: 8px; border-radius: 2px; }
[data-r="legend"] > button[data-part="key"][aria-pressed="false"] { color: var(--ink-3); }
[data-r="legend"] > button[data-part="key"][aria-pressed="false"] > i { background: var(--line-4); }
@media (hover: hover) {
  [data-r="legend"] > button[data-part="key"][aria-disabled="true"]:hover { background: transparent; color: var(--ink-2); }
}
[data-r="legend"] > button[data-part="key"][aria-disabled="true"][data-force~="hover"] { background: transparent; color: var(--ink-2); }
[data-r="legend"] > [data-part="all"] { margin-left: -4px; }
[data-r="scene-chart"][data-lasso] > [data-part="plot"] { touch-action: none; cursor: crosshair; }
[data-r="scene-chart"] > [data-part="plot"] > svg,
[data-r="scene-chart"] > [data-part="plot"] > [data-part="drawing"] > svg { fill: currentColor; }
[data-r="scene-chart"] > [data-part="plot"] > [data-part="lasso"] { position: absolute; left: 0; top: 0; overflow: visible; pointer-events: none; }
[data-r="scene-chart"] [data-part="lasso"] [data-mark="loop"] { fill: none; stroke: var(--ink-2); stroke-width: 1; stroke-dasharray: 4 3; }
[data-r="scene-chart"] [data-part="lasso"] [data-mark="picked"] { fill: none; stroke: var(--accent); stroke-width: 1; }
[data-r="scene-chart"] > [data-part="picked"] { display: flex; align-items: center; gap: 12px; min-height: var(--h-24); padding-top: 8px; border-top: var(--px) solid var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="scene-chart"] > [data-part="picked"][hidden] { display: none; }
[data-r="scene-chart"] > [data-part="picked"] > [data-part="let-go"] { margin-left: auto; }
[data-r="scene-chart"] > [data-part="zoomed"] { display: flex; align-items: center; gap: 12px; min-height: var(--h-24); padding-top: 8px; border-top: var(--px) solid var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="scene-chart"] > [data-part="zoomed"][hidden] { display: none; }
[data-r="scene-chart"] > [data-part="zoomed"] > [data-part="reset-zoom"] { margin-left: auto; }
[data-r="scene-chart"][data-zoom] > [data-part="plot"] { touch-action: pan-y; }
[data-r="scene-chart"][data-zoomed] > [data-part="plot"] { cursor: grab; }
[data-r="scene-chart"][data-zoomed] > [data-part="plot"]:active { cursor: grabbing; }
[data-r="chart-grid"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--cell-min, 220px)), 1fr)); gap: 16px 20px; min-width: 0; }
[data-r="chart-grid"] > [data-part="cell"] { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0; }
[data-r="chart-grid"] > [data-part="cell"] > [data-part="title"] { display: flex; align-items: baseline; gap: 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="chart-grid"] > [data-part="cell"] > [data-part="title"] > [data-part="sum"] { margin-left: auto; font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="chart-grid"] > [data-part="cell"] > [data-part="title"] > [data-r="status"] { align-self: center; }
[data-r="chart-card"] > [data-part="header"] > [data-r="reading-state"] { flex: none; }
[data-r="chart-card"] > [data-r="skeleton"][data-part="waiting"] { width: 100%; }
[data-r="chart-card"] > [data-part="state"] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 160px; text-align: center; }
[data-r="chart-card"] > [data-part="state"] > p { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="chart-board"] { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; min-width: 0; container-type: inline-size; }
[data-r="chart-board"] > * { grid-column: 1 / -1; min-width: 0; }
[data-r="chart-board"] > [data-size="medium"] { grid-column: span 6; }
[data-r="chart-board"] > [data-size="small"] { grid-column: span 4; }
[data-r="chart-board"] > [data-size="medium"]:nth-last-child(1 of [data-size="medium"]):nth-child(odd of [data-size="medium"]) { grid-column: 1 / -1; }
@container (max-width: 1023px) {
  [data-r="chart-board"] > [data-size="small"] { grid-column: span 6; }
}
@container (max-width: 719px) {
  [data-r="chart-board"] > [data-size] { grid-column: 1 / -1; }
}
}

/* ═══ 74a-map.css ═══ */
@layer components {
[data-r="map"] { --plane: var(--paper); --plane-hover: var(--paper-hover); --plane-selected: var(--paper-selected); position: relative; display: block; width: 100%; min-height: 160px; overflow: hidden; isolation: isolate; border-radius: var(--r-contain); background: var(--paper); box-shadow: 0 0 0 var(--px) var(--line-2); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); cursor: grab; touch-action: none; -webkit-user-select: none; user-select: none; outline: 0; }
[data-r="map"][data-panning],
[data-r="map"][data-moving] { cursor: grabbing; }
[data-r="map"][data-click="build"] { cursor: default; }
[data-r="map"][data-click="build"][data-panning] { cursor: grabbing; }
[data-r="map"]:focus-visible { box-shadow: 0 0 0 var(--px) var(--accent); }
[data-r="map"][data-force~="focus"] { box-shadow: 0 0 0 var(--px) var(--accent); }
[data-r="map"] > [data-part="slot"] { position: absolute; inset: 0; z-index: 0; }
[data-r="map"] > [data-part="slot"] > canvas { display: block; }
[data-r="map"]:is([data-state="key"], [data-state="error"], [data-state="loading"]) > [data-part="slot"] { visibility: hidden; }
[data-r="map"] > [data-part="overlay"] { position: absolute; left: 0; top: 0; z-index: 1; overflow: visible; pointer-events: none; }
[data-r="map"] > [data-part="marks"] { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
[data-r="map"] > [data-part="marks"] > * { pointer-events: auto; }
[data-r="map"] > [data-part="controls"] { position: absolute; top: 12px; right: 12px; z-index: 3; display: flex; flex-direction: column; gap: 4px; cursor: default; }
[data-r="map"] > [data-part="scale"] { position: absolute; left: 12px; bottom: 10px; z-index: 3; display: flex; align-items: flex-end; gap: 6px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; pointer-events: none; text-shadow: 0 0 2px var(--paper), 0 0 4px var(--paper); }
[data-r="map"] > [data-part="scale"] > i { display: block; width: 64px; height: 5px; border: var(--px) solid var(--ink-2); border-top: 0; box-shadow: 0 1px 0 var(--paper); }
[data-r="map"] > [data-part="attribution"] { position: absolute; right: 8px; bottom: 6px; z-index: 3; padding: 1px 6px; border-radius: var(--r-press); background: var(--paper); font-size: var(--fs-9); line-height: var(--lh-9); color: var(--ink-3); cursor: default; }
[data-r="map"] > [data-part="attribution"]:empty { display: none; }
[data-r="map"]:is([data-state="key"], [data-state="error"], [data-state="loading"]) > :is([data-part="scale"], [data-part="attribution"]) { visibility: hidden; }
[data-r="map"] > [data-part="note"] { position: absolute; left: 50%; top: 50%; z-index: 3; display: flex; align-items: center; gap: 10px; width: max-content; max-width: min(340px, calc(100% - 32px)); padding: 10px 14px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); transform: translate(-50%, -50%); color: var(--ink-3); cursor: default; }
[data-r="map"] > [data-part="note"][hidden] { display: none; }
[data-r="map"] > [data-part="note"] > [data-part="text"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="map"] > [data-part="note"] > [data-part="text"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="map"] > [data-part="note"] > [data-part="text"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="map"] > [data-part="note"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-2)); }
[data-r="map"] > [data-part="note"][data-kind="error"] { flex-direction: column; align-items: flex-start; }
[data-r="map"] > [data-part="note"][data-kind="offline"] { left: 12px; top: 12px; max-width: calc(100% - 72px); padding: 6px 12px; transform: none; border-radius: var(--r-press); }
[data-r="map"] > [data-part="note"][data-kind="offline"] > [data-part="text"] { flex-direction: row; flex-wrap: wrap; align-items: baseline; column-gap: 6px; }
[data-r="map"] > [data-part="note"][data-kind="offline"] > [data-part="text"] > b { font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="map"] > [data-part="note"][data-kind="empty"] { background: var(--paper); box-shadow: none; outline: 1px dashed var(--line-5); outline-offset: -1px; pointer-events: none; }
[data-r="map"]:is([data-state="key"], [data-state="error"], [data-state="loading"]) > [data-part="note"]:not([data-kind="offline"]) { background: none; box-shadow: none; }
[data-r="map"] [data-part="overlay"] [data-part="halo"] { fill: none; stroke: var(--paper); stroke-width: 8px; stroke-opacity: .92; stroke-linejoin: round; }
[data-r="map"] [data-part="overlay"] [data-part="edge"] { fill: none; stroke: var(--ink); stroke-width: 5px; stroke-opacity: .85; stroke-linejoin: round; }
[data-r="map"] [data-part="overlay"] [data-part="line"] { fill: none; stroke: var(--ink); stroke-width: 3.5px; stroke-linejoin: round; }
[data-r="map"] [data-part="overlay"] :is([data-part="halo"], [data-part="edge"], [data-part="line"])[data-kind="straight"] { stroke-width: 2px; }
[data-r="map"] [data-part="overlay"] [data-part="halo"][data-kind="straight"] { stroke-width: 6px; }
[data-r="map"] [data-part="overlay"] [data-part="edge"][data-kind="straight"] { stroke-width: 3.5px; }
[data-r="map"] [data-part="overlay"] [data-part="cut"] { fill: none; stroke: var(--ink-2); stroke-width: 1.5px; stroke-linecap: round; }
[data-r="map"] [data-part="overlay"] [data-part="start"] { fill: var(--ink); stroke: var(--paper); stroke-width: 1.5px; }
[data-r="map"] [data-part="overlay"] [data-part="finish"] { fill: var(--paper); stroke: var(--ink); stroke-width: 1.5px; }
[data-r="map"] [data-part="overlay"] [data-part="end-word"] { font-size: var(--fs-11); font-weight: var(--fw-500); fill: var(--ink-2); paint-order: stroke; stroke: var(--paper); stroke-width: 3px; stroke-linejoin: round; }
[data-r="map"] [data-part="overlay"] [data-part="marker-halo"] { fill: var(--a10); }
[data-r="map"] [data-part="overlay"] [data-part="marker"] { fill: var(--raised); stroke: var(--ink); stroke-width: 1.5px; }
[data-step="0"] { --grade: var(--ch-elevation); }
[data-step="1"] { --grade: var(--chart-div-5); }
[data-step="2"] { --grade: var(--chart-div-6); }
[data-step="3"] { --grade: var(--chart-div-7); }
[data-step="-1"] { --grade: var(--chart-div-3); }
[data-step="-2"] { --grade: var(--chart-div-2); }
[data-step="-3"] { --grade: var(--chart-div-1); }
[data-r="map"] [data-part="overlay"] [data-part="line"][data-step] { stroke: var(--grade); }
[data-r="map"] [data-part="overlay"] [data-part="line"][data-step="0"] { stroke: var(--ink); }
[data-r="map"] [data-part="overlay"] [data-part="zone"] { fill: var(--a5); stroke: var(--ink-3); stroke-width: 1px; }
[data-r="map"] [data-part="overlay"] [data-part="zone"][data-chosen] { fill: var(--a10); stroke: var(--ink); }
[data-r="map"] [data-part="overlay"] [data-part="zone-centre"] { fill: var(--ink-3); }
[data-r="map"] > [data-part="marks"] > [data-part="point"] { position: absolute; left: -8px; top: -8px; width: 16px; height: 16px; padding: 0; border: 0; border-radius: var(--r-round); background: var(--raised); box-shadow: 0 0 0 1.5px var(--ink), var(--e1); cursor: grab; transition: box-shadow var(--state-out); }
[data-r="map"] > [data-part="marks"] > [data-part="point"][data-kind="start"] { background: var(--ink); box-shadow: 0 0 0 1.5px var(--paper), 0 0 0 2.5px var(--ink), var(--e1); }
[data-r="map"] > [data-part="marks"] > [data-part="point"][data-kind="via"] { left: -6px; top: -6px; width: 12px; height: 12px; }
[data-r="map"] > [data-part="marks"] > [data-part="point"][hidden] { display: none; }
@media (hover: hover) {
  [data-r="map"] > [data-part="marks"] > [data-part="point"]:hover { box-shadow: 0 0 0 1.5px var(--ink), 0 0 0 5px var(--a10), var(--e2); transition-duration: 0s; }
}
[data-r="map"] > [data-part="marks"] > [data-part="point"][data-force~="hover"] { box-shadow: 0 0 0 1.5px var(--ink), 0 0 0 5px var(--a10), var(--e2); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="map"] > [data-part="marks"] > [data-part="point"][data-kind="start"]:hover { box-shadow: 0 0 0 1.5px var(--paper), 0 0 0 2.5px var(--ink), 0 0 0 6px var(--a10), var(--e2); }
}
[data-r="map"] > [data-part="marks"] > [data-part="point"][data-kind="start"][data-force~="hover"] { box-shadow: 0 0 0 1.5px var(--paper), 0 0 0 2.5px var(--ink), 0 0 0 6px var(--a10), var(--e2); }
[data-r="map"] > [data-part="marks"] > [data-part="point"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 3px; }
[data-r="map"] > [data-part="marks"] > [data-part="point"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 3px; }
[data-r="map"] > [data-part="marks"] > [data-part="point"][data-lifted] { cursor: grabbing; box-shadow: 0 0 0 1.5px var(--ink), var(--e3); transition-duration: 0s; }
[data-r="map"] > [data-part="marks"] > [data-part="along"] { position: absolute; left: -9px; top: -9px; width: 18px; height: 18px; border-radius: var(--r-round); pointer-events: none; outline: 0; }
[data-r="map"] > [data-part="marks"] > [data-part="along"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="map"] > [data-part="marks"] > [data-part="along"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="map"] > [data-part="marks"] > [data-part="along"][hidden] { display: none; }
[data-r="map"][data-on-line] { cursor: default; }
[data-r="map"][data-drop] { box-shadow: 0 0 0 var(--px) var(--ink-2); }
[data-r="elevation-profile"] { position: relative; width: 100%; display: flex; flex-direction: column; gap: 8px; min-width: 0; border-radius: var(--r-row); outline: 0; touch-action: pan-y; -webkit-user-select: none; user-select: none; }
[data-r="elevation-profile"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="elevation-profile"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="elevation-profile"] > [data-part="plot"] { cursor: default; }
[data-r="elevation-profile"] [data-mark="ground"] { fill: var(--grade); stroke: var(--grade); stroke-width: .5px; }
[data-r="elevation-profile"] [data-mark="edge"] { fill: none; stroke: var(--ink-2); stroke-width: 1.25px; stroke-linejoin: round; }
[data-r="elevation-profile"][data-size="figure"] [data-mark="edge"] { stroke-width: 2px; }
[data-r="elevation-profile"] [data-part="band"][data-chosen] { fill: var(--a10); }
[data-r="elevation-profile"] [data-part="ring"] { fill: none; stroke: var(--ink); stroke-width: 1.5px; }
[data-r="elevation-profile"] [data-part="knockout"] { fill: var(--raised); }
[data-r="elevation-profile"] > [data-r="tooltip"] { position: absolute; left: 0; top: 0; z-index: 3; min-width: 140px; }
[data-r="elevation-profile"] > [data-r="tooltip"][hidden] { display: none; }
[data-r="elevation-profile"] [data-r="tooltip"] [data-part="row"] { display: flex; align-items: baseline; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="elevation-profile"] [data-r="tooltip"] [data-part="row"] > b { min-width: 52px; font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="elevation-profile"] [data-r="tooltip"] [data-part="row"] > span { color: var(--ink-3); }
[data-r="elevation-profile"] [data-r="tooltip"] > [data-part="note"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="elevation-profile"] > [data-part="nothing"] { display: flex; align-items: center; justify-content: center; min-height: 96px; margin: 0; border-radius: var(--r-row); outline: 1px dashed var(--line-5); outline-offset: -1px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="elevation-profile"] > [data-part="nothing"][hidden] { display: none; }
[data-r="elevation-profile"] > [data-part="legend"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); }
[data-r="elevation-profile"] > [data-part="legend"] > [data-part="key"] { display: inline-flex; align-items: center; gap: 2px; }
[data-r="elevation-profile"] > [data-part="legend"] > [data-part="key"] > span { margin-left: 4px; }
[data-r="elevation-profile"] > [data-part="legend"] i { display: block; width: 10px; height: 10px; border-radius: 2px; background: var(--grade); }
[data-r="elevation-profile"] > [data-part="legend"] > [data-part="steps"] { color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="climb-card"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); cursor: default; outline: 0; transition: background-color var(--state-out), box-shadow var(--state-out); }
@media (hover: hover) {
  [data-r="climb-card"]:hover { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
}
[data-r="climb-card"][data-force~="hover"] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
[data-r="climb-card"][data-chosen] { background: var(--raised-selected); }
[data-r="climb-card"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; }
[data-r="climb-card"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 2px; }
[data-r="climb-card"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; }
[data-r="climb-card"] > [data-part="head"] > [data-part="at"] { margin-left: auto; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="climb-card"][data-chosen] > [data-part="head"] > [data-part="at"] { color: var(--ink-2); }
[data-r="climb-card"] > [data-part="shape"] { display: block; width: 100%; height: 44px; }
[data-r="climb-card"] > [data-part="shape"] [data-mark="ground"] { fill: var(--grade); stroke: var(--raised); stroke-width: .75px; vector-effect: non-scaling-stroke; }
[data-r="climb-card"] > [data-part="figures"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; margin: 0; }
[data-r="climb-card"] > [data-part="figures"] > div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
[data-r="climb-card"] > [data-part="figures"] dt { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="climb-card"][data-chosen] > [data-part="figures"] dt { color: var(--ink-2); }
[data-r="climb-card"] > [data-part="figures"] dd { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="route-builder"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; container-type: inline-size; }
[data-r="route-builder"] > [data-r="map"] { height: 420px; }
@scope ([data-r="route-builder"]) to ([data-r="climb-card"]) {
  :scope [data-part="figures"] { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; }
  :scope [data-part="figures"] > div { display: flex; flex-direction: column; gap: 2px; }
  :scope [data-part="figures"] dt { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
  :scope [data-part="figures"] dd { margin: 0; }
  :scope [data-part="figures"] [data-r="figure"][data-none] > b { font-weight: var(--fw-450); color: var(--ink-3); }
}
[data-r="route-builder"] > [data-part="said"] { margin: 0; min-height: var(--lh-12); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="route-builder"] > [data-part="climbs"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
[data-r="route-builder"] > [data-part="climbs"] > [data-part="none"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="route-builder"] > [data-r="toolbar"] [data-part="name"] { width: 200px; }
@container (max-width: 560px) {
  [data-r="route-builder"] > [data-r="map"] { height: 320px; }
  [data-r="route-builder"] > [data-r="toolbar"] [data-part="name"] { width: 100%; }
}
[data-r="map"] [data-part="overlay"] [data-part="line"][data-kind="thin"] { stroke-width: 2px; stroke-opacity: .8; }
[data-r="map"] [data-part="overlay"] [data-part="halo"][data-kind="thin"] { stroke-width: 5px; }
[data-r="map"][data-adding] { cursor: default; }
[data-r="privacy-zones"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; container-type: inline-size; }
[data-r="privacy-zones"] > [data-part="body"] { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 16px; align-items: start; }
[data-r="privacy-zones"] [data-part="side"] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
[data-r="privacy-zones"] [data-part="list"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="privacy-zones"] [data-part="list"] > [data-part="none"] { display: flex; align-items: center; justify-content: center; min-height: var(--row-52); margin: 0; border-radius: var(--r-row); outline: 1px dashed var(--line-5); outline-offset: -1px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="privacy-zones"] [data-part="zone-row"] { --plane: var(--paper); --plane-hover: var(--paper-hover); --plane-selected: var(--paper-selected); display: flex; flex-direction: column; justify-content: center; gap: 6px; min-height: var(--row-52); padding: 8px 8px 10px 10px; border-radius: var(--r-row); transition: background-color var(--state-out); }
[data-r="privacy-zones"] [data-part="zone-row"][data-chosen] { background: var(--paper-selected); }
[data-r="privacy-zones"] [data-part="zone-row"] > [data-r="slider"] { flex: none; }
@media (hover: hover) {
  [data-r="privacy-zones"] [data-part="zone-row"]:not([data-chosen]):hover { background: var(--paper-hover); transition-duration: 0s; }
}
[data-r="privacy-zones"] [data-part="zone-row"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="privacy-zones"] [data-part="zone-row"] > [data-part="head"] > [data-part="icon"] { display: flex; color: var(--ink-3); }
[data-r="privacy-zones"] [data-part="zone-row"] > [data-part="head"] > b { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink); }
[data-r="privacy-zones"] [data-part="zone-row"] > [data-part="head"] > [data-part="radius"] { margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="privacy-zones"] [data-part="zone-row"][data-chosen] > [data-part="head"] > [data-part="radius"] { color: var(--ink-2); }
[data-r="privacy-zones"] [data-part="figures"] { display: flex; flex-direction: column; gap: 10px; margin: 0; }
[data-r="privacy-zones"] [data-part="figures"] > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
[data-r="privacy-zones"] [data-part="figures"] dt { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="privacy-zones"] [data-part="figures"] dd { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="privacy-zones"] [data-part="figures"] dd[data-none] { font-weight: var(--fw-450); color: var(--ink-3); }
@container (max-width: 640px) {
  [data-r="privacy-zones"] > [data-part="body"] { grid-template-columns: minmax(0, 1fr); }
}
[data-r="map"] > [data-part="marks"] > :is([data-part="centre"], [data-part="edge"]) { position: absolute; left: -6px; top: -6px; width: 12px; height: 12px; padding: 0; border: 0; border-radius: var(--r-round); background: var(--raised); box-shadow: 0 0 0 1.5px var(--ink-2), var(--e1); cursor: grab; outline: 0; transition: box-shadow var(--state-out); }
[data-r="map"] > [data-part="marks"] > [data-part="edge"] { left: -5px; top: -5px; width: 10px; height: 10px; box-shadow: 0 0 0 1px var(--ink-3), var(--e1); }
[data-r="map"] > [data-part="marks"] > :is([data-part="centre"], [data-part="edge"])[data-chosen] { box-shadow: 0 0 0 var(--px) var(--accent), var(--e1); }
@media (hover: hover) {
  [data-r="map"] > [data-part="marks"] > :is([data-part="centre"], [data-part="edge"]):hover { box-shadow: 0 0 0 1.5px var(--ink), 0 0 0 5px var(--a10), var(--e2); transition-duration: 0s; }
}
[data-r="map"] > [data-part="marks"] > :is([data-part="centre"], [data-part="edge"]):focus-visible { outline: 1px solid var(--accent); outline-offset: 3px; }
[data-r="map"] > [data-part="marks"] > :is([data-part="centre"], [data-part="edge"])[data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 3px; }
[data-r="map"] > [data-part="marks"] > :is([data-part="centre"], [data-part="edge"])[data-lifted] { cursor: grabbing; box-shadow: 0 0 0 1.5px var(--ink), var(--e3); transition-duration: 0s; }
[data-r="session-map"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; container-type: inline-size; }
[data-r="session-map"] > [data-part="body"] { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 16px; align-items: stretch; }
[data-r="session-map"] [data-part="lines"] { display: block; width: 100%; height: 440px; cursor: default; }
[data-r="session-map"] [data-part="lines"] [data-part="trace"] { fill: none; stroke: var(--ink); stroke-width: 1.5px; stroke-opacity: .28; stroke-linejoin: round; stroke-linecap: round; transition: stroke-opacity var(--state-out); }
[data-r="session-map"] [data-part="lines"][data-some-on] [data-part="trace"]:not([data-on]) { stroke-opacity: .12; }
[data-r="session-map"] [data-part="lines"] [data-part="trace"][data-on] { stroke-width: 2.5px; stroke-opacity: 1; transition-duration: 0s; }
[data-r="session-map"] [data-part="lines"] [data-part="origin"] { fill: var(--ink); stroke: var(--paper); stroke-width: 1.5px; }
[data-r="session-map"] [data-part="lines"] [data-part="scale"] path { fill: none; stroke: var(--ink-2); stroke-width: 1px; }
[data-r="session-map"] [data-part="lines"] [data-part="scale"] text { font-size: var(--fs-11); font-weight: var(--fw-500); fill: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="session-map"] [data-part="list"] { padding: 0; }
[data-r="session-map"] [data-part="list"] [data-r="list-row"] > [data-part="sport"] { display: flex; color: var(--ink-3); }
@container (max-width: 640px) {
  [data-r="session-map"] > [data-part="body"] { grid-template-columns: minmax(0, 1fr); }
  [data-r="session-map"] [data-part="lines"] { height: 320px; }
}
[data-r="route-thumbnail"] { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 16px; height: 16px; vertical-align: middle; }
[data-r="route-thumbnail"][data-empty] { outline: 1px dashed var(--line-5); outline-offset: -1px; border-radius: var(--r-round); }
[data-r="climb-list"] { width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; min-width: 0; }
[data-r="climb-list"] > [data-part="none"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="session-track"] { display: flex; flex-direction: column; gap: 16px; min-width: 0; container-type: inline-size; }
[data-r="session-track"] > [data-part="body"] { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 16px; align-items: start; }
[data-r="session-track"] [data-part="side"] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
[data-r="session-track"] [data-part="side"] [data-r="climb-list"] { grid-template-columns: minmax(0, 1fr); }
[data-r="session-track"] [data-part="side"] > [data-part="figures"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
[data-r="session-track"] [data-part="side"] > [data-part="figures"] > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="session-track"] [data-part="side"] > [data-part="figures"] dt { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="session-track"] [data-part="side"] > [data-part="figures"] dd { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="session-track"] [data-part="side"] > [data-part="figures"] dd [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="session-track"] [data-part="side"] > [data-part="figures"] dd [data-r="figure"][data-none] > b { font-weight: var(--fw-450); color: var(--ink-3); }
@container (max-width: 640px) {
  [data-r="session-track"] > [data-part="body"] { grid-template-columns: minmax(0, 1fr); }
}
[data-r="route-builder"][data-layout="page"] { display: block; height: 100%; }
[data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="main"] > [data-r="map"] { height: 100%; min-height: 0; border-radius: 0; box-shadow: none; }
[data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="side"] > :not([data-part="routes"]) { flex: none; }
[data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="side"] > [data-part="routes"] { overflow: auto; padding: 4px 0; }
[data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="side"] > [data-part="figures"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 12px 16px; box-shadow: inset 0 var(--px) 0 var(--line-2); }
[data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="side"] > [data-part="said"] { margin: 0; padding: 0 16px 12px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="side"] > [data-part="said"]:empty { display: none; }
[data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="bottom"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: start; padding: 12px 16px 16px; box-shadow: inset 0 var(--px) 0 var(--line-2); }
[data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="bottom"] > [data-part="climbs"] { display: grid; grid-auto-flow: column; grid-auto-columns: 220px; gap: 12px; max-width: 464px; overflow-x: auto; }
[data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="bottom"] > [data-part="climbs"] > [data-part="none"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
@container page (max-width: 720px) {
  [data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="bottom"] { grid-template-columns: minmax(0, 1fr); }
  [data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="bottom"] > [data-part="climbs"] { max-width: none; }
}
[data-r="route-builder"] [data-part="routes"] [data-r="list-row"] { gap: 10px; }
[data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="side"] :is([data-r="list"][data-part="routes"], [data-part="routes"] [data-r="list"]) > [data-r="list-row"] { margin-left: var(--space-4); margin-right: var(--space-4); }
[data-r="route-builder"][data-layout="page"] [data-r="page-header"] > [data-part="bar"] > :is([data-r="tabs"], [data-r="toolbar"]) { flex: 0 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; }
[data-r="route-builder"][data-layout="page"] [data-r="page-header"] > [data-part="bar"] > :is([data-r="tabs"], [data-r="toolbar"]) { flex: 1 1 auto; }
[data-r="route-builder"][data-layout="page"] [data-r="page-header"] > [data-part="bar"] > :is([data-r="tabs"], [data-r="toolbar"], [data-r="breadcrumbs"]) { flex-wrap: nowrap; }
[data-r="route-builder"][data-layout="page"] [data-r="page-header"] > [data-part="bar"] > [data-r="breadcrumbs"] { flex: none; }
[data-r="route-builder"][data-layout="page"] [data-r="page-header"] > [data-part="bar"] > :is([data-r="tabs"], [data-r="toolbar"]) > * { flex: none; }
@container page (max-width: 560px) {
  [data-r="route-builder"][data-layout="page"] [data-r="page-header"] > [data-part="bar"] > [data-r="breadcrumbs"] { display: none; }
  [data-r="route-builder"][data-layout="page"] [data-r="page-header"] [data-part="actions"] > [data-route="export"] { width: var(--h-24); padding: 0; justify-content: center; }
  [data-r="route-builder"][data-layout="page"] [data-r="page-header"] [data-part="actions"] > [data-route="export"] > span { display: none; }
}
[data-r="session-map"] [data-part="lines"] [data-part="trace"][data-value] { stroke: var(--line, var(--ink)); stroke-opacity: .5; }
[data-r="session-map"] [data-part="lines"][data-some-on] [data-part="trace"][data-value]:not([data-on]) { stroke-opacity: .16; }
[data-r="session-map"] [data-part="lines"] [data-part="trace"][data-value][data-on] { stroke-opacity: 1; }
[data-r="session-map"] [data-part="list"] [data-r="list-row"][data-coloured] > [data-part="sport"] { color: var(--line, var(--ink-3)); }
[data-r="session-map"] [data-part="list"] [data-r="list-row"][data-coloured] > [data-part="sport"] > svg[data-icon] { --thing: var(--line, var(--ink-3)); }
[data-r="session-map"] > [data-r="legend"][data-part="key"][hidden] { display: none; }
}

/* ═══ 75-hand.css ═══ */
@layer components {
[data-r="sortable"] { position: relative; display: flex; flex-direction: column; }
[data-r="sortable"] > [data-part="item"]:is([data-lifted], [data-held]),
[data-r="window-tabs"] > [data-r="tabs"] > [role="tab"][data-lifted] { z-index: 3; background-color: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="sortable"] > [data-part="item"][data-lifted],
[data-r="window-tabs"] > [data-r="tabs"] > [role="tab"][data-lifted] { pointer-events: none; }
[data-r="sortable"] > [data-part="slot"],
[data-r="window-tabs"] > [data-r="tabs"] > [data-part="slot"] { flex: none; box-sizing: border-box; border: var(--px) dashed var(--line-4); border-radius: var(--r-row); }
[data-r="window-tabs"] > [data-r="tabs"] > [data-part="slot"] { border-radius: var(--r-press); }
[data-r="sortable"] > [data-part="slot"] + [data-part="item"],
[data-r="sortable"] > [data-part="item"] + [data-part="slot"] { margin-top: 2px; }
[data-r="sortable"][data-axis="x"] { flex-direction: row; align-items: center; }
[data-r="sortable"][data-axis="x"] > [data-part="slot"] + [data-part="item"],
[data-r="sortable"][data-axis="x"] > [data-part="item"] + [data-part="slot"] { margin-top: 0; }
[data-r="sortable"] [data-part="handle"] { display: grid; place-items: center; flex: none; width: 20px; height: var(--h-28); padding: 0; border: 0; border-radius: var(--r-press); background: transparent; color: var(--ink-4); cursor: grab; touch-action: none; transition: color var(--state-out); }
@media (hover: hover) {
  [data-r="sortable"] [data-part="handle"]:hover { color: var(--ink-2); transition-duration: 0s; }
}
[data-r="sortable"] [data-part="handle"][data-force~="hover"] { color: var(--ink-2); transition-duration: 0s; }
[data-r="sortable"] [data-part="handle"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="sortable"] [data-part="handle"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="sortable"] [data-part="handle"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
}

/* ═══ 76-calendar-views.css ═══ */
@layer components {
[data-r="calendar-session"] { position: relative; display: flex; flex-direction: column; gap: 4px; flex: none; min-width: 0; padding: 7px 8px 8px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); cursor: grab; user-select: none; -webkit-user-select: none; transition: background-color var(--state-out), box-shadow var(--state-out); }
[data-r="calendar-session"] > [data-part="head"] { display: flex; align-items: flex-start; gap: 6px; min-width: 0; }
[data-r="calendar-session"] > [data-part="head"] > [data-r="status"] { margin-top: 1.5px; }
[data-r="calendar-session"] [data-part="title"] { flex: 1; min-width: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; font-weight: var(--fw-500); color: var(--ink); }
[data-r="calendar-session"] > [data-part="meta"] { display: flex; align-items: center; gap: 6px; min-width: 0; padding-left: 20px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="calendar-session"] > [data-part="meta"] > [data-part="rs"] { margin-left: auto; }
[data-r="calendar-session"] > [data-r="workout"] { margin-left: 20px; margin-top: 2px; }
[data-r="calendar-session"] > [data-part="sig"] { display: none; min-width: 0; padding-left: 20px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="calendar-session"] > [data-part="meta"] > [data-part="figs"] { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; flex: 1; min-width: 0; }
[data-r="calendar-session"] > [data-part="meta"] > [data-part="figs"] > * { white-space: nowrap; }
[data-r="calendar-session"] [data-part="figs"] > :is([data-part="power"], [data-part="zone"], [data-part="cho"], [data-part="wprime"]) { display: none; }
[data-r="calendar-session"] [data-part="figs"] > [data-part="wprime"][data-empty] { color: var(--ink); font-weight: var(--fw-500); }
[data-r="calendar-session"]:is([data-previewing], [data-detailed]) > [data-part="sig"] { color: var(--ink); }
[data-show] [data-r="calendar-session"] > [data-r="workout"],
[data-show] [data-r="calendar-session"] > [data-part="meta"] > :is([data-r="dot"], [data-part="rs"]),
[data-show] [data-r="calendar-session"] [data-part="figs"] > [data-part="duration"] { display: none; }
[data-show~="strip"] [data-r="calendar-session"] > [data-r="workout"] { display: flex; }
[data-show~="signature"] [data-r="calendar-session"] > [data-part="sig"] { display: block; }
[data-show~="intent"] [data-r="calendar-session"] > [data-part="meta"] > [data-r="dot"] { display: inline-block; }
[data-show~="duration"] [data-r="calendar-session"] [data-part="figs"] > [data-part="duration"],
[data-show~="power"] [data-r="calendar-session"] [data-part="figs"] > [data-part="power"],
[data-show~="zone"] [data-r="calendar-session"] [data-part="figs"] > [data-part="zone"],
[data-show~="cho"] [data-r="calendar-session"] [data-part="figs"] > [data-part="cho"],
[data-show~="wprime"] [data-r="calendar-session"] [data-part="figs"] > [data-part="wprime"],
[data-show~="rs"] [data-r="calendar-session"] > [data-part="meta"] > [data-part="rs"] { display: inline; }
[data-r="calendar-session"] > [data-part="meta"]:has(> [data-part="figs"]) { align-items: flex-start; }
[data-r="calendar-session"] > [data-part="meta"]:has(> [data-part="figs"]) > [data-r="dot"] { margin-top: 5px; }
@media (hover: hover) {
  [data-r="calendar-session"]:hover { background: var(--raised-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
}
[data-r="calendar-session"][data-force~="hover"] { background: var(--raised-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
[data-r="calendar-session"]:is([data-previewing], [data-detailed]) { background: var(--raised-selected); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); }
[data-r="calendar-session"]:is([data-previewing], [data-detailed]) > [data-part="meta"] { color: var(--ink-2); }
[data-r="calendar-session"][aria-selected="true"] { box-shadow: 0 0 0 var(--px) var(--accent), var(--e1); }
[data-r="calendar-session"]:focus-visible { outline: none; background: var(--raised-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); }
[data-r="calendar-session"][data-force~="focus"] { outline: none; background: var(--raised-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); }
[data-r="calendar-session"][aria-selected="true"]:focus-visible { box-shadow: 0 0 0 var(--px) var(--accent), var(--e1); }
[data-r="calendar-session"][aria-selected="true"][data-force~="focus"] { box-shadow: 0 0 0 var(--px) var(--accent), var(--e1); }
[data-r="calendar-session"]:is([data-held], [data-lifted]) { z-index: 3; background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="calendar-session"][data-lifted] { cursor: grabbing; pointer-events: none; }
[data-r="calendar-session"][data-lifted][data-leaving] { opacity: 0; transition: opacity var(--opacity-out) ease-out; }
@keyframes r-spring {
  0% { box-shadow: inset 0 0 0 var(--px) var(--line-3); }
  50% { box-shadow: inset 0 0 0 var(--px) var(--line-5); }
  100% { box-shadow: inset 0 0 0 2px var(--line-5); }
}
[data-spring][data-spring-held] { animation: r-spring var(--spring-hold) steps(3, end) forwards; background: var(--well); color: var(--ink); }
@media (prefers-reduced-motion: reduce) {
  [data-spring][data-spring-held] { animation: none; box-shadow: inset 0 0 0 2px var(--line-5); }
}
[data-r="calendar-session"][data-state="missed"] { padding: 6px 7px 7px; border: var(--px) dashed var(--line-4); background: transparent; box-shadow: none; }
[data-r="calendar-session"][data-state="missed"] [data-part="title"] { color: var(--ink-2); }
@media (hover: hover) {
  [data-r="calendar-session"][data-state="missed"]:hover { background: var(--plane-hover); box-shadow: none; }
}
[data-r="calendar-session"][data-state="missed"][data-force~="hover"] { background: var(--plane-hover); box-shadow: none; }
[data-r="calendar-session"][data-size="line"] { flex-direction: row; align-items: center; gap: 4px; height: var(--h-20); padding: 0 6px 0 3px; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)); font-size: var(--fs-11); line-height: var(--lh-11); }
@media (hover: hover) {
  [data-r="calendar-session"][data-size="line"]:hover { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
}
[data-r="calendar-session"][data-size="line"][data-force~="hover"] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
[data-r="calendar-session"][data-size="line"]:is([data-held], [data-lifted]) { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="calendar-session"][data-size="line"]:is([data-state="missed"], [data-state="excused"], [data-state="canceled"]) { padding: 0 5px 0 2px; box-shadow: none; }
[data-r="calendar-session"][data-size="line"] > [data-r="status"] { transform: scale(.86); margin: 0 -1px; }
[data-r="calendar-session"][aria-selected="true"]:is([data-size="line"], [data-state="missed"], [data-state="excused"], [data-state="canceled"]) { box-shadow: 0 0 0 var(--px) var(--accent); }
[data-r="calendar-session"][data-size="line"] > [data-part="title"] { display: block; white-space: nowrap; text-overflow: ellipsis; }
[data-r="calendar-session"][data-size="line"] > [data-part="rs"] { flex: none; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="calendar-session"][data-size="line"]:is([data-previewing], [data-detailed]) > [data-part="rs"] { color: var(--ink-2); }
[data-r="budget-bar"] { position: relative; display: block; flex: 1 1 auto; min-width: 48px; height: 6px; -webkit-mask-image: linear-gradient(to right, var(--ink) var(--budget, 100%), transparent 0 calc(var(--budget, 100%) + 2px), var(--ink) 0); mask-image: linear-gradient(to right, var(--ink) var(--budget, 100%), transparent 0 calc(var(--budget, 100%) + 2px), var(--ink) 0); }
[data-r="budget-bar"][data-size="4"] { height: 4px; }
[data-r="budget-bar"]::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: var(--budget, 100%); border-radius: var(--r-press); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); transition: width var(--scale-in) var(--ease-expo); }
[data-r="budget-bar"] > [data-part="track"] { position: absolute; inset: 0; border-radius: var(--r-press); overflow: hidden; }
[data-r="budget-bar"] > [data-part="track"] > [data-part="done"] { position: absolute; top: 0; bottom: 0; left: 0; width: var(--done, 0%); background: var(--ch-load); transition: width var(--scale-in) var(--ease-expo); }
[data-r="budget-bar"] > [data-part="track"] > [data-part="planned"] { position: absolute; top: 0; bottom: 0; left: var(--done, 0%); width: calc(var(--total, 0%) - var(--done, 0%)); background: var(--ch-load-planned); transition: left var(--scale-in) var(--ease-expo), width var(--scale-in) var(--ease-expo); }
[data-r="budget-bar"][data-kind="energy"] > [data-part="track"] > [data-part="done"] { background: var(--ch-energy); }
[data-r="budget-bar"][data-kind="carbohydrate"] > [data-part="track"] > [data-part="done"] { background: var(--macro-carbohydrate); }
[data-r="budget-bar"][data-kind="protein"] > [data-part="track"] > [data-part="done"] { background: var(--macro-protein); }
[data-r="budget-bar"][data-kind="fluid"] > [data-part="track"] > [data-part="done"] { background: var(--ch-fluid); }
[data-r="budget-bar"][data-kind="sodium"] > [data-part="track"] > [data-part="done"] { background: var(--ch-sodium); }
[data-r="budget-bar"][data-kind="nutrient"] > [data-part="track"] > [data-part="done"] { background: var(--ink-2); }
[data-r="budget-bar"][data-kind="nutrient"] > [data-part="track"] > [data-part="planned"] { background: var(--ink-4); }
[data-r="budget-bar"][data-kind="wear"] > [data-part="track"] > [data-part="done"] { background: var(--ink-3); }
[data-r="budget-bar"] > [data-part="typical"] { position: absolute; top: -2px; bottom: -2px; left: var(--typical, 0%); width: 1px; background: var(--chart-reference); }
[data-r="move-cost"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 10px 12px; width: max-content; min-width: min(100%, 320px); max-width: 100%; padding: 12px 8px 12px 14px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); --origin: 0 100%; }
[data-r="move-cost"] > [data-part="head"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding-top: 2px; }
[data-r="move-cost"] > [data-part="head"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="move-cost"] > [data-part="head"] > span { color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="move-cost"] > [data-part="actions"] { display: flex; align-items: center; gap: 4px; }
[data-r="move-cost"] > [data-part="rows"] { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(96px, auto) auto 12px auto minmax(min-content, 1fr); align-items: center; gap: 6px 8px; margin-right: 6px; padding-top: 10px; border-top: var(--px) solid var(--line-2); font-variant-numeric: tabular-nums; }
[data-r="move-cost"] [data-part="row"] { display: contents; }
[data-r="move-cost"] [data-part="row"] > [data-part="name"] { padding-right: 12px; color: var(--ink-2); }
[data-r="move-cost"] [data-part="row"] > [data-part="before"] { justify-self: end; color: var(--ink-3); white-space: nowrap; }
[data-r="move-cost"] [data-part="row"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-4)); }
[data-r="move-cost"] [data-part="row"] > [data-part="after"] { justify-self: start; font-weight: var(--fw-550); color: var(--ink); white-space: nowrap; }
[data-r="move-cost"] [data-part="row"] > [data-part="note"] { min-width: 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="week-grid"] { container: week-grid / inline-size; position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="week-grid"] > [data-part="head"] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; min-width: 0; }
[data-r="week-grid"] > [data-part="head"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="week-grid"] > [data-part="head"] > [data-part="range"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="week-grid"] > [data-part="head"] > [data-part="block"] { margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="week-grid"] > [data-part="summary"] { display: grid; grid-template-columns: auto auto minmax(180px, 1fr) auto; gap: 10px 28px; margin: 0; padding: 2px 0 14px; border-bottom: var(--px) solid var(--line-2); }
[data-r="week-grid"] [data-part="stat"] { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
[data-r="week-grid"] [data-part="stat"] > dt { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; }
[data-r="week-grid"] [data-part="stat"] > dd { display: flex; align-items: center; gap: 5px; min-height: 19px; margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="week-grid"] [data-part="stat"] > dd > b { font-weight: var(--fw-550); }
[data-r="week-grid"] [data-part="stat"] > dd > span { color: var(--ink-3); }
[data-r="week-grid"] [data-part="stat"] > dd > b + span { margin-right: 6px; }
[data-r="week-grid"] [data-part="stat"] > dd > [data-r="budget-bar"] { flex: 1 1 120px; max-width: 220px; margin-right: 6px; }
[data-r="week-grid"] [data-part="stat"] > dd > [data-part="budget-text"] { color: var(--ink-3); }
[data-r="week-grid"] [data-part="stat"] > dd > [data-part="budget-text"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="week-grid"] [data-part="progress"] { display: inline-flex; gap: 2px; margin-right: 6px; }
[data-r="week-grid"] [data-part="progress"] > i { width: 8px; height: 4px; border-radius: var(--r-press); background: var(--a10); }
[data-r="week-grid"] [data-part="progress"] > i[data-done] { background: var(--ink-2); }
[data-r="week-grid"] [data-part="progress"] > i[data-today] { background: var(--accent); }
[data-r="week-grid"] > [data-part="days"] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-rows: auto auto minmax(168px, 1fr) auto; }
[data-r="week-grid"] [data-part="day"] { position: relative; display: grid; grid-row: span 4; grid-template-rows: subgrid; min-width: 0; border-left: var(--px) solid var(--line-1); transition: background-color var(--state-out); }
[data-r="week-grid"] [data-part="day"]:first-child { border-left: 0; }
[data-r="week-grid"] [data-part="day"][data-over] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="week-grid"] [data-part="day-head"] { display: flex; align-items: center; gap: 5px; min-width: 0; height: var(--h-28); margin: 0 4px 6px; padding: 0 6px; border-radius: var(--r-row); font-size: var(--fs-12); line-height: var(--lh-12); white-space: nowrap; outline: none; transition: background-color var(--state-out); }
[data-r="week-grid"] [data-part="day-head"][aria-expanded="true"] { background: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="week-grid"] [data-part="day-head"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="week-grid"] [data-part="day-head"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="week-grid"] [data-part="day-head"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="week-grid"] [data-part="day-head"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="week-grid"] [data-part="day-head"] > [data-part="weekday"] { font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="week-grid"] [data-part="day-head"] > [data-part="date"] { font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="week-grid"] [data-part="day"][data-today] [data-part="day-head"] > [data-part="date"] { font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="week-grid"] [data-part="day-head"] > [data-part="total"] { display: inline-flex; align-items: baseline; gap: 4px; margin-left: auto; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="week-grid"] [data-part="day"][data-hard] [data-part="day-head"] > [data-part="total"] { font-weight: var(--fw-550); color: var(--ink-2); }
[data-r="week-grid"] [data-part="day"] [data-part="day-head"] > [data-part="total"][data-change] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="week-grid"] [data-part="day-head"] > [data-part="total"] > [data-part="delta"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="week-grid"] [data-part="lane"] { position: relative; display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 0 6px 10px; }
[data-r="week-grid"] [data-part="lane"] > [data-part="slot"] { flex: none; box-sizing: border-box; border: var(--px) dashed var(--line-4); border-radius: var(--r-row); }
[data-r="week-grid"] [data-part="lane"] > [data-part="reason"] { align-self: center; max-width: 100%; padding: 5px 8px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); text-align: center; white-space: normal; }
[data-r="week-grid"] [data-part="day"][data-refuse] > [data-part="lane"] > [data-r="calendar-session"] { opacity: .6; }
[data-r="calendar-session"] + [data-part="match"] { display: flex; align-items: center; gap: 4px; min-width: 0; min-height: 20px; margin-top: -2px; padding: 0 2px 0 4px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; }
[data-r="calendar-session"] + [data-part="match"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="calendar-session"] + [data-part="match"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="calendar-session"] + [data-part="match"][data-match="none"] > span { color: var(--ink-2); }
[data-r="calendar-session"] + [data-part="match"][data-match="none"] { flex-direction: column; align-items: flex-start; gap: 2px; padding-top: 2px; }
[data-r="calendar-session"] + [data-part="match"] > [data-r="button"] { margin-left: -6px; }
[data-r="week-grid"] [data-part="context"] { display: flex; align-items: center; gap: 4px; min-width: 0; min-height: 28px; margin: 0 6px; padding: 6px 2px; border-top: var(--px) solid var(--line-1); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; overflow: hidden; }
[data-r="week-grid"] [data-part="context"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); }
[data-r="week-grid"] > [data-part="next"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 2px 8px; min-height: var(--row-40); padding: 4px 8px; box-sizing: border-box; border: var(--px) dashed var(--line-4); border-radius: var(--r-row); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); transition: background-color var(--state-out), color var(--state-out); }
[data-r="week-grid"] > [data-part="next"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="week-grid"] > [data-part="next"] > [data-part="verdict"] { flex: none; }
[data-r="week-grid"] > [data-part="next"] > small { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="week-grid"] > [data-part="next"][data-over] { border-color: var(--line-5); background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="week-grid"] > [data-r="move-cost"] { align-self: flex-start; }
@container week-grid (max-width: 699px) {
  [data-r="week-grid"] > [data-part="summary"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-r="week-grid"] [data-part="stat"] > dd { flex-wrap: wrap; row-gap: 2px; }
  [data-r="week-grid"] > [data-part="head"] > [data-part="block"] { flex-basis: 100%; margin-left: 0; }
  [data-r="week-grid"] > [data-part="days"] { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
  [data-r="week-grid"] [data-part="day"] { display: flex; flex-direction: column; grid-row: auto; border-left-width: 0; border-top: var(--px) solid var(--line-1); padding-top: 6px; }
  [data-r="week-grid"] [data-part="day"]:first-child { border-top: 0; padding-top: 0; }
  [data-r="week-grid"] [data-part="day-head"] { margin-bottom: 4px; }
  [data-r="week-grid"] [data-part="lane"] { padding-bottom: 6px; }
  [data-r="week-grid"] [data-part="context"] { border-top: 0; min-height: 0; padding-top: 0; }
  [data-r="week-grid"] [data-part="context"]:empty { display: none; }
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) { flex-direction: row; align-items: center; gap: 8px; }
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) > [data-part="head"] { flex: 1; align-items: center; }
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) > [data-part="head"] > [data-r="status"] { margin-top: 0; }
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) [data-part="title"] { -webkit-line-clamp: 1; }
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) > [data-r="workout"] { flex: 0 0 auto; width: 96px; margin: 0; }
  [data-r="week-grid"][data-workout-axis]:not([data-workout-axis="off"]) [data-r="calendar-session"]:not([data-size]) > [data-r="workout"] { width: calc(var(--total, 60) * var(--ppm-row, 0.4) * 1px); }
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) > [data-part="sig"] { flex: none; padding-left: 0; }
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) > [data-part="meta"] { flex: none; }
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) > [data-part="meta"] { flex: none; gap: 8px; padding-left: 0; }
}
@container week-grid (max-width: 419px) {
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; }
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) > [data-part="head"] { grid-column: 1; grid-row: 1; }
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) > [data-part="meta"] { grid-column: 2; grid-row: 1; }
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) > [data-r="workout"] { grid-column: 1; grid-row: 2; justify-self: start; max-width: 100%; }
  [data-r="week-grid"] [data-r="calendar-session"]:not([data-size]) > [data-part="sig"] { grid-column: 2; grid-row: 2; justify-self: end; }
}
[data-r="calendar-session"][data-layout="row"] { flex-direction: row; align-items: center; gap: 8px; }
[data-r="calendar-session"][data-layout="row"] > [data-part="head"] { flex: 1; align-items: center; }
[data-r="calendar-session"][data-layout="row"] > [data-part="head"] > [data-r="status"] { margin-top: 0; }
[data-r="calendar-session"][data-layout="row"] [data-part="title"] { -webkit-line-clamp: 1; }
[data-r="calendar-session"][data-layout="row"] > [data-part="meta"] { flex: none; gap: 8px; padding-left: 0; }
[data-r="month-grid"] { --week-w: 96px; container: month-grid / inline-size; position: relative; display: flex; flex-direction: column; gap: 0; min-width: 0; color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="month-grid"] > [data-part="head"] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-bottom: 12px; }
[data-r="month-grid"] > [data-part="head"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="month-grid"] > [data-part="head"] > [data-part="range"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="month-grid"] > [data-part="weekdays"],
[data-r="month-grid"] > [data-part="week"] { display: grid; grid-template-columns: var(--week-w) repeat(7, minmax(0, 1fr)); }
[data-r="month-grid"] > [data-part="weekdays"] { border-bottom: var(--px) solid var(--line-2); }
[data-r="month-grid"] > [data-part="weekdays"] > span { padding: 0 8px 6px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="month-grid"] > [data-part="weekdays"] > span:first-child { padding-left: 0; }
[data-r="month-grid"] > [data-part="week"] { min-height: 116px; border-bottom: var(--px) solid var(--line-2); }
[data-r="month-grid"] [data-part="week-head"] { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 8px 12px 8px 0; font-variant-numeric: tabular-nums; }
[data-r="month-grid"] [data-part="week-head"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="month-grid"] [data-part="week-head"] > [data-part="total"] { display: inline-flex; align-items: baseline; gap: 4px; flex-wrap: wrap; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="month-grid"] [data-part="week-head"] > [data-part="total"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink-2); }
[data-r="month-grid"] [data-part="week-head"] > [data-part="total"][data-change] > b { color: var(--ink); }
[data-r="month-grid"] [data-part="week-head"] > [data-part="total"] > [data-part="delta"] { color: var(--ink-3); }
[data-r="month-grid"] [data-part="week-head"] > [data-r="budget-bar"] { flex: none; margin-top: 2px; }
[data-r="month-grid"] [data-part="week-head"] > [data-part="phase"] { display: grid; grid-template-columns: 6px minmax(0, 1fr); align-items: center; column-gap: 6px; min-width: 0; font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="month-grid"] [data-part="week-head"] > [data-part="phase"] > [data-part="name"] { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: var(--fw-500); color: var(--ink); }
[data-r="month-grid"] [data-part="week-head"] > [data-part="phase"] > [data-part="of"] { grid-column: 2; font-variant-numeric: tabular-nums; color: var(--ink-3); }
[data-r="month-grid"] [data-part="day"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 4px 4px 6px; border-left: var(--px) solid var(--line-1); transition: background-color var(--state-out); }
[data-r="month-grid"] [data-part="day"][data-over] { background: var(--plane-hover); outline: var(--px) dashed var(--line-4); outline-offset: -3px; transition-duration: 0s; }
[data-r="month-grid"] [data-part="day-head"] { display: flex; align-items: center; justify-content: center; align-self: flex-start; flex: none; min-width: 24px; height: var(--h-20); margin-bottom: 2px; padding: 0 5px; border-radius: var(--r-press); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; outline: none; transition: background-color var(--state-out); }
[data-r="month-grid"] [data-part="day-head"][aria-expanded="true"] { background: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="month-grid"] [data-part="day-head"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="month-grid"] [data-part="day-head"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="month-grid"] [data-part="day-head"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="month-grid"] [data-part="day-head"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="month-grid"] [data-part="day"][data-today] > [data-part="day-head"] { font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="month-grid"] [data-part="day"][data-outside] > [data-part="day-head"] { color: var(--ink-disabled); }
[data-r="month-grid"] [data-part="lane"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="month-grid"] [data-part="lane"] > [data-overflow] { display: none; }
[data-r="month-grid"] [data-part="more"] { display: flex; align-items: center; align-self: flex-start; flex: none; height: var(--h-20); padding: 0 6px; border-radius: var(--r-row); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); transition: background-color var(--state-out); }
[data-r="month-grid"] [data-part="more"][aria-expanded="true"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="month-grid"] [data-part="more"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="month-grid"] [data-part="more"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="month-grid"] [data-part="more"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="month-grid"] [data-part="more"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="month-grid"] > [data-r="move-cost"] { margin-top: 12px; }
[data-r="popover"] > [data-part="day-list"] { display: flex; flex-direction: column; gap: 4px; width: 220px; }
[data-r="popover"] > [data-part="day-list"] > [data-r="calendar-session"] { flex: none; }
@container month-grid (max-width: 619px) {
  [data-r="month-grid"]:where(:not([data-variant="classic"])) > :is([data-part="weekdays"], [data-part="week"]) { --week-w: 40px; }
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="week-head"] { padding-right: 6px; }
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="week-head"] [data-part="word"],
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="week-head"] > [data-part="total"] > span,
  [data-r="month-grid"]:where(:not([data-variant="classic"])) > [data-part="weekdays"] > span:first-child { visibility: hidden; }
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="week-head"] [data-part="word"],
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="week-head"] > [data-part="total"] > span { display: none; }
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="week-head"] > [data-part="phase"] > :not([data-r="dot"]) { display: none; }
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="day"] { align-items: center; padding: 4px 2px 6px; }
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="day-head"] { align-self: center; }
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="lane"] { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 2px; }
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="lane"] > [data-r="calendar-session"] { padding: 0; background: transparent; box-shadow: none; border: 0; }
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="lane"] > [data-r="calendar-session"] > :not([data-r="status"]) { display: none; }
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="lane"] > [data-overflow] { display: flex; }
  [data-r="month-grid"]:where(:not([data-variant="classic"])) [data-part="more"] { display: none; }
}
[data-r="season-grid"] { --cell: 22px; --r1: var(--scale-rank-1); --r2: var(--scale-rank-2); --r3: var(--scale-rank-3); --r4: var(--scale-rank-4); container: season-grid / inline-size; display: flex; flex-direction: column; gap: 12px; min-width: 0; color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="season-grid"] > [data-part="head"] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
[data-r="season-grid"] > [data-part="head"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="season-grid"] > [data-part="head"] > [data-part="range"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="season-grid"] > [data-part="grid"] { display: flex; flex-direction: column; gap: 3px; outline: none; }
[data-r="season-grid"] [data-part="weekdays"],
[data-r="season-grid"] [data-part="week"] { display: grid; grid-template-columns: 72px repeat(7, var(--cell)) minmax(0, 1fr); align-items: center; column-gap: 3px; }
[data-r="season-grid"] [data-part="weekdays"] { margin-bottom: 2px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="season-grid"] [data-part="weekdays"] > span { text-align: center; }
[data-r="season-grid"] [data-part="weekdays"] > span:first-child,
[data-r="season-grid"] [data-part="weekdays"] > span:last-child { text-align: left; }
[data-r="season-grid"] [data-part="weekdays"] > span:last-child { padding-left: 16px; }
[data-r="season-grid"] [data-part="block"] { display: flex; align-items: flex-end; height: 28px; padding-bottom: 5px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="season-grid"] [data-part="weekdays"] + [data-part="block"] { height: 20px; }
[data-r="season-grid"] [data-part="label"] { display: flex; align-items: baseline; gap: 6px; min-width: 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="season-grid"] [data-part="label"] > b { min-width: 16px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="season-grid"] [data-part="week"][data-current] [data-part="label"] > b { font-weight: var(--fw-550); color: var(--ink); }
@media (hover: hover) {
  [data-r="season-grid"] [data-part="week"]:is(:hover, :focus-within) [data-part="label"] > b { color: var(--ink); }
}
[data-r="season-grid"] [data-part="week"]:is([data-force~="hover"], :focus-within) [data-part="label"] > b { color: var(--ink); }
[data-r="season-grid"] [data-part="cell"] { position: relative; display: block; width: var(--cell); height: var(--cell); border-radius: var(--r-key); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); outline: none; }
[data-r="season-grid"] [data-part="cell"][data-step="1"] { background: var(--r1); box-shadow: none; }
[data-r="season-grid"] [data-part="cell"][data-step="2"] { background: var(--r2); box-shadow: none; }
[data-r="season-grid"] [data-part="cell"][data-step="3"] { background: var(--r3); box-shadow: none; }
[data-r="season-grid"] [data-part="cell"][data-step="4"] { background: var(--r4); box-shadow: none; }
[data-r="season-grid"] [data-part="cell"][data-state="planned"] { background: transparent; box-shadow: inset 0 0 0 1.5px var(--r1); }
[data-r="season-grid"] [data-part="cell"][data-state="planned"][data-step="2"] { box-shadow: inset 0 0 0 1.5px var(--r2); }
[data-r="season-grid"] [data-part="cell"][data-state="planned"][data-step="3"] { box-shadow: inset 0 0 0 1.5px var(--r3); }
[data-r="season-grid"] [data-part="cell"][data-state="planned"][data-step="4"] { box-shadow: inset 0 0 0 1.5px var(--r4); }
[data-r="season-grid"] [data-part="cell"][data-state="missed"] { background: transparent; border: var(--px) dashed var(--ink-4); box-shadow: none; }
[data-r="season-grid"] [data-part="cell"][data-today]::after { content: ""; position: absolute; left: 4px; right: 4px; bottom: -3px; height: 2px; border-radius: var(--r-press); background: var(--accent); }
@media (hover: hover) {
  [data-r="season-grid"] [data-part="cell"]:hover { outline: 1px solid var(--ink-3); outline-offset: 1px; }
}
[data-r="season-grid"] [data-part="cell"][data-force~="hover"] { outline: 1px solid var(--ink-3); outline-offset: 1px; }
[data-r="season-grid"] [data-part="cell"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="season-grid"] [data-part="cell"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="season-grid"] [data-part="total"] { display: flex; align-items: center; gap: 10px; min-width: 0; padding-left: 16px; }
[data-r="season-grid"] [data-part="total"] > [data-r="budget-bar"] { max-width: 240px; }
[data-r="season-grid"] [data-part="total"] > [data-part="figure"] { flex: none; min-width: 28px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; text-align: right; }
[data-r="season-grid"] [data-part="total"] > [data-part="figure"][data-over] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="season-grid"] > [data-part="legend"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding-top: 12px; border-top: var(--px) solid var(--line-1); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="season-grid"] [data-part="key"] { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
[data-r="season-grid"] [data-part="key"] > small { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="season-grid"] [data-part="swatch"] { position: relative; flex: none; width: 12px; height: 12px; border-radius: var(--r-key); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); }
[data-r="season-grid"] [data-part="swatch"][data-step="1"] { background: var(--r1); box-shadow: none; }
[data-r="season-grid"] [data-part="swatch"][data-step="2"] { background: var(--r2); box-shadow: none; }
[data-r="season-grid"] [data-part="swatch"][data-step="3"] { background: var(--r3); box-shadow: none; }
[data-r="season-grid"] [data-part="swatch"][data-step="4"] { background: var(--r4); box-shadow: none; }
[data-r="season-grid"] [data-part="swatch"][data-state="planned"] { background: transparent; box-shadow: inset 0 0 0 1.5px var(--r3); }
[data-r="season-grid"] [data-part="swatch"][data-state="missed"] { background: transparent; border: var(--px) dashed var(--ink-4); box-shadow: none; }
[data-r="season-grid"] [data-part="swatch"][data-today] { background: transparent; box-shadow: none; }
[data-r="season-grid"] [data-part="swatch"][data-today]::after { content: ""; position: absolute; left: 1px; right: 1px; bottom: 1px; height: 2px; border-radius: var(--r-press); background: var(--accent); }
[data-r="season-grid"] [data-part="mark"] { flex: none; width: 12px; height: 6px; border-radius: var(--r-press); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); }
[data-r="season-grid"] [data-part="mark"][data-kind="typical"] { width: 1px; height: 12px; border-radius: 0; background: var(--chart-reference); box-shadow: none; }
@container season-grid (max-width: 519px) {
  [data-r="season-grid"] > :is([data-part="grid"], [data-part="legend"]) { --cell: 18px; }
  [data-r="season-grid"] :is([data-part="weekdays"], [data-part="week"]) { grid-template-columns: 40px repeat(7, var(--cell)) minmax(0, 1fr); }
  [data-r="season-grid"] [data-part="label"] > span { display: none; }
  [data-r="season-grid"] [data-part="total"] > [data-r="budget-bar"] { display: none; }
  [data-r="season-grid"] [data-part="weekdays"] > span:last-child { padding-left: 10px; }
  [data-r="season-grid"] [data-part="total"] { justify-content: flex-start; padding-left: 10px; }
}
[data-r="calendar-session"][data-size="block"] { container: session-block / size; box-sizing: border-box; gap: 2px; height: calc(max(var(--len, 60) * var(--hour, 48px) / 60, 20px) - 2px); padding: 2px 6px 3px 4px; overflow: hidden; font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="calendar-session"][data-size="block"][data-state="missed"] { padding: 1px 5px 2px 3px; }
[data-r="calendar-session"][data-size="block"] > [data-part="head"] { flex: none; align-items: center; gap: 4px; height: var(--lh-11); padding-right: 22px; }
[data-r="calendar-session"][data-size="block"] > [data-part="head"] > [data-r="status"] { margin: 0 -1px; transform: scale(.86); }
[data-r="calendar-session"][data-size="block"] [data-part="title"] { display: block; white-space: nowrap; text-overflow: ellipsis; }
[data-r="calendar-session"][data-size="block"] > [data-part="meta"] { order: 1; position: absolute; top: 2px; right: 6px; padding-left: 0; }
[data-r="calendar-session"][data-size="block"] > [data-part="meta"] > :is([data-r="dot"], [data-part="figs"]) { display: none; }
[data-r="calendar-session"][data-size="block"] > :is([data-r="workout"], [data-part="sig"], [data-part="demands"], [data-part="tags"]) { display: none; }
[data-r="calendar-session"][data-size="block"] > [data-r="workout"] { order: 2; margin: 2px 0 0 16px; }
@container session-block (min-height: 33px) {
  [data-r="calendar-session"][data-size="block"] > [data-part="head"] { padding-right: 0; }
  [data-r="calendar-session"][data-size="block"] > [data-part="meta"] { position: static; padding-left: 16px; }
  [data-show~="intent"] [data-r="calendar-session"][data-size="block"] > [data-part="meta"] > [data-r="dot"] { display: inline-block; }
  [data-r="calendar-session"][data-size="block"] > [data-part="meta"] > [data-part="figs"] { display: flex; flex-wrap: nowrap; overflow: hidden; }
}
@container session-block (max-width: 89px) {
  [data-r="calendar-session"][data-size="block"] > [data-part="head"] { padding-right: 0; }
  [data-r="calendar-session"][data-size="block"] > [data-part="meta"] { display: none; }
}
@container session-block (min-height: 75px) {
  [data-r="calendar-session"][data-size="block"] > [data-r="workout"] { display: flex; }
}
@container session-block (max-width: 89px) {
  [data-r="calendar-session"][data-size="block"] > [data-part="head"] > [data-part="flags"] { display: none; }
}
@container session-block (max-width: 89px) and (min-height: 37px) {
  [data-r="calendar-session"][data-size="block"] > [data-part="head"] { align-items: flex-start; height: auto; }
  [data-r="calendar-session"][data-size="block"] > [data-part="head"] > [data-r="status"] { margin-top: 2px; }
  [data-r="calendar-session"][data-size="block"] [data-part="title"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow-wrap: normal; }
}
@container session-block (max-width: 59px) {
  [data-r="calendar-session"][data-size="block"] > [data-part="head"] { flex-wrap: wrap; row-gap: 2px; height: auto; }
  [data-r="calendar-session"][data-size="block"] > [data-part="head"] > [data-part="title"] { display: none; }
  [data-r="calendar-session"][data-size="block"] > [data-part="head"] > [data-part="flags"] { display: inline-flex; }
}
@container session-block (max-width: 39px) and (max-height: 36px) {
  [data-r="calendar-session"][data-size="block"] > [data-part="head"] > [data-part="flags"] { display: none; }
}
[data-r="calendar-session"][data-size="block"]:is([data-clip="start"], [data-clip="both"]) { border-top-left-radius: 0; border-top-right-radius: 0; }
[data-r="calendar-session"][data-size="block"]:is([data-clip="end"], [data-clip="both"]) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
[data-r="calendar-session"] [data-part="flags"] > [data-mark] { position: relative; display: inline-flex; flex: none; color: var(--ink-3); }
[data-r="calendar-session"] [data-part="flags"] > [data-mark] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="calendar-session"] [data-part="flags"] > [data-mark] > svg[data-glyph] { margin: 1px; }
[data-r="calendar-session"] [data-part="flags"] > [data-watch="changed"]::after { content: ""; position: absolute; top: -1px; right: -1px; width: 5px; height: 5px; border-radius: var(--r-round); background: var(--warning-dot); box-shadow: 0 0 0 1px var(--raised); }
[data-r="calendar-session"] [data-part="flags"] > [data-watch="sent"] { color: var(--ink-4); }
[data-r="calendar-session"] [data-part="flags"] > [data-watch="on"] { color: var(--ink-2); }
[data-r="calendar-session"] [data-part="flags"] > [data-rule] { color: var(--ink-2); }
[data-r="calendar-session"] > [data-part="head"] > [data-part="flags"] { margin-left: auto; }
[data-r="calendar-session"][data-size="line"] > [data-part="flags"] { display: inline-flex; align-items: center; gap: 2px; flex: none; color: var(--ink-3); }
[data-r="calendar-session"][data-size="line"]:has(> [data-part="flags"]) > [data-part="title"] { flex: 1 1 auto; }
[data-r="calendar-session"][data-look~="edge"] { outline: var(--px) solid var(--ink-3); outline-offset: 2px; }
[data-r="calendar-session"][data-look~="quiet"]:not([data-held]):not([data-lifted]):not([aria-selected="true"]) { background: transparent; box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="calendar-session"][data-look~="quiet"] [data-part="title"] { color: var(--ink-2); }
[data-r="calendar-session"][data-look~="quiet"] > :is([data-r="workout"], [data-part="sig"], [data-part="demands"]) { opacity: .5; }
[data-r="week-grid"][data-layout="time"] > [data-part="days"] { grid-template-columns: 44px repeat(7, minmax(0, 1fr)); grid-template-rows: auto auto auto auto; }
[data-r="week-grid"][data-layout="time"] [data-part="day"] { grid-row: 1 / span 4; }
[data-r="week-grid"][data-layout="time"] [data-part="day"]:first-of-type { border-left: var(--px) solid var(--line-1); }
[data-r="week-grid"][data-layout="time"] > [data-part="days"] > [data-part="hours"] { position: relative; grid-column: 1; grid-row: 3; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="week-grid"][data-layout="time"] [data-part="hours"] > span { position: absolute; right: 8px; top: calc((var(--at) - var(--start)) * var(--hour) / 60 - 6px); }
[data-r="week-grid"][data-layout="time"] [data-part="day"] > [data-part="lane"] { display: block; height: calc((var(--end) - var(--start)) * var(--hour) / 60); padding: 0; background: repeating-linear-gradient(to bottom, transparent 0 calc(var(--hour) - 1px), var(--line-1) calc(var(--hour) - 1px) var(--hour)); }
[data-r="week-grid"][data-layout="time"] [data-part="lane"] > :is([data-r="calendar-session"], [data-part="slot"]) { position: absolute; top: calc((var(--from, var(--start)) - var(--start)) * var(--hour) / 60 + 1px); left: calc(3px + var(--col, 0) * (100% - 6px) / var(--cols, 1)); width: calc((100% - 6px) / var(--cols, 1) - 2px); }
[data-r="week-grid"][data-layout="time"] [data-part="lane"] > [data-r="calendar-session"]:is([data-held], [data-lifted]) { z-index: var(--z-sticky); }
@container week-grid (max-width: 699px) {
  [data-r="week-grid"][data-layout="time"] > [data-part="days"] { grid-template-columns: 44px repeat(7, minmax(0, 1fr)); grid-template-rows: auto auto auto auto; }
  [data-r="week-grid"][data-layout="time"] [data-part="day"] { display: grid; grid-row: 1 / span 4; border-top: 0; padding-top: 0; border-left-width: var(--px); }
  [data-r="week-grid"][data-layout="time"] [data-part="day-head"] { flex-direction: column; justify-content: center; gap: 0; height: auto; margin: 0 1px 6px; padding: 2px 0; }
  [data-r="week-grid"][data-layout="time"] [data-part="day-head"] > [data-part="total"] { margin-left: 0; }
  [data-r="week-grid"][data-layout="time"] > [data-part="days"] > [data-part="hours"] { grid-row: 1 / span 4; align-self: end; height: calc((var(--end) - var(--start)) * var(--hour) / 60); }
  [data-r="week-grid"][data-layout="time"] > [data-part="days"] > [data-part="day"] > :is([data-part="about"], [data-part="context"]) { display: none; }
  [data-r="week-grid"][data-layout="time"] [data-part="lane"] > [data-r="calendar-session"] > :not([data-part="head"]) { display: none; }
  [data-r="week-grid"][data-layout="time"] [data-part="lane"] > [data-r="calendar-session"] > [data-part="head"] > :not([data-r="status"]) { display: none; }
}
[data-r="week-grid"] > [data-part="days"][data-lanes] { grid-template-columns: 96px repeat(7, minmax(0, 1fr)); grid-template-rows: none; }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="corner"] { align-self: center; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="day-head"] { margin: 0 4px 6px; }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="day-head"][data-today] > [data-part="date"] { font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="day-head"][data-hard] > [data-part="total"] { font-weight: var(--fw-550); color: var(--ink-2); }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-name"] { display: flex; align-items: flex-start; gap: 6px; min-width: 0; padding: 10px 8px 10px 0; border-top: var(--px) solid var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-name"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-name"] > small { margin-left: auto; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="day"] { display: block; grid-row: auto; min-height: 72px; padding-top: 6px; border-top: var(--px) solid var(--line-1); }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-name"] + [data-part="day"] { border-left: var(--px) solid var(--line-1); }
@container week-grid (max-width: 699px) {
  [data-r="week-grid"] > [data-part="days"][data-lanes] { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  [data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="corner"] { display: none; }
  [data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="day-head"] { flex-direction: column; gap: 0; height: auto; margin: 0 1px 6px; padding: 2px 0; }
  [data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="day-head"] > [data-part="total"] { margin-left: 0; }
  [data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-name"] { grid-column: 1 / -1; align-items: center; padding: 8px 0 4px; }
  [data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="day"] { display: block; border-top: 0; border-left: var(--px) solid var(--line-1); padding-top: 0; }
  [data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-name"] + [data-part="day"] { border-left-width: 0; }
  [data-r="week-grid"] > [data-part="days"][data-lanes] [data-part="lane"] { padding: 0 2px 4px; }
  [data-r="week-grid"] > [data-part="days"][data-lanes] [data-r="calendar-session"]:not([data-size]) { padding: 3px; }
  [data-r="week-grid"] > [data-part="days"][data-lanes] [data-r="calendar-session"]:not([data-size]) > :not([data-part="head"]),
  [data-r="week-grid"] > [data-part="days"][data-lanes] [data-r="calendar-session"]:not([data-size]) > [data-part="head"] > :not([data-r="status"]) { display: none; }
}
[data-r="week-grid"] > [data-part="above"] { min-width: 0; margin-bottom: -4px; }
[data-r="week-grid"][data-layout="time"] > [data-part="above"] > [data-r="span-lane"] { --lead-w: 44px; }
[data-r="week-grid"] [data-part="context"] > [data-part="load"] { position: relative; flex: 1 1 auto; min-width: 24px; max-width: 100%; height: 6px; margin-right: 4px; border-radius: var(--r-press); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); overflow: hidden; }
[data-r="week-grid"] [data-part="context"] > [data-part="load"] > i { position: absolute; top: 0; bottom: 0; }
[data-r="week-grid"] [data-part="context"] > [data-part="load"] > [data-part="done"] { left: 0; width: var(--done); background: var(--ch-load); }
[data-r="week-grid"] [data-part="context"] > [data-part="load"] > [data-part="planned"] { left: var(--done); width: calc(var(--total) - var(--done)); background: var(--ch-load-planned); }
[data-r="week-grid"][data-layers]:not([data-layers~="checkin"]) [data-part="context"] { min-height: 22px; }
[data-r="week-grid"] :is([data-part="day-head"], [data-part="next"]) > [data-part="verdict"] { display: inline-flex; align-items: center; gap: 3px; flex: 0 1 auto; min-width: 0; overflow: hidden; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="week-grid"] [data-part="day-head"] > [data-part="verdict"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="week-grid"] [data-part="day-head"] > [data-part="total"] { flex: none; }
[data-r="week-grid"] [data-part="verdict"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); }
[data-r="week-grid"] [data-part="verdict"][data-verdict="fits"] > svg[data-icon] { color: var(--status-good); }
[data-r="week-grid"] [data-part="verdict"][data-verdict="over"] > svg[data-icon] { color: var(--status-warning); }
[data-r="week-grid"] [data-part="verdict"][data-verdict="breaks"] > svg[data-icon] { color: var(--status-critical); }
[data-r="week-grid"] [data-part="judge"],
body > [data-part="judge"] { --plane: var(--raised); display: flex; flex-direction: column; gap: 4px; width: max-content; max-width: 260px; padding: 8px 10px 9px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); pointer-events: none; }
body > [data-part="judge"] { position: fixed; z-index: var(--z-popover); left: 0; top: 0; }
[data-r="week-grid"] > [data-part="judge"] { position: absolute; z-index: 3; left: var(--x, 50%); top: var(--y, 50%); }
@container week-grid (max-width: 699px) {
  [data-r="week-grid"] > [data-part="judge"] { top: 8px; left: 8px; right: 8px; width: auto; max-width: none; pointer-events: auto; }
}
[data-part="judge"] > [data-part="judge-head"] { display: flex; align-items: center; gap: 4px; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-part="judge"] > [data-part="judge-head"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-part="judge"] > [data-part="judge-head"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-part="judge"] > [data-part="judge-head"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); }
[data-part="judge"][data-verdict="fits"] > [data-part="judge-head"] > svg[data-icon] { color: var(--status-good); }
[data-part="judge"][data-verdict="over"] > [data-part="judge-head"] > svg[data-icon] { color: var(--status-warning); }
[data-part="judge"][data-verdict="breaks"] > [data-part="judge-head"] > svg[data-icon] { color: var(--status-critical); }
[data-part="judge"] > [data-part="reason-line"] { padding-left: 16px; color: var(--ink-2); white-space: normal; }
[data-part="judge"] > [data-part="cost-line"] { display: flex; align-items: center; gap: 4px; padding-left: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-part="judge"] > [data-part="cost-line"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-part="judge"] > [data-part="cost-line"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-4)); }
[data-r="month-grid"] [data-part="day"] { position: relative; }
[data-r="month-grid"] [data-part="day"] > [data-part="rank"] { --r1: var(--scale-rank-1); --r2: var(--scale-rank-2); --r3: var(--scale-rank-3); --r4: var(--scale-rank-4); position: absolute; box-sizing: border-box; top: 9px; left: 34px; width: 10px; height: 10px; border-radius: var(--r-key); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); }
[data-r="month-grid"] [data-part="rank"][data-step="1"] { background: var(--r1); box-shadow: none; }
[data-r="month-grid"] [data-part="rank"][data-step="2"] { background: var(--r2); box-shadow: none; }
[data-r="month-grid"] [data-part="rank"][data-step="3"] { background: var(--r3); box-shadow: none; }
[data-r="month-grid"] [data-part="rank"][data-step="4"] { background: var(--r4); box-shadow: none; }
[data-r="month-grid"] [data-part="rank"][data-state="planned"] { background: transparent; box-shadow: inset 0 0 0 1.5px var(--r1); }
[data-r="month-grid"] [data-part="rank"][data-state="planned"][data-step="2"] { box-shadow: inset 0 0 0 1.5px var(--r2); }
[data-r="month-grid"] [data-part="rank"][data-state="planned"][data-step="3"] { box-shadow: inset 0 0 0 1.5px var(--r3); }
[data-r="month-grid"] [data-part="rank"][data-state="planned"][data-step="4"] { box-shadow: inset 0 0 0 1.5px var(--r4); }
[data-r="month-grid"] [data-part="rank"][data-state="missed"] { background: transparent; border: var(--px) dashed var(--ink-4); box-shadow: none; }
[data-r="month-grid"] [data-part="day"] > [data-part="day-mark"] { position: absolute; top: 5px; right: 4px; display: flex; }
[data-r="month-grid"] > [data-part="legend"],
[data-r="season-grid"] > [data-part="legend"][data-for="year"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding-top: 12px; border-top: var(--px) solid var(--line-1); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="month-grid"] > [data-part="legend"] { margin-top: 12px; }
[data-r="month-grid"] > [data-part="legend"] [data-part="key"] { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
[data-r="month-grid"] > [data-part="legend"] small { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="month-grid"] > [data-part="legend"] [data-part="swatch"] { flex: none; box-sizing: border-box; width: 12px; height: 12px; border-radius: var(--r-key); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); }
[data-r="month-grid"] > [data-part="legend"] [data-part="swatch"][data-step="1"] { background: var(--scale-rank-1); box-shadow: none; }
[data-r="month-grid"] > [data-part="legend"] [data-part="swatch"][data-step="2"] { background: var(--scale-rank-2); box-shadow: none; }
[data-r="month-grid"] > [data-part="legend"] [data-part="swatch"][data-step="3"] { background: var(--scale-rank-3); box-shadow: none; }
[data-r="month-grid"] > [data-part="legend"] [data-part="swatch"][data-step="4"] { background: var(--scale-rank-4); box-shadow: none; }
[data-r="month-grid"] > [data-part="legend"] [data-part="swatch"][data-state="planned"] { background: transparent; box-shadow: inset 0 0 0 1.5px var(--scale-rank-3); }
[data-r="month-grid"] > [data-part="legend"] [data-part="swatch"][data-state="missed"] { background: transparent; border: var(--px) dashed var(--ink-4); box-shadow: none; }
@container month-grid (max-width: 619px) {
  [data-r="month-grid"] [data-part="day"] > [data-part="rank"] { top: 6px; left: 4px; width: 6px; height: 6px; }
  [data-r="month-grid"] [data-part="day"] > [data-part="day-mark"] { position: static; justify-content: center; margin-bottom: 2px; }
}
[data-r="season-grid"] [data-part="cell"][data-race] { box-shadow: 0 0 0 1.5px var(--plane, var(--paper)), 0 0 0 2.5px var(--ink-2); }
[data-r="season-grid"] [data-part="cell"][data-race][data-state="planned"] { box-shadow: inset 0 0 0 1.5px var(--r3), 0 0 0 1.5px var(--plane, var(--paper)), 0 0 0 2.5px var(--ink-2); }
[data-r="season-grid"] [data-part="cell"][data-race][data-state="planned"][data-step="4"] { box-shadow: inset 0 0 0 1.5px var(--r4), 0 0 0 1.5px var(--plane, var(--paper)), 0 0 0 2.5px var(--ink-2); }
[data-r="season-grid"] [data-part="pin"] { display: inline-flex; align-items: center; justify-content: center; flex: none; box-sizing: border-box; width: 14px; height: 14px; border-radius: var(--r-round); background: var(--ink); color: var(--paper); font-size: var(--fs-9); line-height: var(--lh-9); font-weight: var(--fw-550); }
[data-r="season-grid"] [data-part="pin"]:is([data-priority="b"], [data-priority="c"]) { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 var(--px) var(--ink-2); }
[data-r="season-grid"] [data-part="total"] > [data-part="pin-note"] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); white-space: nowrap; }
[data-r="season-grid"] [data-part="total"] > [data-part="pin-note"] > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="season-grid"][data-variant="year"] { --cell: 11px; --gap: 2px; gap: 10px; }
[data-r="season-grid"][data-variant="year"] > [data-part="year"] { display: grid; grid-template-columns: 64px minmax(0, max-content); column-gap: 8px; min-width: 0; overflow-x: auto; padding-bottom: 2px; }
[data-r="season-grid"][data-variant="year"] [data-part="year-label"] { grid-column: 1; grid-row: 1 / span 4; display: flex; flex-direction: column; gap: 2px; padding-top: 18px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="season-grid"][data-variant="year"] [data-part="year-label"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="season-grid"][data-variant="year"] [data-part="year"] > :not([data-part="year-label"]) { grid-column: 2; }
[data-r="season-grid"][data-variant="year"] [data-part="months"],
[data-r="season-grid"][data-variant="year"] [data-part="pins"],
[data-r="season-grid"][data-variant="year"] [data-part="streaks"] { position: relative; width: calc(var(--weeks) * (var(--cell) + var(--gap))); }
[data-r="season-grid"][data-variant="year"] [data-part="months"] { height: 16px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="season-grid"][data-variant="year"] [data-part="months"] > span { position: absolute; left: calc(var(--col) * (var(--cell) + var(--gap))); top: 0; }
[data-r="season-grid"][data-variant="year"] [data-part="pins"] { height: 18px; }
[data-r="season-grid"][data-variant="year"] [data-part="pins"] > [data-part="pin"] { position: absolute; top: 1px; left: calc(var(--col) * (var(--cell) + var(--gap)) + var(--cell) / 2 - 7px); }
[data-r="season-grid"][data-variant="year"] [data-part="days"][data-by="week"] { display: flex; gap: var(--gap); }
[data-r="season-grid"][data-variant="year"] [data-part="col"] { display: flex; flex-direction: column; gap: var(--gap); }
[data-r="season-grid"][data-variant="year"] [data-part="cell"] { border-radius: var(--r-key); }
[data-r="season-grid"][data-variant="year"] [data-part="cell"][data-outside] { visibility: hidden; }
[data-r="season-grid"][data-variant="year"] [data-part="cell"][data-state="none"] { background: transparent; box-shadow: inset 0 0 0 var(--px) var(--line-1); }
[data-r="season-grid"][data-variant="year"] [data-part="cell"][data-today]::after { left: 1px; right: 1px; bottom: -2px; }
[data-r="season-grid"][data-variant="year"] [data-part="cell"][data-race] { box-shadow: 0 0 0 1px var(--plane, var(--paper)), 0 0 0 2px var(--ink-2); }
[data-r="season-grid"][data-variant="year"] [data-part="streaks"] { height: 14px; margin-top: 4px; }
[data-r="season-grid"][data-variant="year"] [data-part="streak"] { position: absolute; top: 0; left: calc(var(--from) * (var(--cell) + var(--gap))); width: calc(var(--len) * (var(--cell) + var(--gap)) - var(--gap)); height: 14px; --streak: var(--ink-4); }
[data-r="season-grid"][data-variant="year"] [data-part="streak"]::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; border-radius: var(--r-press); background: var(--streak); }
[data-r="season-grid"][data-variant="year"] [data-part="streak"]:is([data-longest], [data-now]) { --streak: var(--ink-2); }
[data-r="season-grid"][data-variant="year"] [data-part="streak"] > span { position: absolute; top: 4px; left: 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="season-grid"] > [data-part="pin-list"] { display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="season-grid"] [data-part="pin-row"] { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
[data-r="season-grid"] [data-part="pin-row"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="season-grid"] [data-part="pin-row"] > [data-part="until"] { font-variant-numeric: tabular-nums; }
[data-r="season-grid"] [data-part="pin-row"] > [data-part="until"][data-ahead] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="season-grid"] > [data-part="legend"][data-for="year"] [data-part="swatch"] { width: 11px; height: 11px; }
@container season-grid (max-width: 519px) {
  [data-r="season-grid"][data-variant="year"] > [data-part="year"] { grid-template-columns: minmax(0, max-content); }
  [data-r="season-grid"][data-variant="year"] [data-part="year-label"] { grid-row: auto; flex-direction: row; gap: 8px; padding: 0 0 6px; }
  [data-r="season-grid"][data-variant="year"] [data-part="year"] > :not([data-part="year-label"]) { grid-column: 1; }
}
[data-r="week-grid"] > [data-part="days"][data-lanes][data-ends] { grid-template-columns: 132px repeat(7, minmax(0, 1fr)) 112px; }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-name"] > [data-r="avatar"] { flex: none; margin-top: -2px; }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="end-head"] { align-self: center; margin: 0 0 6px; padding-left: 12px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-end"] { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 10px 0 10px 12px; border-top: var(--px) solid var(--line-1); border-left: var(--px) solid var(--line-1); }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-end"] > [data-r="budget-bar"] { flex: none; }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-end"] > [data-part="total"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-end"] > [data-part="total"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-end"][data-over] > [data-part="total"] > span { color: var(--ink-2); }
@container week-grid (max-width: 699px) {
  [data-r="week-grid"] > [data-part="days"][data-lanes][data-ends] { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  [data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="end-head"] { display: none; }
  [data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-end"] { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 8px; padding: 2px 0 8px; border: 0; }
  [data-r="week-grid"] > [data-part="days"][data-lanes] > [data-part="lane-end"] > [data-r="budget-bar"] { flex: 1 1 auto; }
}
[data-r="calendar-session"][data-size="mark"]:not([hidden]) { flex-direction: row; align-items: center; justify-content: center; gap: 0; padding: 2px; border-radius: var(--r-round); background: transparent; box-shadow: none; }
[data-r="calendar-session"][data-size="mark"][data-state="missed"]:not([hidden]) { border: 0; }
@media (hover: hover) {
  [data-r="calendar-session"][data-size="mark"]:not([hidden]):is(:hover, [data-detailed]) { background: transparent; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
}
[data-r="calendar-session"][data-size="mark"]:not([hidden]):is([data-force~="hover"], [data-detailed]) { background: transparent; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
[data-r="calendar-session"][data-size="mark"]:not([hidden]):focus-visible { background: var(--raised-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
[data-r="calendar-session"][data-size="mark"]:not([hidden])[data-force~="focus"] { background: var(--raised-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
[data-r="calendar-session"][data-size="mark"]:not([hidden]):is([aria-selected="true"], [data-previewing]) { background: transparent; box-shadow: 0 0 0 var(--px) var(--accent); }
[data-filtering] [data-r="calendar-session"][data-size="mark"][data-out] { opacity: .32; transition: opacity var(--opacity-out) ease-out; }
[data-r="calendar-session"][data-size="strip"] { flex-direction: row; align-items: center; gap: 12px; min-height: 36px; padding: 4px 10px 4px 8px; background: color-mix(in oklab, var(--c, var(--ink-3)) 22%, var(--raised)); box-shadow: none; }
[data-r="calendar-session"][data-size="strip"] > [data-part="head"] { flex: 1 1 0; min-width: 96px; align-items: center; }
[data-r="calendar-session"][data-size="strip"] [data-part="title"] { -webkit-line-clamp: 1; }
[data-r="calendar-session"][data-size="strip"] > :is([data-part="sig"], [data-part="demands"], [data-part="tags"]) { display: none; }
[data-r="calendar-session"][data-size="strip"] > [data-part="meta"] { flex: none; gap: 8px; }
[data-r="calendar-session"][data-size="strip"] > [data-part="meta"] > [data-r="dot"] { display: none; }
@media (hover: hover) {
  [data-r="calendar-session"][data-size="strip"]:is(:hover, [data-detailed]) { background: color-mix(in oklab, var(--c, var(--ink-3)) 30%, var(--raised)); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
}
[data-r="calendar-session"][data-size="strip"]:is([data-force~="hover"], [data-detailed]) { background: color-mix(in oklab, var(--c, var(--ink-3)) 30%, var(--raised)); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
[data-r="calendar-session"][data-size="strip"]:is([aria-selected="true"], [data-previewing]) { box-shadow: 0 0 0 var(--px) var(--accent); }
[data-r="calendar-session"][data-size="strip"][data-held] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="calendar-session"][data-look~="quiet"]:not([data-held]):not([data-lifted]):not([aria-selected="true"]):foc { background: var(--raised-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); }
[data-r="calendar-session"][data-look~="quiet"]:not([data-held]):not([data-lifted]):not([aria-selected="true"]):focus-visible { background: var(--raised-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); }
@media (hover: hover) {
  [data-r="calendar-session"][data-look~="quiet"]:not([data-held]):not([data-lifted]):not([aria-selected="true"]):hover { background: var(--raised-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); }
}
[data-r="calendar-session"][data-look~="quiet"]:not([data-held]):not([data-lifted]):not([aria-selected="true"])[data-force~="hover"],
[data-r="calendar-session"][data-look~="quiet"]:not([data-held]):not([data-lifted]):not([aria-selected="true"])[data-force~="focus"] { background: var(--raised-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); }
}

/* ═══ 76a-time-grid.css ═══ */
@layer components {
[data-r="time-grid"] { --hour: 48px; --gutter: 56px; --start: 360; --end: 1320; container: time-grid / inline-size; position: relative; display: flex; flex-direction: column; min-width: 0; color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="time-grid"] > :is([data-part="head"], [data-part="all-day"]) { display: grid; grid-template-columns: calc(var(--gutter) * var(--zones, 1)) repeat(var(--days, 1), minmax(0, 1fr)); }
[data-r="time-grid"][data-orient="down"] > [data-part="head"] { border-bottom: var(--px) solid var(--line-2); }
[data-r="scroll-area"] [data-r="time-grid"][data-orient="down"] > [data-part="head"] { position: sticky; top: 0; z-index: var(--z-sticky); background: var(--plane); }
[data-r="time-grid"] [data-part="corner"] { display: flex; align-items: flex-end; min-width: 0; }
[data-r="time-grid"] > [data-part="head"] > [data-part="corner"] > [data-part="zone-name"] { flex: 0 0 var(--gutter); box-sizing: border-box; padding: 0 8px 6px 0; text-align: right; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="time-grid"] [data-part="day-head"] { display: flex; align-items: center; gap: 5px; min-width: 0; height: var(--h-28); margin: 0 4px 4px; padding: 0 6px; font-size: var(--fs-12); line-height: var(--lh-12); white-space: nowrap; overflow: hidden; }
[data-r="time-grid"] [data-part="day-head"] > [data-part="weekday"] { font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="time-grid"] [data-part="day-head"] > [data-part="date"] { font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="time-grid"] [data-part="day-head"] > [data-part="month"] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="time-grid"] [data-part="day-head"][data-today] > :is([data-part="date"], [data-part="month"]) { font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="time-grid"] > [data-part="all-day"] { border-bottom: var(--px) solid var(--line-1); }
[data-r="time-grid"] > [data-part="all-day"] > [data-part="cell"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 4px; }
[data-r="time-grid"] > [data-part="all-day"] > [data-part="cell"] + [data-part="cell"] { border-left: var(--px) solid var(--line-1); }
[data-r="time-grid"] > [data-part="all-day"] [data-part="empty"] { display: flex; align-items: center; height: var(--h-20); padding: 0 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="time-grid"] > [data-part="body"] { position: relative; display: flex; height: calc((var(--end) - var(--start)) * var(--hour) / 60); }
[data-r="time-grid"] [data-part="gutter"] { position: relative; flex: none; width: var(--gutter); border-right: var(--px) solid var(--line-2); font-size: var(--fs-11); line-height: var(--lh-11); font-variant-numeric: tabular-nums; }
[data-r="time-grid"] [data-part="gutter"]:has(+ [data-part="gutter"]) { border-right-color: var(--line-1); }
[data-r="time-grid"] [data-part="gutter"] > :is([data-part="hour"], [data-part="sun"], [data-part="now-label"]) { position: absolute; right: 8px; top: calc((var(--at) - var(--start)) * var(--hour) / 60); translate: 0 -50%; white-space: nowrap; }
[data-r="time-grid"] [data-part="gutter"] > [data-part="dark"] { position: absolute; left: 0; right: 0; top: calc((var(--a) - var(--start)) * var(--hour) / 60); height: calc((var(--b) - var(--a)) * var(--hour) / 60); background: var(--ground); }
[data-r="time-grid"] [data-part="gutter"] > [data-part="hour"] { color: var(--ink-3); }
[data-r="time-grid"] [data-part="gutter"] > [data-part="hour"][data-covered] { visibility: hidden; }
[data-r="time-grid"] [data-part="gutter"] > [data-part="sun"] { display: inline-flex; align-items: center; gap: 2px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="time-grid"] [data-part="gutter"] > [data-part="sun"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); }
[data-r="time-grid"] [data-part="now-label"] { z-index: 1; right: 4px; padding: 0 4px; border-radius: var(--r-press); background: var(--accent); color: var(--on-accent); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); pointer-events: none; }
[data-r="time-grid"] > [data-part="body"] > [data-part="days"] { position: relative; isolation: isolate; flex: 1; display: grid; grid-template-columns: repeat(var(--days, 1), minmax(0, 1fr)); min-width: 0; }
[data-r="time-grid"] [data-part="lines"] { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
[data-r="time-grid"] [data-part="lines"] > i { position: absolute; left: 0; right: 0; top: calc((var(--at) - var(--start)) * var(--hour) / 60); height: 1px; background: var(--line-1); }
[data-r="time-grid"] [data-part="day"] { position: relative; min-width: 0; }
[data-r="time-grid"] [data-part="day"] > [data-part="off"] { position: absolute; z-index: 0; left: 0; right: 0; top: calc((var(--a) - var(--start)) * var(--hour) / 60); height: calc((var(--b) - var(--a)) * var(--hour) / 60); background: var(--ground); pointer-events: none; }
[data-r="time-grid"] [data-part="day"]:not(:first-of-type) { border-left: var(--px) solid var(--line-1); }
[data-r="time-grid"] [data-part="day"] > [data-part="sun"] { position: absolute; z-index: 2; left: 0; right: 0; top: calc((var(--at) - var(--start)) * var(--hour) / 60); height: 1px; background: var(--line-3); pointer-events: none; }
[data-r="time-grid"][data-orient="down"] [data-part="day"] > :is([data-r="calendar-session"], [data-r="calendar-item"]) { position: absolute; z-index: 3; top: calc((var(--from) - var(--start)) * var(--hour) / 60 + 1px); left: calc(2px + var(--col, 0) * (100% - 4px) / var(--cols, 1)); width: calc((100% - 4px) / var(--cols, 1) - 2px); height: calc(max(var(--len) * var(--hour) / 60, 20px) - 2px); }
[data-r="time-grid"][data-orient="down"] [data-part="day"] > [data-r="calendar-session"]:is([data-held], [data-lifted]) { z-index: var(--z-sticky); }
[data-r="time-grid"][data-orient="down"] [data-part="now"] { position: absolute; z-index: 2; left: calc(var(--col, 0) * 100% / var(--days, 1)); width: calc(100% / var(--days, 1)); top: calc((var(--now) - var(--start)) * var(--hour) / 60); height: 1px; background: var(--accent); pointer-events: none; }
[data-r="time-grid"] [data-part="day"] > [data-r="calendar-item"][data-under] { z-index: 1; left: 0; width: 100%; }
[data-r="time-grid"][data-orient="across"] > [data-part="viewport"] { --name-w: 184px; --track-h: 24px; }
[data-r="time-grid"][data-orient="across"] > [data-part="viewport"] { position: relative; overflow: auto hidden; overscroll-behavior-x: contain; border-top: var(--px) solid var(--line-2); border-bottom: var(--px) solid var(--line-2); outline: none; }
[data-r="time-grid"][data-orient="across"] > [data-part="viewport"]:focus-visible { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="time-grid"][data-orient="across"] > [data-part="viewport"][data-force~="focus"] { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="time-grid"][data-orient="across"] [data-part="canvas"] { position: relative; width: calc(var(--name-w) + (var(--end) - var(--start)) * var(--hour) / 60); min-width: 100%; }
[data-r="time-grid"][data-orient="across"] [data-part="axis"] { position: sticky; top: 0; z-index: 2; display: flex; height: var(--row-36); background: var(--plane); border-bottom: var(--px) solid var(--line-2); }
[data-r="time-grid"][data-orient="across"] [data-part="axis"] > [data-part="corner"] { position: sticky; left: 0; z-index: 3; flex: none; align-items: center; width: var(--name-w); box-sizing: border-box; padding: 0 12px 0 16px; background: var(--plane); border-right: var(--px) solid var(--line-2); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="time-grid"][data-orient="across"] [data-part="scale"] { position: relative; flex: 1; }
[data-r="time-grid"][data-orient="across"] [data-part="scale"] > :is([data-part="hour"], [data-part="now-label"]) { position: absolute; top: 50%; left: calc((var(--at) - var(--start)) * var(--hour) / 60); translate: 6px -50%; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="time-grid"][data-orient="across"] [data-part="scale"] > [data-part="hour"][data-covered] { visibility: hidden; }
[data-r="time-grid"][data-orient="across"] [data-part="scale"] > [data-part="now-label"] { z-index: 1; right: auto; translate: -50% -50%; padding: 0 4px; border-radius: var(--r-press); background: var(--accent); color: var(--on-accent); font-weight: var(--fw-550); pointer-events: none; }
[data-r="time-grid"][data-orient="across"] [data-part="lines"] { left: var(--name-w); top: var(--row-36); }
[data-r="time-grid"][data-orient="across"] [data-part="lines"] > i { top: 0; bottom: 0; left: calc((var(--at) - var(--start)) * var(--hour) / 60); right: auto; width: 1px; height: auto; }
[data-r="time-grid"][data-orient="across"] [data-part="row"] { position: relative; display: flex; height: calc(var(--rows, 1) * (var(--track-h) + 4px) + 12px); border-bottom: var(--px) solid var(--line-1); }
[data-r="time-grid"][data-orient="across"] [data-part="row"]:last-of-type { border-bottom: 0; }
[data-r="time-grid"][data-orient="across"] [data-part="name"] { position: sticky; left: 0; z-index: 2; flex: none; display: flex; align-items: center; gap: 8px; min-width: 0; width: var(--name-w); box-sizing: border-box; padding: 0 12px 0 16px; background: var(--plane); border-right: var(--px) solid var(--line-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="time-grid"][data-orient="across"] [data-part="name"] > [data-part="label"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="time-grid"][data-orient="across"] [data-part="track"] { position: relative; z-index: 1; flex: 1; }
[data-r="time-grid"][data-orient="across"] [data-part="track"] > [data-part="empty"] { position: sticky; left: calc(var(--name-w) + 12px); display: inline-flex; align-items: center; height: 100%; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="time-grid"][data-orient="across"] [data-part="track"] > :is([data-r="calendar-session"], [data-r="calendar-item"]) { position: absolute; top: calc(6px + var(--col, 0) * (var(--track-h) + 4px)); left: calc((var(--from) - var(--start)) * var(--hour) / 60 + 1px); width: calc(max(var(--len) * var(--hour) / 60, 64px) - 2px); height: var(--track-h); }
[data-r="time-grid"][data-orient="across"] [data-part="track"] > [data-r="calendar-item"][data-under] { z-index: 0; top: 0; height: 100%; border-radius: 0; }
[data-r="time-grid"][data-orient="across"] [data-part="now"] { position: absolute; z-index: 1; top: var(--row-36); bottom: 0; left: calc(var(--name-w) + (var(--now) - var(--start)) * var(--hour) / 60); width: 1px; background: var(--accent); pointer-events: none; }
@container time-grid (max-width: 559px) {
  [data-r="time-grid"][data-orient="down"]:not([data-days="1"]) [data-part="day-head"] { flex-direction: column; justify-content: center; gap: 0; height: var(--row-36); margin: 0 0 4px; padding: 0; }
}
[data-r="time-grid"][data-lanes] [data-part="day-head"][data-lane] { container: lane-head / inline-size; }
@container lane-head (max-width: 51px) {
  [data-r="time-grid"][data-lanes] [data-part="day-head"][data-lane] > [data-part="date"] { display: none; }
}
@container time-grid (max-width: 559px) {
  [data-r="time-grid"][data-orient="across"] > [data-part="viewport"] { --name-w: 124px; }
  [data-r="time-grid"][data-orient="across"] [data-part="name"] { padding: 0 8px 0 12px; }
  [data-r="time-grid"][data-orient="across"] [data-part="axis"] > [data-part="corner"] { padding-left: 12px; }
}
}

/* ═══ 76b-calendar-item.css ═══ */
@layer components {
[data-r="calendar-item"] { container: calendar-item / size; position: relative; box-sizing: border-box; display: flex; flex-direction: column; gap: 1px; min-width: 0; height: calc(max(var(--len, 30) * var(--hour, 48px) / 60, 20px) - 2px); padding: 2px 6px 3px 5px; overflow: hidden; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)); color: var(--ink-3); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); white-space: nowrap; cursor: default; }
[data-r="calendar-item"] > [data-part="head"] { display: flex; align-items: center; gap: 4px; flex: none; min-width: 0; height: var(--lh-11); }
[data-r="calendar-item"] > [data-part="head"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="calendar-item"] [data-part="title"] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="calendar-item"] [data-part="time"] { flex: 0 1000 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="calendar-item"] > [data-part="head"] > [data-part="figure"] { display: inline-flex; align-items: center; gap: 3px; flex: none; margin-left: auto; color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="calendar-item"] > [data-part="head"] > [data-part="time"] + [data-part="figure"] { margin-left: auto; }
[data-r="calendar-item"] > [data-part="head"] > [data-r="reading-state"] { margin-left: auto; }
[data-r="calendar-item"] > [data-part="head"] > [data-part="figure"] + [data-r="reading-state"] { margin-left: 2px; }
[data-r="calendar-item"] > [data-part="meta"] { display: none; min-width: 0; padding-left: 16px; overflow: hidden; text-overflow: ellipsis; }
@container calendar-item (min-height: 28px) {
  [data-r="calendar-item"] > [data-part="meta"] { display: block; }
  [data-r="calendar-item"]:not([data-point]) > [data-part="head"] > [data-part="time"] { display: none; }
}
@container calendar-item (max-width: 199px) {
  [data-r="calendar-item"]:not([data-point]):not([data-kind="meal"]) > [data-part="head"] > [data-part="time"] { display: none; }
}
@container calendar-item (max-width: 149px) {
  [data-r="calendar-item"] > [data-part="head"] > [data-part="time"] { display: none; }
}
@container calendar-item (max-width: 67px) {
  [data-r="calendar-item"]:has(> [data-part="head"] > [data-part="figure"]) > [data-part="head"] > [data-part="title"] { display: none; }
}
@container calendar-item (max-width: 63px) {
  [data-r="calendar-item"]:not([data-size="line"], [data-point]) > [data-part="head"] > [data-part="title"] { display: none; }
}
@container calendar-item (max-width: 55px) {
  [data-r="calendar-item"] > [data-part="head"] > [data-part="figure"] { display: none; }
}
@container calendar-item (max-width: 47px) {
  [data-r="calendar-item"] > [data-part="head"] > :not(svg) { display: none; }
  [data-r="calendar-item"] > [data-part="meta"] { display: none; }
}
[data-r="calendar-item"][data-kind="busy"] { background: transparent; box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="calendar-item"][data-kind="busy"] [data-part="title"] { color: var(--ink-3); }
[data-r="calendar-item"][data-kind="busy"][data-under] { border-radius: 0; background: var(--well); box-shadow: none; }
[data-r="calendar-item"][data-kind="banner"] [data-part="title"] { color: var(--ink); }
[data-r="calendar-item"]:is([data-size="line"], [data-point]) { flex-direction: row; align-items: center; height: var(--h-20); padding: 0 6px 0 4px; }
[data-r="calendar-item"]:is([data-size="line"], [data-point]) > [data-part="head"] { flex: 1; }
[data-r="calendar-item"]:is([data-size="line"], [data-point]) > [data-part="head"] > [data-part="title"] + [data-part="time"] { margin-left: 2px; }
[data-r="calendar-item"]:is([data-clip="start"], [data-clip="both"]) { border-top-left-radius: 0; border-top-right-radius: 0; }
[data-r="calendar-item"]:is([data-clip="end"], [data-clip="both"]) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
[data-r="week-grid"] [data-part="lane"] > [data-r="calendar-item"],
[data-r="calendar-item"][data-size="line"] { flex: none; }
[data-r="calendar-item"][data-kind="window"] { background: transparent; box-shadow: none; border: var(--px) dashed var(--line-3); }
[data-r="calendar-item"][data-kind="window"] [data-part="title"] { color: var(--ink-3); }
[data-r="time-grid"] [data-part="day"] > [data-r="calendar-item"][data-kind="window"][data-under] { border-radius: var(--r-row); background: transparent; }
[data-r="calendar-item"][data-kind="weather"] { background: transparent; box-shadow: none; }
[data-r="time-grid"] [data-part="day"] > [data-r="calendar-item"][data-kind="window"][data-under] > [data-part="meta"] { display: none; }
[data-r="calendar-item"][aria-pressed="true"] { box-shadow: 0 0 0 1px var(--accent); }
[data-r="calendar-item"][role="button"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="calendar-item"][role="button"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
}

/* ═══ 76c-span.css ═══ */
@layer components {
[data-r="span-lane"] { --pitch: 28px;           /* a span of 26 and a gap of 2 */ --lead-w: 0px; container: span-lane / inline-size; display: grid; grid-template-columns: min(var(--lead-w), 30%) minmax(0, 1fr); width: 100%; min-width: 0; box-sizing: border-box; color: var(--ink-2); font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="span-lane"] > [data-part="lead"] { grid-column: 1; display: flex; align-items: flex-start; gap: 8px; min-width: 0; padding: 0 12px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; }
[data-r="span-lane"] > [data-part="lead"] > [data-part="name"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; padding-top: 2px; }
@container span-lane (max-width: 419px) {
  [data-r="span-lane"]:has(> [data-part="lead"] > [data-r="avatar"]) > * { grid-column: 1 / -1; }
  [data-r="span-lane"]:has(> [data-part="lead"] > [data-r="avatar"]) > [data-part="lead"] { align-items: center; padding: 0 0 4px; }
  [data-r="span-lane"]:has(> [data-part="lead"] > [data-r="avatar"]) > [data-part="lead"] > [data-part="name"] { padding-top: 0; }
}
[data-r="span-lane"] > [data-part="track"] { grid-column: 2; position: relative; min-width: 0; height: calc(var(--rows, 1) * var(--pitch) - var(--pitch) + 26px); }
[data-r="span-lane"][data-empty] > [data-part="track"] { display: flex; align-items: center; height: var(--h-20); padding-left: 4px; color: var(--ink-3); }
[data-r="span-lane"] > [data-part="axis"] { grid-column: 2; position: relative; height: 22px; margin-bottom: 6px; border-bottom: var(--px) solid var(--line-2); }
[data-r="span-lane"] > [data-part="axis"] > span { container: span-axis / inline-size; position: absolute; top: 0; left: calc(var(--from) / var(--days) * 100%); width: calc(var(--len) / var(--days) * 100%); height: var(--lh-11); padding-left: 4px; box-sizing: border-box; border-left: var(--px) solid var(--line-2); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; }
@container span-axis (max-width: 39px) {
  [data-r="span-lane"] > [data-part="axis"] [data-part="weekday"] { display: none; }
}
@container span-axis (max-width: 49px) {
  [data-r="span-lane"] > [data-part="axis"] [data-part="word"] { display: none; }
}
@container span-axis (max-width: 18px) {
  [data-r="span-lane"] > [data-part="axis"] > span:not([data-monday]) > [data-part="label"] { display: none; }
  [data-r="span-lane"] > [data-part="axis"] > span[data-monday] > [data-part="label"] { position: relative; z-index: 1; padding-right: 4px; background: var(--plane); }
}
[data-r="span-lane"] > [data-part="axis"] > span[data-today] { font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="span"] { --in-s: 2px; --in-e: 2px; --tone: var(--scale-rank-1);   /* the line and its dots */ --ground: var(--plane);        /* the surface under it: the ring round a dot */ container: span / inline-size; isolation: isolate; position: absolute; top: calc(var(--row, 0) * var(--pitch)); left: calc(var(--from) / var(--days) * 100% + var(--in-s)); width: calc(var(--len) / var(--days) * 100% - var(--in-s) - var(--in-e)); display: flex; align-items: flex-start; height: 26px; padding: 2px 4px 0; box-sizing: border-box; border-radius: var(--r-row); color: var(--ink); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); white-space: nowrap; outline: none; user-select: none; -webkit-user-select: none; transition: background-color var(--state-out), box-shadow var(--state-out); }
[data-r="span"] > [data-part="text"] { display: flex; align-items: center; gap: 4px; flex: 1; min-width: 0; }
[data-r="span"] > [data-part="text"] > svg[data-glyph] { margin-left: -1px; }
[data-r="span"] [data-part="label"] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="span"] [data-part="meta"] { flex: 0 100 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="span"] > [data-part="line"] { --cap-s: 0px; --cap-e: 0px; position: absolute; left: var(--cap-s); right: var(--cap-e); bottom: 4px; height: 2px; border-radius: var(--r-press); background: var(--tone); pointer-events: none; }
[data-r="span"] > [data-part="line"]::before,
[data-r="span"] > [data-part="line"]::after { content: ""; position: absolute; top: -2px; width: 6px; height: 6px; border-radius: var(--r-round); background: var(--tone); box-shadow: 0 0 0 1.5px var(--ground); }
[data-r="span"] > [data-part="line"]::before,
[data-r="span"] > [data-part="line"]::after { z-index: -1; }
[data-r="span"] > [data-part="line"]::before { left: calc(0px - var(--cap-s)); }
[data-r="span"] > [data-part="line"]::after { right: calc(0px - var(--cap-e)); }
[data-r="span"][data-step="2"] { --tone: var(--scale-rank-2); }
[data-r="span"][data-step="3"] { --tone: var(--scale-rank-3); }
[data-r="span"][data-step="4"] { --tone: var(--scale-rank-4); }
[data-r="span"]:is([data-step="rest"], [data-kind="camp"], [data-kind="travel"]) { --tone: var(--ink-4); }
[data-r="span"][data-kind="note"] { --tone: var(--ink-4); }
[data-r="span"]:is([data-kind="illness"], [data-kind="injury"]) { --tone: var(--ink-4); }
[data-r="span"]:is([data-kind="illness"], [data-kind="injury"]) > [data-part="line"] { --cap-s: 6px; --cap-e: 6px; --dash: repeating-linear-gradient(to right, var(--ink-4) 0 4px, transparent 4px 7px); bottom: 4.25px; height: 1.5px; border-radius: 0; background: var(--dash); }
[data-r="span"]:is([data-kind="illness"], [data-kind="injury"]) > [data-part="line"]::before,
[data-r="span"]:is([data-kind="illness"], [data-kind="injury"]) > [data-part="line"]::after { top: -2.25px; background: var(--ground); box-shadow: inset 0 0 0 1.5px var(--ink-4), 0 0 0 1.5px var(--ground); }
[data-r="span"][data-kind="race"] { padding: 2px 4px 0; overflow: visible; }
[data-r="span"][data-kind="race"] > [data-part="text"] { flex: none; }
[data-r="span"][data-kind="race"] [data-part="label"] { overflow: visible; }
[data-r="span"][data-kind="race"] [data-part="meta"] { overflow: visible; }
[data-r="span"][data-kind="race"][data-align="end"] { justify-content: flex-end; }
[data-r="span"][data-cut~="start"] { --in-s: 0px; }
[data-r="span"][data-cut~="end"] { --in-e: 0px; }
[data-r="span"][data-cut] > [data-part="line"] { --fade: min(28px, 33%); }
[data-r="span"][data-cut~="start"] > [data-part="line"] { background: linear-gradient(to right, transparent, var(--tone) var(--fade)); }
[data-r="span"][data-cut~="end"] > [data-part="line"] { background: linear-gradient(to left, transparent, var(--tone) var(--fade)); }
[data-r="span"][data-cut~="start"][data-cut~="end"] > [data-part="line"] { background: linear-gradient(to right, transparent, var(--tone) var(--fade), var(--tone) calc(100% - var(--fade)), transparent); }
[data-r="span"]:is([data-kind="illness"], [data-kind="injury"])[data-cut~="start"] > [data-part="line"] { background: linear-gradient(to right, var(--ground), transparent var(--fade)), var(--dash); }
[data-r="span"]:is([data-kind="illness"], [data-kind="injury"])[data-cut~="end"] > [data-part="line"] { background: linear-gradient(to left, var(--ground), transparent var(--fade)), var(--dash); }
[data-r="span"]:is([data-kind="illness"], [data-kind="injury"])[data-cut~="start"][data-cut~="end"] > [data-part="line"] { background: linear-gradient(to right, var(--ground), transparent var(--fade), transparent calc(100% - var(--fade)), var(--ground)), var(--dash); }
[data-r="span"][data-joined~="start"] { --in-s: 0px; }
[data-r="span"][data-joined~="end"] { --in-e: 0px; }
[data-r="span"]:is([data-cut~="start"], [data-joined~="start"]) > [data-part="line"] { --cap-s: 0px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
[data-r="span"]:is([data-cut~="end"], [data-joined~="end"]) > [data-part="line"] { --cap-e: 0px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
[data-r="span"]:is([data-cut~="start"], [data-joined~="start"]) > [data-part="line"]::before,
[data-r="span"]:is([data-cut~="end"], [data-joined~="end"]) > [data-part="line"]::after { display: none; }
@container span (max-width: 159px) {
  [data-r="span"]:not([data-kind="race"]) [data-part="meta"] { display: none; }
}
@container span (max-width: 39px) {
  [data-r="span"]:not([data-kind="race"]) [data-part="label"] { display: none; }
}
@container span (max-width: 79px) {
  [data-r="span"]:not([data-kind="race"]):has(> [data-part="text"] > svg[data-glyph]) [data-part="label"] { display: none; }
}
@container span (max-width: 25px) {
  [data-r="span"]:not([data-kind="phase"]) > [data-part="line"] { display: none; }
  [data-r="span"] > [data-part="text"] { justify-content: center; margin: 0 -10px; }
}
@container span (max-width: 23px) {
  [data-r="span"][data-kind="race"] :is([data-part="label"], [data-part="meta"]) { display: none; }
}
@media (hover: hover) {
  [data-r="span"][role="button"]:hover { --ground: var(--plane-hover); background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="span"][role="button"][data-force~="hover"] { --ground: var(--plane-hover); background: var(--plane-hover); transition-duration: 0s; }
[data-r="span"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="span"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="span"][role="button"][aria-expanded="true"] { --ground: var(--plane-selected); background: var(--plane-selected); }
@media (hover: hover) {
  [data-r="span"][role="button"][aria-expanded="true"]:hover { --ground: var(--plane-selected-hover); background: var(--plane-selected-hover); }
}
[data-r="span"][role="button"][aria-expanded="true"][data-force~="hover"] { --ground: var(--plane-selected-hover); background: var(--plane-selected-hover); }
[data-r="span"][aria-expanded="true"] [data-part="meta"] { color: var(--ink-2); }
[data-r="span"] > [data-part="edge"] { position: absolute; z-index: 1; top: 0; bottom: 0; width: 8px; cursor: ew-resize; touch-action: none; }
[data-r="span"] > [data-part="edge"][data-side="start"] { left: 0; }
[data-r="span"] > [data-part="edge"][data-side="end"] { right: 0; }
[data-r="span"] > [data-part="edge"]::after { content: ""; position: absolute; top: 15px; height: 12px; width: 2px; border-radius: var(--r-press); background: currentColor; opacity: 0; transition: opacity var(--state-out); }
[data-r="span"] > [data-part="edge"][data-side="start"]::after { left: 2px; }
[data-r="span"] > [data-part="edge"][data-side="end"]::after { right: 2px; }
@media (hover: hover) {
  [data-r="span"]:is(:hover, :focus-visible, [data-held]) > [data-part="edge"]::after { opacity: .5; transition-duration: 0s; }
}
[data-r="span"]:is([data-force~="hover"], :focus-visible, [data-held]) > [data-part="edge"]::after { opacity: .5; transition-duration: 0s; }
[data-r="span"][data-held] { z-index: 2; --ground: var(--raised); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="month-grid"] > [data-part="week"] > [data-r="span-lane"] { grid-column: 1 / -1; --lead-w: var(--week-w); padding-top: 4px; }
}

/* ═══ 76d-week-strip.css ═══ */
@layer components {
[data-r="week-strip"] { container: week-strip / inline-size; display: flex; flex-direction: column; width: 100%; min-width: 0; box-sizing: border-box; color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="week-strip"] > [data-part="weekdays"] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border-bottom: var(--px) solid var(--line-2); }
[data-r="week-strip"] > [data-part="weekdays"] > span { padding: 0 6px 6px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="week-strip"] > [data-part="week"] { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding-top: 6px; border-bottom: var(--px) solid var(--line-2); }
[data-r="week-strip"] [data-part="week"] > [data-part="head"] { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: var(--h-24); padding: 0 2px 0 6px; font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="week-strip"] [data-part="head"] > [data-part="title"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="week-strip"] [data-part="head"] > :is([data-part="range"], [data-part="block"], [data-part="note"]) { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="week-strip"] [data-part="head"] > :is([data-part="block"], [data-part="note"]) { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="week-strip"] [data-part="head"] > :is([data-part="title"], [data-part="range"], [data-part="total"], [data-part="menu"]) { flex: none; }
[data-r="week-strip"] [data-part="head"] > [data-part="total"] { margin-left: auto; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="week-strip"] [data-part="head"] > [data-part="total"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink-2); }
[data-r="week-strip"] [data-part="week"][data-over] [data-part="head"] > [data-part="total"] > b { color: var(--ink); }
[data-r="week-strip"] [data-part="head"] > [data-r="budget-bar"] { flex: 0 1 160px; min-width: 48px; }
[data-r="week-strip"] [data-part="week"] > [data-r="span-lane"] { margin: 0 0 2px; }
[data-r="week-strip"] [data-part="week"] > [data-part="days"] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); min-height: 64px; }
[data-r="week-strip"] [data-part="day"] { position: relative; display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 0 4px 6px; border-left: var(--px) solid var(--line-1); outline: none; }
[data-r="week-strip"] [data-part="day"]:first-child { border-left: 0; }
[data-r="week-strip"] [data-part="day-head"] { display: flex; align-items: center; gap: 4px; height: var(--h-20); padding: 0 2px; font-variant-numeric: tabular-nums; }
[data-r="week-strip"] [data-part="day-head"] > [data-part="date"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="week-strip"] [data-part="day"][data-today] [data-part="day-head"] > [data-part="date"] { font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="week-strip"] [data-part="day"] > [data-part="lane"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
@container week-strip (max-width: 759px) {
  [data-r="week-strip"] [data-part="lane"] > [data-r="calendar-session"][data-size="line"] > [data-part="rs"] { display: none; }
}
[data-r="week-strip"] [data-part="week"][data-loading] [data-part="head"] > [data-r="skeleton"] { width: 120px; }
[data-r="week-strip"] [data-part="week"][data-loading] [data-part="day"] > [data-r="skeleton"] { margin: 4px 2px 0; }
@container week-strip (max-width: 479px) {
  [data-r="week-strip"] > [data-part="weekdays"] > span { padding: 0 2px 6px; text-align: center; }
  [data-r="week-strip"] [data-part="week"] > [data-part="head"] { flex-wrap: wrap; row-gap: 2px; }
  [data-r="week-strip"] [data-part="head"] > [data-part="block"] { display: none; }
  [data-r="week-strip"] [data-part="head"] > [data-r="budget-bar"] { order: 1; flex: 1 1 100%; margin-bottom: 4px; }
  [data-r="week-strip"] [data-part="day"] { align-items: center; padding: 0 2px 6px; }
  [data-r="week-strip"] [data-part="day-head"] { justify-content: center; }
  [data-r="week-strip"] [data-part="day"] > [data-part="lane"] { flex-direction: row; flex-wrap: wrap; justify-content: center; }
  [data-r="week-strip"] [data-part="lane"] > [data-r="calendar-session"] { padding: 0; background: transparent; box-shadow: none; border: 0; }
  [data-r="week-strip"] [data-part="lane"] > [data-r="calendar-session"] > :not([data-r="status"]) { display: none; }
}
[data-r="week-strip"][data-size="phone"] { gap: 2px; }
[data-r="week-strip"][data-size="phone"] > [data-part="weekdays"] { border-bottom: 0; }
[data-r="week-strip"][data-size="phone"] > [data-part="weekdays"] > span { padding: 0 0 2px; text-align: center; }
[data-r="week-strip"][data-size="phone"] > [data-part="days"] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2px; }
[data-r="week-strip"][data-size="phone"] [data-part="day"] { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; height: var(--h-44); padding: 5px 0 0; box-sizing: border-box; border-left: 0; border-radius: var(--r-row); color: var(--ink); outline: none; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); font-variant-numeric: tabular-nums; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="week-strip"][data-size="phone"] [data-part="day"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="week-strip"][data-size="phone"] [data-part="day"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="week-strip"][data-size="phone"] [data-part="day"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="week-strip"][data-size="phone"] [data-part="day"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="week-strip"][data-size="phone"] [data-part="day"][aria-selected="true"] { background: var(--plane-selected); }
@media (hover: hover) {
  [data-r="week-strip"][data-size="phone"] [data-part="day"][aria-selected="true"]:hover { background: var(--plane-selected-hover); }
}
[data-r="week-strip"][data-size="phone"] [data-part="day"][aria-selected="true"][data-force~="hover"] { background: var(--plane-selected-hover); }
[data-r="week-strip"][data-size="phone"] [data-part="day"][data-today] { font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="week-strip"][data-size="phone"] [data-part="day"] > [data-part="load"] { position: relative; display: block; flex: none; width: 4px; height: 12px; }
[data-r="week-strip"][data-size="phone"] [data-part="load"] > :is([data-part="done"], [data-part="planned"]) { border-radius: 1px 1px 0 0; }
[data-r="week-strip"][data-size="phone"] [data-part="load"] > [data-part="planned"] { box-shadow: inset 0 0 0 1px var(--ch-load); }
[data-r="week-strip"][data-size="phone"] [data-part="load"] > [data-part="done"] { position: absolute; left: 0; right: 0; bottom: 0; height: var(--done); background: var(--ch-load); }
[data-r="week-strip"][data-size="phone"] [data-part="load"] > [data-part="planned"] { position: absolute; left: 0; right: 0; bottom: var(--done); height: var(--plan); box-sizing: border-box; }
}

/* ═══ 76e-day-curve.css ═══ */
@layer components {
[data-r="day-curve"] { --lead-w: 0px; --plot-h: 40px; --c: var(--ink-2); container: day-curve / inline-size; display: grid; grid-template-columns: min(var(--lead-w), 30%) minmax(0, 1fr); width: 100%; min-width: 0; margin: 0; box-sizing: border-box; color: var(--ink-2); font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="day-curve"][data-size="32"] { --plot-h: 32px; }
[data-r="day-curve"] > [data-part="head"] { grid-column: 2; display: flex; align-items: baseline; gap: 6px; min-width: 0; padding: 0 4px 2px; white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="day-curve"][data-lead] > [data-part="head"] { grid-column: 1; grid-row: 1 / span 3; flex-wrap: wrap; align-content: flex-start; gap: 2px 6px; padding: 4px 12px 0 0; }
[data-r="day-curve"] > [data-part="head"] > [data-part="name"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink); }
[data-r="day-curve"] > [data-part="head"] > [data-part="value"] { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="day-curve"] > [data-part="head"] > [data-part="value"] small { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="day-curve"] > [data-part="head"] > [data-part="meta"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="day-curve"] > [data-part="axis"] { grid-column: 2; position: relative; height: 18px; border-bottom: var(--px) solid var(--line-2); }
[data-r="day-curve"] > [data-part="axis"] > span { container: curve-axis / inline-size; position: absolute; top: 0; left: calc(var(--from) / var(--days) * 100%); width: calc(var(--len) / var(--days) * 100%); height: var(--lh-11); padding-left: 4px; box-sizing: border-box; border-left: var(--px) solid var(--line-2); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; }
@container curve-axis (max-width: 39px) {
  [data-r="day-curve"] > [data-part="axis"] [data-part="weekday"] { display: none; }
}
@container curve-axis (max-width: 18px) {
  [data-r="day-curve"] > [data-part="axis"] > span:not([data-monday]) > [data-part="label"] { display: none; }
  [data-r="day-curve"] > [data-part="axis"] > span[data-monday] > [data-part="label"] { position: relative; z-index: 1; padding-right: 4px; background: var(--plane); }
}
[data-r="day-curve"] > [data-part="axis"] > span[data-today] { font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="day-curve"] > [data-part="plot"] { grid-column: 2; position: relative; height: var(--plot-h); min-width: 0; outline: none; }
[data-r="day-curve"] > [data-part="plot"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; border-radius: var(--r-key); }
[data-r="day-curve"] > [data-part="plot"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 1px; border-radius: var(--r-key); }
[data-r="day-curve"] [data-part="band"] { position: absolute; left: 0; right: 0; top: calc(var(--hi) * 1%); bottom: calc(100% - var(--lo) * 1%); background: var(--a10); pointer-events: none; }
[data-r="day-curve"] [data-part="zero"] { position: absolute; left: 0; right: 0; top: calc(var(--v) * 1%); height: 1px; background: var(--chart-grid); pointer-events: none; }
[data-r="day-curve"] [data-part="today"] { position: absolute; top: 0; bottom: 0; left: calc((var(--at) + .5) / var(--days) * 100%); width: 1px; margin-left: -.5px; /* allow: spacing · half the hairline, so it stands on the middle of the day */ background: var(--accent); pointer-events: none; }
[data-r="day-curve"] [data-part="curve"] { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
[data-r="day-curve"] [data-part="curve"] > path { fill: none; stroke: var(--c); stroke-width: 1.5px; stroke-linejoin: round; stroke-linecap: round; }
[data-r="day-curve"] [data-part="curve"] > path[data-part="planned"] { stroke-dasharray: 3 3; stroke-linecap: butt; }
[data-r="day-curve"] [data-part="point"] { position: absolute; z-index: 1; left: calc((var(--at) + .5) / var(--days) * 100%); top: calc(var(--v) * 1%); width: 6px; height: 6px; translate: -50% -50%; box-sizing: border-box; border-radius: var(--r-round); background: var(--c); box-shadow: 0 0 0 1.5px var(--plane); pointer-events: none; visibility: hidden; }
[data-r="day-curve"] [data-part="point"][data-planned] { background: var(--plane); box-shadow: inset 0 0 0 1.5px var(--c), 0 0 0 1.5px var(--plane); }
[data-r="day-curve"] [data-part="point"]:is([data-today], [data-last], [data-shown]):not([data-missing]) { visibility: visible; }
[data-r="day-curve"] [data-part="point"][data-missing] { top: 50%; }
[data-r="day-curve"] [data-part="readout"] { position: absolute; z-index: 3; bottom: calc(100% + 4px); left: calc((var(--at) + .5) / var(--days) * 100%); translate: -50% 0; display: flex; align-items: baseline; gap: 6px; box-sizing: border-box; padding: 4px 8px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="day-curve"] [data-part="readout"][data-side="start"] { translate: -12px 0; }
[data-r="day-curve"] [data-part="readout"][data-side="end"] { translate: calc(12px - 100%) 0; }
[data-r="day-curve"] [data-part="readout"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="day-curve"] [data-part="readout"][hidden] { display: none; }
[data-r="day-curve"] [data-part="empty"] { position: absolute; inset: 0; display: flex; align-items: center; padding-left: 4px; color: var(--ink-3); white-space: nowrap; }
[data-r="day-curve"] [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@container day-curve (max-width: 359px) {
  [data-r="day-curve"]:not([data-lead]) > [data-part="head"] > [data-part="meta"] { display: none; }
}
[data-r="week-grid"] > [data-r="day-curve"] { padding: 6px 0 2px; border-top: var(--px) solid var(--line-1); }
[data-r="week-grid"] > [data-r="day-curve"] + [data-r="day-curve"] { border-top: 0; padding-top: 2px; }
[data-r="week-grid"] > [data-r="day-curve"] > [data-part="axis"] { display: none; }
@container week-grid (max-width: 699px) {
  [data-r="week-grid"] > [data-r="day-curve"] > [data-part="axis"] { display: block; }
}
[data-r="week-strip"] [data-part="week"] > [data-r="day-curve"] { padding: 0 0 6px; }
[data-r="month-grid"] > [data-part="week"] > [data-r="day-curve"] { grid-column: 1 / -1; --lead-w: var(--week-w); padding: 0 0 6px; }
}

/* ═══ 76f-recurrence.css ═══ */
@layer components {
[data-r="recurrence"][data-size="line"] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="recurrence"][data-size="line"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="recurrence"][data-size="line"] > [data-part="rule"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--ink-2); }
[data-r="recurrence"][data-size="line"] > [data-part="exceptions"] { flex: none; color: var(--ink-3); }
[data-r="recurrence"][data-size="line"] [data-part="left"] { color: var(--ink-3); }
[data-r="recurrence"]:not([data-size]) { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); container: recurrence / inline-size; display: flex; flex-direction: column; width: 100%; max-width: 560px; box-sizing: border-box; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="recurrence"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-height: var(--row-44); padding: 0 8px 0 20px; border-bottom: var(--px) solid var(--line-2); }
[data-r="recurrence"] > [data-part="head"] > [data-part="title"] { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="recurrence"] > [data-part="head"] > [data-part="what"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="recurrence"] > [data-part="body"] { display: flex; flex-direction: column; gap: 14px; padding: 14px 20px 16px; }
[data-r="recurrence"] [data-part="words"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="recurrence"] [data-part="words"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="recurrence"] [data-part="rows"] { display: flex; flex-direction: column; gap: 8px; }
[data-r="recurrence"] [data-part="row"] { display: flex; align-items: center; gap: 8px; min-height: var(--row-28); min-width: 0; }
[data-r="recurrence"] [data-part="row"][hidden] { display: none; }
[data-r="recurrence"] [data-part="row"] > [data-part="label"] { flex: none; width: 56px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="recurrence"] [data-part="row"] > [data-r="field"] { width: 96px; }
[data-r="recurrence"] [data-part="row"] > [data-r="field"][hidden] { display: none; }
[data-r="recurrence"] [data-part="row"] > [data-r="chips"] { flex-wrap: wrap; }
[data-r="recurrence"] [data-part="problem"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--warning-ink); }
[data-r="recurrence"] [data-part="problem"][hidden] { display: none; }
[data-r="recurrence"] [data-part="weeks"] { display: flex; flex-direction: column; gap: 2px; user-select: none; }
[data-r="recurrence"] [data-part="weeks"] > :is([data-part="weekdays"], [data-part="week"]) { display: grid; grid-template-columns: 28px repeat(7, minmax(0, 1fr)); gap: 0 2px; }
[data-r="recurrence"] [data-part="weekdays"] > span { padding-bottom: 2px; text-align: center; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="recurrence"] [data-part="week"] > [data-part="name"] { display: flex; align-items: center; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="recurrence"] [data-part="week"] > [data-part="day"] { position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; min-width: 0; height: var(--h-28); padding: 0; border: 0; border-radius: var(--r-row); background: transparent; outline: none; cursor: default; font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="recurrence"] [data-part="week"] > [data-part="day"]:not([aria-disabled="true"]):hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="recurrence"] [data-part="week"] > [data-part="day"]:not([aria-disabled="true"])[data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="recurrence"] [data-part="week"] > [data-part="day"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="recurrence"] [data-part="week"] > [data-part="day"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="recurrence"] [data-part="week"] > [data-part="day"]::after { content: ""; width: 6px; height: 6px; box-sizing: border-box; border-radius: var(--r-round); flex: none; background: transparent; }
[data-r="recurrence"] [data-part="week"] > [data-part="day"]:is([data-state="on"], [data-state="moved-to"]) { color: var(--ink); font-weight: var(--fw-500); }
[data-r="recurrence"] [data-part="week"] > [data-part="day"]:is([data-state="on"], [data-state="moved-to"])::after { background: var(--ink-2); }
[data-r="recurrence"] [data-part="week"] > [data-part="day"]:is([data-state="on"], [data-state="moved-to"])[data-past]::after { background: var(--ink-4); }
[data-r="recurrence"] [data-part="week"] > [data-part="day"][data-past]:not([data-today]) { color: var(--ink-3); font-weight: var(--fw-450); }
[data-r="recurrence"] [data-part="week"] > [data-part="day"]:is([data-state="skipped"], [data-state="moved-from"])::after { box-shadow: inset 0 0 0 1.5px var(--ink-4); }
[data-r="recurrence"] [data-part="week"] > [data-part="day"][data-state="off"]::after { width: 0; }
[data-r="recurrence"] [data-part="week"] > [data-part="day"][data-today] { color: var(--accent-ink); font-weight: var(--fw-550); }
[data-r="recurrence"] [data-part="week"] > [data-part="day"][data-outside] { color: var(--ink-disabled); }
[data-r="recurrence"] [data-r="list"][data-part="exceptions"] { padding: 0; margin: 0 -20px; }
[data-r="recurrence"] [data-r="list"][data-part="exceptions"][hidden] { display: none; }
[data-r="recurrence"] [data-part="exceptions"] > [data-r="list-row"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="recurrence"] > [data-part="foot"] { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding: 10px 12px; border-top: var(--px) solid var(--line-2); }
[data-r="recurrence"] > [data-part="foot"] > [data-part="scope"] { margin-right: auto; }
@container recurrence (max-width: 439px) {
  [data-r="recurrence"] > [data-part="foot"] > [data-part="scope"] { flex-basis: 100%; }
  [data-r="recurrence"] [data-part="row"]:is([data-name="days"], [data-name="ends"]) { flex-wrap: wrap; }
}
}

/* ═══ 77-timeline.css ═══ */
@layer components {
[data-r="timeline"] { --name-w: 184px; --row-h: var(--row-36); --axis-h: 48px; --dpx: 8px; container: timeline / inline-size; position: relative; display: flex; flex-direction: column; min-width: 0; color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="timeline"] > [data-part="head"] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; min-height: 40px; padding-bottom: 8px; }
[data-r="timeline"] > [data-part="head"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="timeline"] > [data-part="head"] > [data-part="range"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="timeline"] > [data-part="head"] > [data-part="spacer"] { flex: 1; }
[data-r="timeline"] > [data-part="viewport"] { position: relative; overflow: auto hidden; overscroll-behavior-x: contain; border-top: var(--px) solid var(--line-2); border-bottom: var(--px) solid var(--line-2); outline: none; }
[data-r="timeline"] > [data-part="viewport"]:focus-visible { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="timeline"] > [data-part="viewport"][data-force~="focus"] { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="timeline"] [data-part="canvas"] { position: relative; width: calc(var(--name-w) + var(--days) * var(--dpx)); min-width: 100%; }
[data-r="timeline"] [data-part="axis"] { position: sticky; top: 0; z-index: 2; display: flex; height: var(--axis-h); background: var(--plane); border-bottom: var(--px) solid var(--line-2); }
[data-r="timeline"] [data-part="corner"] { position: sticky; left: 0; z-index: 3; flex: none; display: flex; align-items: flex-end; width: var(--name-w); padding: 0 12px 8px 16px; background: var(--plane); border-right: var(--px) solid var(--line-2); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="timeline"] [data-part="scale"] { position: relative; flex: none; width: calc(var(--days) * var(--dpx)); overflow: hidden; }
[data-r="timeline"] [data-part="scale"] > [data-part="upper"] > span { position: absolute; top: 7px; left: calc(var(--d) * var(--dpx)); padding-left: 6px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); white-space: nowrap; }
[data-r="timeline"] [data-part="scale"] > [data-part="upper"] > span::before { content: ""; position: absolute; left: 0; top: -7px; height: var(--axis-h); width: 1px; background: var(--line-2); }
[data-r="timeline"] [data-part="scale"] > [data-part="lower"] > span { position: absolute; top: 27px; left: calc(var(--d) * var(--dpx)); width: calc(var(--n, 1) * var(--dpx)); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; text-align: center; }
[data-r="timeline"] [data-part="scale"] > [data-part="lower"][data-align="start"] > span { padding-left: 5px; text-align: left; }
[data-r="timeline"] [data-part="scale"] > [data-part="lower"] > span[data-covered] { visibility: hidden; }
[data-r="timeline"] [data-part="scale"] > [data-part="lower"] > span[data-today] { font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="timeline"][data-zoom="weeks"] [data-part="scale"] > [data-part="today-label"] { display: none; }
[data-r="timeline"] [data-part="scale"] > [data-part="today-label"] { position: absolute; z-index: 1; bottom: 4px; left: calc((var(--today) + .5) * var(--dpx)); translate: -50% 0; padding: 0 5px; border-radius: var(--r-press); background: var(--accent); color: var(--on-accent); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); white-space: nowrap; pointer-events: none; }
[data-r="timeline"] [data-part="lines"] { position: absolute; z-index: 0; top: var(--axis-h); bottom: 0; left: var(--name-w); width: calc(var(--days) * var(--dpx)); pointer-events: none; }
[data-r="timeline"] [data-part="lines"] > span { position: absolute; top: 0; bottom: 0; left: calc(var(--d) * var(--dpx)); width: 1px; background: var(--line-1); }
[data-r="timeline"] [data-part="lines"] > span[data-kind="month"] { background: var(--line-2); }
[data-r="timeline"] [data-part="row"] { position: relative; display: flex; height: var(--row-h); border-bottom: var(--px) solid var(--line-1); }
[data-r="timeline"] [data-part="row"]:last-of-type { border-bottom: 0; }
[data-r="timeline"] [data-part="name"] { position: sticky; left: 0; z-index: 2; flex: none; display: flex; align-items: center; gap: 8px; min-width: 0; width: var(--name-w); padding: 0 12px 0 16px; background: var(--plane); border-right: var(--px) solid var(--line-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="timeline"] [data-part="name"] > [data-part="label"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="timeline"] [data-part="name"] > [data-part="meta"] { margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="timeline"] [data-part="row"][data-kind="marks"] [data-part="name"] { font-weight: var(--fw-450); color: var(--ink-2); }
[data-r="timeline"] [data-part="track"] { position: relative; z-index: 1; flex: none; width: calc(var(--days) * var(--dpx)); }
[data-r="timeline"] [data-part="bar"] { position: absolute; top: 6px; left: calc(var(--d) * var(--dpx)); display: flex; align-items: center; gap: 6px; width: max(8px, calc(var(--n) * var(--dpx))); height: var(--h-24); padding: 0 10px; box-sizing: border-box; border-radius: var(--r-row); background: var(--scale-rank-1); color: var(--scale-rank-1-on); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); white-space: nowrap; overflow: clip; cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none; outline: none; transition: box-shadow var(--state-out); }
[data-r="timeline"] [data-part="bar"][data-step="2"] { background: var(--scale-rank-2); color: var(--scale-rank-2-on); }
[data-r="timeline"] [data-part="bar"][data-step="3"] { background: var(--scale-rank-3); color: var(--scale-rank-3-on); }
[data-r="timeline"] [data-part="bar"][data-step="4"] { background: var(--scale-rank-4); color: var(--scale-rank-4-on); }
[data-r="timeline"] [data-part="bar"][data-step="rest"] { background: var(--well); color: var(--ink-2); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="timeline"] [data-part="bar"] > [data-part="text"] { position: sticky; left: calc(var(--name-w) + 10px); display: flex; align-items: center; gap: 6px; min-width: 0; }
[data-r="timeline"] [data-part="bar"] [data-part="label"] { flex: none; }
[data-r="timeline"] [data-part="bar"][data-tight] > :is([data-part="text"], [data-part="label"], [data-part="dates"]) { visibility: hidden; }
[data-r="timeline"] [data-part="bar"] [data-part="dates"] { min-width: 0; overflow: hidden; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); font-variant-numeric: tabular-nums; }
[data-r="timeline"] [data-part="bar"] > [data-part="edge"] { position: absolute; z-index: 1; top: 0; bottom: 0; width: 8px; cursor: ew-resize; }
[data-r="timeline"] [data-part="bar"] > [data-part="edge"][data-side="start"] { left: 0; }
[data-r="timeline"] [data-part="bar"] > [data-part="edge"][data-side="end"] { right: 0; }
[data-r="timeline"] [data-part="bar"] > [data-part="edge"]::after { content: ""; position: absolute; top: 7px; bottom: 7px; left: 3px; width: 2px; border-radius: var(--r-press); background: currentColor; opacity: 0; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-r="timeline"] [data-part="bar"]:is(:hover, :focus-visible, [data-held]) > [data-part="edge"]::after { opacity: .5; transition-duration: 0s; }
}
[data-r="timeline"] [data-part="bar"]:is([data-force~="hover"], :focus-visible, [data-held]) > [data-part="edge"]::after { opacity: .5; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="timeline"] [data-part="bar"]:hover { box-shadow: 0 0 0 var(--px) var(--line-4); transition-duration: 0s; }
}
[data-r="timeline"] [data-part="bar"][data-force~="hover"] { box-shadow: 0 0 0 var(--px) var(--line-4); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="timeline"] [data-part="bar"][data-step="rest"]:hover { box-shadow: inset 0 0 0 var(--px) var(--line-4); }
}
[data-r="timeline"] [data-part="bar"][data-step="rest"][data-force~="hover"] { box-shadow: inset 0 0 0 var(--px) var(--line-4); }
[data-r="timeline"] [data-part="bar"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="timeline"] [data-part="bar"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="timeline"] [data-part="bar"][data-held] { z-index: 2; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="timeline"] [data-part="row"][data-kind="phase"] > [data-part="name"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="timeline"] [data-part="row"][data-kind="phase"] > [data-part="name"] > [data-part="meta"] { font-weight: var(--fw-450); }
[data-r="timeline"] [data-part="bar"][data-variant="phase"] { top: calc((var(--row-h) - 8px) / 2); height: 8px; padding: 0; overflow: hidden; border-radius: var(--r-press); background: var(--a10); color: inherit; cursor: default; transition: none; }
[data-r="timeline"] [data-part="bar"][data-variant="phase"] > [data-part="done"] { position: absolute; inset: 0 auto 0 0; width: calc(var(--done, 0) * 100%); border-radius: inherit; background: var(--ink-2); }
@media (hover: hover) {
  [data-r="timeline"] [data-part="bar"][data-variant="phase"]:hover { box-shadow: 0 0 0 var(--px) var(--line-4); }
}
[data-r="timeline"] [data-part="bar"][data-variant="phase"][data-force~="hover"] { box-shadow: 0 0 0 var(--px) var(--line-4); }
[data-r="timeline"] [data-part="bar"][data-variant="phase"][data-done] > [data-part="done"] { width: 100%; }
[data-r="timeline"] [data-part="milestone"] { position: absolute; top: 6px; left: calc((var(--d) + .5) * var(--dpx)); display: flex; align-items: center; gap: 6px; height: var(--h-24); margin-left: -10px; padding: 0 6px 0 3px; border-radius: var(--r-press); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); white-space: nowrap; transition: background-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="timeline"] button[data-part="milestone"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="timeline"] button[data-part="milestone"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="timeline"] button[data-part="milestone"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="timeline"] button[data-part="milestone"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
@media (pointer: coarse) {
  [data-r="timeline"] button[data-part="milestone"]::after { content: ""; position: absolute; top: 50%; left: 50%; width: var(--h-44); height: var(--h-44); transform: translate(-50%, -50%); }
}
[data-r="timeline"] [data-part="milestone"][data-compact] { padding-right: 3px; }
[data-r="timeline"] [data-part="milestone"][data-compact] > [data-part="label"] { display: none; }
[data-r="timeline"] [data-part="milestone"] > [data-part="diamond"] { flex: none; width: 10px; height: 10px; margin: 0 2px; background: var(--ink); transform: rotate(45deg); }
[data-r="timeline"] [data-part="row"][data-indent] > [data-part="name"] { padding-left: 28px; }
[data-r="timeline"] [data-part="bar"][data-fixed] { cursor: default; }
[data-r="timeline"] [data-part="row"][aria-current="true"] > [data-part="name"] { background: var(--plane-selected); }
[data-r="timeline"] [data-part="name"] > button[data-part="label"] { display: block; text-align: left; border-radius: var(--r-press); }
[data-r="timeline"] [data-part="name"] > button[data-part="label"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="timeline"] [data-part="name"] > button[data-part="label"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="timeline"] [data-part="row"][data-marks="under"] { height: calc(var(--row-h) + 24px); }
[data-r="timeline"] [data-part="row"][data-marks="under"] [data-part="milestone"] { top: 32px; }
[data-r="timeline"] [data-part="today"] { position: absolute; z-index: 1; top: var(--axis-h); bottom: 0; left: calc(var(--name-w) + (var(--today) + .5) * var(--dpx)); width: 1px; background: var(--accent); pointer-events: none; }
@container timeline (max-width: 559px) {
  [data-r="timeline"] > [data-part="viewport"] { --name-w: 124px; }
  [data-r="timeline"] [data-part="name"] { padding: 0 8px 0 12px; }
  [data-r="timeline"] [data-part="name"] > [data-part="meta"] { display: none; }
  [data-r="timeline"] [data-part="corner"] { padding-left: 12px; }
}
[data-r="timeline"][data-zoom="days"] [data-part="scale"] > [data-part="today-label"] { display: none; }
[data-r="timeline"] [data-part="name"] > [data-part="fold"] { flex: none; display: flex; align-items: center; justify-content: center; width: var(--h-20); height: var(--h-20); margin: 0 -4px 0 -6px; border-radius: var(--r-press); color: var(--ink-3); transition: background-color var(--state-out), color var(--state-out); }
[data-r="timeline"] [data-part="name"] > [data-part="fold"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); transition: transform var(--state-out); }
[data-r="timeline"] [data-part="name"] > [data-part="fold"][aria-expanded="false"] > svg[data-icon] { transform: rotate(-90deg); }
@media (hover: hover) {
  [data-r="timeline"] [data-part="name"] > [data-part="fold"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="timeline"] [data-part="name"] > [data-part="fold"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="timeline"] [data-part="name"] > [data-part="fold"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="timeline"] [data-part="name"] > [data-part="fold"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="timeline"] [data-part="row"][data-kind="sub"] { height: var(--row-28); }
[data-r="timeline"] [data-part="row"][data-kind="sub"] > [data-part="name"] { padding-left: 48px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); }
[data-r="timeline"] [data-part="piece"] { position: absolute; top: 4px; left: calc(var(--d) * var(--dpx)); display: flex; align-items: center; width: max(4px, calc(var(--n) * var(--dpx) - 2px)); height: var(--h-20); padding: 0 6px; box-sizing: border-box; border-radius: var(--r-press); background: var(--scale-rank-1); color: var(--scale-rank-1-on); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: clip; }
[data-r="timeline"] [data-part="piece"][data-step="2"] { background: var(--scale-rank-2); color: var(--scale-rank-2-on); }
[data-r="timeline"] [data-part="piece"][data-step="3"] { background: var(--scale-rank-3); color: var(--scale-rank-3-on); }
[data-r="timeline"] [data-part="piece"][data-step="4"] { background: var(--scale-rank-4); color: var(--scale-rank-4-on); }
[data-r="timeline"] [data-part="piece"][data-step="rest"] { background: var(--well); color: var(--ink-2); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="timeline"][data-zoom="quarters"] [data-part="piece"] > [data-part="label"] { display: none; }
[data-r="timeline"] [data-part="canvas"] > [data-part="links"] { position: absolute; z-index: 1; top: 0; left: 0; overflow: visible; pointer-events: none; }
[data-r="timeline"] [data-part="links"] path { fill: none; stroke: var(--ink-3); stroke-width: 1; }
[data-r="timeline"] [data-part="links"] path[data-part="head"] { fill: var(--ink-3); stroke: none; }
[data-r="timeline"] [data-part="links"] [data-state="broken"] path { stroke: var(--status-warning); }
[data-r="timeline"] [data-part="links"] [data-state="broken"] path[data-part="head"] { fill: var(--status-warning); stroke: none; }
[data-r="timeline"] [data-part="row"][data-kind="count"] { border-top: var(--px) solid var(--line-2); }
[data-r="timeline"] [data-part="row"][data-kind="count"] [data-part="name"] { font-weight: var(--fw-450); color: var(--ink-2); }
[data-r="timeline"] [data-kind="count"] [data-part="cell"] { position: absolute; top: 0; bottom: 0; left: calc(var(--d) * var(--dpx)); width: calc(var(--n) * var(--dpx)); }
[data-r="timeline"] [data-kind="count"] [data-part="cell"] > i { position: absolute; left: 1px; right: 1px; }
[data-r="timeline"] [data-kind="count"] [data-part="cell"] > [data-part="done"] { bottom: 4px; height: calc(var(--done) * 28px); background: var(--ch-load); }
[data-r="timeline"] [data-kind="count"] [data-part="cell"] > [data-part="planned"] { bottom: calc(4px + var(--done) * 28px); height: calc(var(--plan) * 28px); background: var(--ch-load-planned); }
@container timeline (max-width: 559px) {
  [data-r="timeline"] [data-part="row"][data-kind="sub"] > [data-part="name"] { padding-left: 40px; }
}
}

/* ═══ 77a-range-select.css ═══ */
@layer components {
[data-r="range-select"] { position: absolute; inset: 0; z-index: 2; pointer-events: none; outline: none; }
[data-r="range-select"] > [data-part="band"] { position: absolute; top: 0; bottom: 0; left: calc(var(--from) / var(--cols, 7) * 100%); width: calc(var(--len) / var(--cols, 7) * 100%); box-sizing: border-box; border-radius: var(--r-row); box-shadow: 0 0 0 1px var(--accent); }
[data-r="range-select"] > [data-part="band"]:not([data-start]) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
[data-r="range-select"] > [data-part="band"]:not([data-end]) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
[data-r="range-select"][data-unit="minute"] > [data-part="band"] { top: calc((var(--a) - var(--start)) * var(--hour) / 60); bottom: auto; left: 2px; width: calc(100% - 4px); height: calc((var(--b) - var(--a)) * var(--hour) / 60); }
[data-r="range-select"] [data-part="handle"] { position: absolute; z-index: 1; top: 50%; width: 10px; height: 10px; translate: -50% -50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); pointer-events: auto; touch-action: none; cursor: ew-resize; transition: transform var(--state-out); }
[data-r="range-select"] [data-part="handle"]::before { content: ""; position: absolute; inset: -7px; border-radius: inherit; }
@media (hover: hover) {
  [data-r="range-select"] [data-part="handle"]:hover { transform: scale(1.2); transition-duration: 0s; }
}
[data-r="range-select"] [data-part="handle"][data-force~="hover"] { transform: scale(1.2); transition-duration: 0s; }
[data-r="range-select"] [data-part="handle"][data-held] { transform: scale(1.3); transition: none; }
[data-r="range-select"] [data-part="handle"][data-side="start"] { left: 0; }
[data-r="range-select"] [data-part="handle"][data-side="end"] { left: 100%; }
[data-r="range-select"][data-unit="minute"] [data-part="handle"] { left: 50%; cursor: ns-resize; }
[data-r="range-select"][data-unit="minute"] [data-part="handle"][data-side="start"] { top: 0; }
[data-r="range-select"][data-unit="minute"] [data-part="handle"][data-side="end"] { top: 100%; }
[data-r="range-select"] [data-part="handle"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="range-select"] [data-part="handle"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="range-select"]:is(:focus-visible, [data-keys]) > [data-part="band"] { outline: 1px solid var(--accent); outline-offset: 2px; }
[data-r="range-select"]:is([data-force~="focus"], [data-keys]) > [data-part="band"] { outline: 1px solid var(--accent); outline-offset: 2px; }
[data-r="range-select"] [data-part="said"] { position: absolute; z-index: 3; bottom: calc(100% + 6px); right: calc(0px - var(--in, 0px)); display: none; padding: 4px 8px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; pointer-events: auto; /* a layer over what it covers: the drag holds the pointer, so it takes none from the days */ }
[data-r="range-select"][data-held] [data-part="said"] { display: block; }
[data-r="range-select"] [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
:is([data-r="week-grid"], [data-r="week-strip"] [data-part="week"]) > [data-part="days"]:has(> [data-r="range-select"]) { position: relative; }
[data-r="month-grid"] > [data-part="week"]:has(> [data-r="range-select"]) { position: relative; }
[data-r="month-grid"] > [data-part="week"] > [data-r="range-select"] { left: var(--week-w); }
@container week-grid (max-width: 699px) {
  [data-r="week-grid"] [data-r="range-select"] { display: none; }
}
}

/* ═══ 77b-scrubber.css ═══ */
@layer components {
[data-r="scrubber"] { --c: var(--ink-2); --track-h: 32px; container: scrubber / inline-size; min-width: 0; color: var(--ink-2); font-size: var(--fs-11); line-height: var(--lh-11); font-variant-numeric: tabular-nums; }
[data-r="scrubber"] > [data-part="body"] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: ". months ." "controls track end"; align-items: center; column-gap: 16px; row-gap: 4px; padding-bottom: 36px; }
[data-r="scrubber"] [data-part="controls"] { grid-area: controls; display: flex; align-items: center; gap: 2px; }
[data-r="scrubber"] [data-part="end"] { grid-area: end; display: flex; align-items: center; gap: 8px; }
[data-r="scrubber"] [data-part="months"] { grid-area: months; position: relative; height: 16px; }
[data-r="scrubber"] [data-part="months"] > span { position: absolute; top: 0; left: calc(var(--at) / var(--days) * 100%); padding-left: 4px; border-left: var(--px) solid var(--line-2); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; }
[data-r="scrubber"] [data-part="track"] { grid-area: track; position: relative; height: var(--track-h); min-width: 0; touch-action: none; }
[data-r="scrubber"] [data-part="today"] { position: absolute; top: 0; bottom: 0; left: calc((var(--t) + .5) / var(--days) * 100%); width: 1px; margin-left: -.5px; /* allow: spacing · half the hairline, so it stands on the middle of the day */ background: var(--accent); pointer-events: none; }
[data-r="scrubber"] [data-part="needle"] { position: absolute; top: 0; bottom: 0; left: calc((var(--at) + .5) / var(--days) * 100%); width: 1px; margin-left: -.5px; /* allow: spacing · half the hairline */ background: var(--ink-3); pointer-events: none; }
[data-r="scrubber"] [data-part="handle"] { position: absolute; z-index: 2; top: 50%; left: calc((var(--at) + .5) / var(--days) * 100%); width: 14px; height: 14px; translate: -50% -50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); cursor: ew-resize; transition: transform var(--state-out); }
[data-r="scrubber"] [data-part="handle"]::before { content: ""; position: absolute; inset: -7px; border-radius: inherit; }
@media (hover: hover) {
  [data-r="scrubber"] [data-part="handle"]:hover { transform: scale(1.14); transition-duration: 0s; }
}
[data-r="scrubber"] [data-part="handle"][data-force~="hover"] { transform: scale(1.14); transition-duration: 0s; }
[data-r="scrubber"] [data-part="handle"][data-held] { transform: scale(1.22); transition: none; }
[data-r="scrubber"] [data-part="handle"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="scrubber"] [data-part="handle"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="scrubber"] [data-part="readout"] { position: absolute; z-index: 1; top: calc(100% + 8px); left: calc((var(--at) + .5) / var(--days) * 100%); translate: -50% 0; display: flex; align-items: baseline; gap: 6px; font-weight: var(--fw-450); color: var(--ink-3); white-space: nowrap; pointer-events: none; }
[data-r="scrubber"] [data-part="readout"][data-side="start"] { translate: -7px 0; }
[data-r="scrubber"] [data-part="readout"][data-side="end"] { translate: calc(7px - 100%) 0; }
[data-r="scrubber"] [data-part="readout"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="scrubber"] [data-part="readout"] > [data-part="name"] { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="scrubber"] [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
[data-r="scrubber"][data-state="playing"] [data-part="handle"] { transition: none; }
[data-r="scrubber"] [data-part="curve"] { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
[data-r="scrubber"] [data-part="curve"] > path { fill: none; stroke: var(--c); stroke-width: 1.5px; stroke-linejoin: round; stroke-linecap: round; }
[data-r="scrubber"] [data-part="curve"] > path[data-part="planned"] { stroke-dasharray: 3 3; stroke-linecap: butt; }
[data-r="scrubber"] [data-part="zero"] { position: absolute; left: 0; right: 0; top: calc(var(--zero) * 1%); height: 1px; background: var(--chart-grid); pointer-events: none; }
[data-r="scrubber"] [data-part="handle"] { top: calc(var(--y) * 1%); }
[data-r="scrubber"][data-variant="bars"] { --track-h: 40px; --c: var(--ink-3); }
[data-r="scrubber"][data-variant="bars"] [data-part="bars"] { position: absolute; inset: 0; display: flex; align-items: flex-end; gap: 1px; pointer-events: none; }
[data-r="scrubber"][data-variant="bars"] [data-part="bars"] > i { flex: var(--w, 1) 1 0; min-width: 0; height: calc(max(.12, var(--h, .5)) * 100%); border-radius: 1px 1px 0 0; background: var(--kind, var(--c)); transition: background-color var(--state-out); }
[data-r="scrubber"][data-variant="bars"] [data-part="bars"] > i[data-kind="typed"] { --kind: var(--ink-3); }
[data-r="scrubber"][data-variant="bars"] [data-part="bars"] > i:is([data-kind="pasted"], [data-kind="dropped"]) { --kind: var(--info-dot); }
[data-r="scrubber"][data-variant="bars"] [data-part="bars"] > i[data-kind="agent"] { --kind: var(--clay-emphasized); }
[data-r="scrubber"][data-variant="bars"] [data-part="bars"] > i[data-kind="accepted"] { --kind: var(--success-dot); }
[data-r="scrubber"][data-variant="bars"] [data-part="bars"] > i:is([data-kind="restored"], [data-kind="undo"], [data-kind="system"], [data-kind="before"], [data-kind="unknown"]) { --kind: var(--ink-4); }
[data-r="scrubber"][data-variant="bars"] [data-part="bars"] > i[data-ahead] { background: var(--line-4); }
[data-r="scrubber"][data-variant="bars"] [data-part="sitting"] { position: absolute; top: -4px; bottom: 0; left: calc(var(--at) / var(--n) * 100%); width: 1px; margin-left: -1px; background: var(--line-3); pointer-events: none; }
[data-r="scrubber"][data-variant="bars"] :is([data-part="needle"], [data-part="handle"], [data-part="readout"]) { left: calc(var(--at) / var(--n) * 100%); }
[data-r="scrubber"][data-variant="bars"] [data-part="needle"] { top: -4px; background: var(--ink-2); }
[data-r="scrubber"][data-variant="bars"] [data-part="handle"] { top: 100%; }
[data-r="scrubber"][data-variant="bars"] [data-part="months"] > span { left: calc(var(--at) / var(--n) * 100%); }
[data-r="scrubber"][data-variant="bars"] [data-part="readout"] { top: calc(100% + 12px); }
[data-r="scrubber"][data-variant="bars"] [data-part="end"] > [data-part="speed"] { flex: none; }
[data-r="scrubber"][data-variant="bars"][data-state="playing"] [data-part="bars"] > i { transition: none; }
@container scrubber (max-width: 559px) {
  [data-r="scrubber"] > [data-part="body"] { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "controls end" "months months" "track track"; row-gap: 8px; }
  [data-r="scrubber"] [data-part="end"] { justify-self: end; }
}
}

/* ═══ 78-detail.css ═══ */
@layer components {
[data-r="title-block"] { display: flex; flex-direction: column; min-width: 0; max-width: var(--col-prose); }
[data-r="title-block"] > [data-part="eyebrow"] { display: flex; align-items: center; gap: 8px; min-height: 20px; margin-bottom: 4px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="title-block"] > [data-part="eyebrow"] > [data-part="id"] { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="title-block"] > [data-part="eyebrow"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="title-block"] > [data-part="eyebrow"] { min-width: 0; overflow: hidden; }
[data-r="title-block"] > [data-part="eyebrow"] > :is(svg, [data-r]) { flex: none; }
[data-r="title-block"] > [data-part="eyebrow"] > span:not([data-r]) { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="title-block"] > [data-part="title"] { min-height: 30px; margin: 0 0 0 -6px; padding: 0 6px; border-radius: var(--r-value); color: var(--ink); font-size: var(--fs-24); line-height: var(--lh-24); font-weight: var(--fw-550); text-wrap: balance; overflow-wrap: break-word; outline: none; cursor: text; transition: background-color var(--state-out), box-shadow var(--ring-in) var(--ease-ring); }
[data-r="title-block"] > [data-part="title"]:not([contenteditable]) { cursor: auto; }
@media (hover: hover) {
  [data-r="title-block"] > [data-part="title"][contenteditable]:hover:not(:focus) { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="title-block"] > [data-part="title"][contenteditable][data-force~="hover"]:not(:focus) { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="title-block"] > [data-part="title"]:is(:focus, [data-force~="focus"]) { background-color: transparent; box-shadow: var(--ring-inline); }
[data-r="title-block"] > [data-part="title"]:empty::before { content: attr(data-placeholder); color: var(--ink-3); pointer-events: none; }
[data-r="title-block"] > [data-part="summary"] { margin-top: 4px; font-size: var(--fs-14); line-height: var(--lh-14); color: var(--ink-2); text-wrap: pretty; }
[data-r="title-block"] > [data-part="meta"] { margin-top: 4px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); text-wrap: pretty; }
[data-r="title-block"] > [data-part="properties"] { margin-top: 12px; }
[data-r="title-block"] [data-r="fact"] > [data-r="status"] { width: 14px; height: 14px; margin-right: 4px; }
[data-r="title-block"] [data-r="fact"]:has(> [data-r="status"]:first-child) { padding-left: 5px; }
[data-r="update-card"] { position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 12px 12px 12px 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="update-card"] > *,
[data-r="latest-update"] > [data-part="writer"] > * { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); --ring-gap: var(--raised); }
[data-r="update-card"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-height: var(--h-24); min-width: 0; }
[data-r="update-card"] > [data-part="head"] > [data-part="author"] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; }
[data-r="update-card"] > [data-part="head"] > time { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="update-card"] > [data-part="head"] > [data-part="menu"] { margin-left: auto; }
[data-r="update-card"] > [data-r="prose"] { max-width: none; padding-right: 4px; }
[data-r="update-card"] > [data-part="foot"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 2px; }
[data-r="update-card"] > [data-part="foot"] > [data-part="comments"] { margin-left: auto; }
[data-r="update-card"] > [data-part="foot"] > [data-part="comments"] > [data-part="count"] { color: inherit; font-size: inherit; font-weight: inherit; }
[data-r="latest-update"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
[data-r="latest-update"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-height: var(--h-28); }
[data-r="latest-update"] > [data-part="head"] > [data-part="title"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="latest-update"] > [data-part="head"] > [data-part="actions"] { display: flex; align-items: center; gap: 4px; margin-left: auto; }
[data-r="latest-update"] > [data-part="empty"] { display: flex; align-items: center; gap: 12px; min-height: var(--row-52); padding: 8px 8px 8px 16px; border: var(--px) dashed var(--line-4); border-radius: var(--r-contain); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="latest-update"] > [data-part="empty"] > span { flex: 1; min-width: 0; }
[data-r="latest-update"] > [data-part="writer"] { display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="latest-update"] > [data-part="writer"] > [data-part="row"] { display: flex; align-items: center; gap: 8px; min-width: 0; }
[data-r="latest-update"] > [data-part="writer"] > [data-part="row"] > [data-part="label"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="latest-update"] > [data-part="writer"] > [data-part="bar"] { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
[data-r="latest-update"] > [data-part="writer"] > [data-part="bar"] > [data-part="hint"] { margin-right: auto; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="latest-update"] > [data-part="writer"] [data-r="field"][data-kind="area"] > textarea { min-height: 76px; }
[data-r="latest-update"] > [data-r="update-card"][data-arrived] { animation: r-update-in var(--scale-in) var(--ease-expo); }
@keyframes r-update-in { from { opacity: 0; transform: translateY(4px); } }
[data-r="link-row"] { position: relative; display: flex; align-items: center; gap: 4px; height: var(--row-40); padding: 0 6px 0 0; border-radius: var(--r-row); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); transition: background-color var(--state-out); }
[data-r="link-row"]:has(> [data-part="menu"][aria-expanded="true"]) { background-color: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="link-row"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="link-row"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="link-row"]:has(> [data-part="link"]:focus-visible) { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="link-row"]:has(> [data-part="link"][data-force~="focus"]) { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="link-row"] > [data-part="link"] { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; height: 100%; padding: 0 4px 0 9px; border-radius: inherit; color: inherit; outline: none; }
[data-r="link-row"] > [data-part="link"] > [data-part="tile"] { display: flex; align-items: center; justify-content: center; flex: none; width: 24px; height: 24px; border-radius: var(--r-key); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); color: var(--ink-2); overflow: hidden; }
[data-r="link-row"] > [data-part="link"] > [data-part="tile"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="link-row"] > [data-part="link"] > [data-part="tile"] > img { width: 16px; height: 16px; }
[data-r="link-row"] > [data-part="link"] > [data-part="title"] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink); }
[data-r="link-row"] > [data-part="link"] > [data-part="host"] { flex: 0 10 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="link-row"] > [data-part="link"] > [data-part="end"] { display: flex; align-items: center; gap: 6px; flex: none; margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="link-row"] > [data-part="menu"] { opacity: 0; transition: opacity var(--state-out), background-color var(--state-out), color var(--state-out); }
[data-r="link-row"]:has(> [data-part="link"]:foc) > [data-part="menu"] { opacity: 1; transition-duration: 0s; }
[data-r="link-row"] > [data-part="menu"]:is([aria-expanded="true"], :focus-visible),
[data-r="link-row"]:has(> [data-part="link"]:focus-visible) > [data-part="menu"] { opacity: 1; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="link-row"]:is(:hover, :focus-within) > [data-part="menu"] { opacity: 1; transition-duration: 0s; }
}
[data-r="link-row"]:is([data-force~="hover"], :focus-within) > [data-part="menu"],
[data-r="link-row"] > [data-part="menu"]:is([aria-expanded="true"], [data-force~="focus"]),
[data-r="link-row"]:has(> [data-part="link"][data-force~="focus"]) > [data-part="menu"] { opacity: 1; transition-duration: 0s; }
@media (hover: none) {
  [data-r="link-row"] > [data-part="menu"] { opacity: 1; }
}
[data-r="link-row"]:not([data-size="28"]) { container: link-row / inline-size; }
@container link-row (width < 400px) {
  [data-r="link-row"] > [data-part="link"]:has(> [data-part="title"] + [data-part="host"]) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: auto auto; align-content: center; column-gap: 10px; row-gap: 1px; }
  [data-r="link-row"] > [data-part="link"]:has(> [data-part="title"] + [data-part="host"]) > [data-part="tile"] { grid-row: 1 / 3; }
  [data-r="link-row"] > [data-part="link"]:has(> [data-part="title"] + [data-part="host"]) > [data-part="title"] { grid-column: 2; grid-row: 1; }
  [data-r="link-row"] > [data-part="link"]:has(> [data-part="title"] + [data-part="host"]) > [data-part="host"] { grid-column: 2; grid-row: 2; }
  [data-r="link-row"] > [data-part="link"]:has(> [data-part="title"] + [data-part="host"]) > [data-part="end"] { grid-column: 3; grid-row: 1 / 3; }
}
[data-r="link-row"][data-size="28"] { height: var(--row-28); padding-right: 2px; }
[data-r="link-row"][data-size="28"] > [data-part="link"] { gap: 8px; padding: 0 4px 0 8px; }
[data-r="link-row"][data-size="28"] > [data-part="link"] > svg[data-icon] { flex: none; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-2)); }
[data-r="link-row"][data-size="28"] > [data-part="link"] > [data-part="title"] { font-weight: var(--fw-450); color: var(--ink-2); transition: color var(--state-out); }
[data-r="link-row"][data-size="28"]:hov > [data-part="link"] > svg[data-icon] { color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="link-row"][data-size="28"]:hover > [data-part="link"] > [data-part="title"],
  [data-r="link-row"][data-size="28"]:hover > [data-part="link"] > svg[data-icon] { color: var(--ink); transition-duration: 0s; }
}
[data-r="link-row"][data-size="28"][data-force~="hover"] > [data-part="link"] > [data-part="title"],
[data-r="link-row"][data-size="28"][data-force~="hover"] > [data-part="link"] > svg[data-icon] { color: var(--ink); transition-duration: 0s; }
[data-r="link-row"][data-size="28"] > [data-part="menu"] { width: var(--h-20); height: var(--h-20); min-width: var(--h-20); }
[data-r="link-rows"] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
[data-r="link-row"] > [data-part="link"] > [data-part="title"][contenteditable] { margin: 0 -4px; padding: 0 4px; border-radius: var(--r-key); background: var(--raised); box-shadow: var(--ring-inline); outline: none; text-overflow: clip; cursor: text; }
[data-r="link-row"][data-leaving] { overflow: hidden; opacity: 0; transition: height var(--section) var(--ease-expo), opacity var(--opacity-out) linear; }
[data-r="session-page"] { display: flex; flex-direction: column; row-gap: 16px; min-width: 0; max-width: var(--col-prose); }
[data-r="session-page"] > [data-part="bar"] { display: flex; align-items: center; gap: 8px; padding-bottom: 8px; box-shadow: inset 0 calc(var(--px) * -1) 0 var(--line-2); }
[data-r="session-page"] > [data-part="bar"] > [data-part="main-action"] { margin-left: auto; }
[data-r="session-page"] > [data-part="panel"] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
[data-r="session-page"] > [data-part="panel"][hidden] { display: none; }
[data-r="session-page"] [data-part="groups"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 8px 24px; }
[data-r="session-page"] [data-part="group-head"] { display: block; margin-bottom: 4px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="session-page"] [data-r="properties"] { padding: 0; gap: 0; }
[data-r="session-page"] [data-part="words"] { margin: 0; padding-left: 12px; box-shadow: inset var(--px) 0 0 var(--line-3); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="session-page"] [data-part="history"] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
[data-r="session-page"] [data-part="history"] > li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: baseline; gap: 6px; min-height: var(--row-32); padding: 7px 0; box-shadow: inset 0 calc(var(--px) * -1) 0 var(--line-1); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="session-page"] [data-part="history"] > li > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="session-page"] [data-part="history"] > li > time { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="session-page"] [data-part="evidence-note"] { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="session-page"] [data-r="properties"] > [data-r="property"] { grid-template-columns: 128px minmax(0, 1fr); }
}

/* ═══ 79-prose.css ═══ */
@layer components {
[data-r="prose"] { --prose-gap: 10px; min-width: 0; max-width: var(--col-prose); color: var(--ink); font-size: var(--fs-14); line-height: var(--lh-14); font-weight: var(--fw-450); overflow-wrap: break-word; text-wrap: pretty; }
[data-r="prose"] > * { margin-top: 0; margin-bottom: 0; }
[data-r="prose"] > * + * { margin-top: var(--prose-gap); }
[data-r="prose"] :is(h1, h2, h3, h4) { color: var(--ink); font-weight: var(--fw-550); text-wrap: balance; }
[data-r="prose"] :is(h1, h2) { font-size: var(--fs-18); line-height: var(--lh-18); }
[data-r="prose"] h3 { font-size: var(--fs-16); line-height: var(--lh-16); }
[data-r="prose"] h4 { font-size: var(--fs-14); line-height: var(--lh-14); }
[data-r="prose"] > * + :is(h1, h2) { margin-top: 28px; }
[data-r="prose"] > * + h3 { margin-top: 20px; }
[data-r="prose"] > * + h4 { margin-top: 16px; }
[data-r="prose"] > :is(h1, h2) + * { margin-top: 8px; }
[data-r="prose"] > h3 + * { margin-top: 6px; }
[data-r="prose"] > h4 + * { margin-top: 4px; }
[data-r="prose"] :is(ul, ol) { padding-left: 24px; }
[data-r="prose"] li { padding-left: 2px; }
[data-r="prose"] li + li,
[data-r="prose"] li > :is(ul, ol, p) { margin-top: 4px; }
[data-r="prose"] li > p { margin-bottom: 0; }
[data-r="prose"] li::marker { color: var(--ink-3); }
[data-r="prose"] ul { list-style-type: disc; }
[data-r="prose"] ul ul { list-style-type: circle; }
[data-r="prose"] ul ul ul { list-style-type: square; }
[data-r="prose"] ol { list-style-type: decimal; }
[data-r="prose"] ol ol { list-style-type: lower-alpha; }
[data-r="prose"] [data-part="checklist"] { list-style: none; padding-left: 0; }
[data-r="prose"] [data-part="checklist"] > li { display: flex; align-items: flex-start; gap: 10px; padding-left: 0; }
[data-r="prose"] [data-part="checklist"] > li > [data-r="checkbox"] { margin-top: calc((var(--lh-14) - 14px) / 2); }
[data-r="prose"] [data-part="checklist"] > li > [data-part="text"] { flex: 1; min-width: 0; transition: color var(--state-out); }
[data-r="prose"] [data-part="checklist"] > li:has(> [data-r="checkbox"][aria-checked="true"]) > [data-part="text"] { color: var(--ink-2); text-decoration: line-through 1px var(--ink-3); }
[data-r="prose"] :is(s, del) { color: inherit; text-decoration-color: currentColor; }
[data-r="prose"] [data-part="checklist"] > li > [data-part="text"] > [data-part="meta"] { margin-left: 6px; color: var(--ink-3); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="prose"] blockquote { margin: 0; padding: 0 0 0 16px; border-left: var(--px) solid var(--line-5); color: var(--ink-2); }
[data-r="prose"] blockquote > * + * { margin-top: 8px; }
[data-r="prose"] > * + blockquote,
[data-r="prose"] > :where(blockquote + *) { margin-top: 20px; }
[data-r="prose"] blockquote > footer { font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="prose"] :not(pre) > code { padding: 1px 4px; border-radius: var(--r-key); background: var(--well); color: var(--ink); font-family: var(--font-mono); font-size: var(--fs-13); font-feature-settings: normal; font-variant-ligatures: none; letter-spacing: 0; overflow-wrap: anywhere; }
[data-r="prose"] :is(h1, h2, h3, h4) code { font-size: inherit; }
[data-r="prose"] a { border-radius: var(--r-key); color: var(--ink); text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: var(--a35); transition: text-decoration-color var(--state-out); }
@media (hover: hover) {
  [data-r="prose"] a:hover { text-decoration-color: var(--ink); transition-duration: 0s; }
}
[data-r="prose"] a[data-force~="hover"] { text-decoration-color: var(--ink); transition-duration: 0s; }
[data-r="prose"] a:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="prose"] a[data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="prose"] > figure:not([data-r]) { margin-left: 0; margin-right: 0; }
[data-r="prose"] > :where(* + figure:not([data-r]), figure:not([data-r]) + *) { margin-top: 24px; }
[data-r="prose"] figure > :is(img, svg, video, [data-part="media"]) { display: block; width: 100%; border-radius: var(--r-value); }
[data-r="prose"] figure > [data-part="media"] { padding: 16px; background: var(--well); }
[data-r="prose"] figure > img { box-shadow: 0 0 0 var(--px) var(--line-1); }
[data-r="prose"] figure > figcaption { margin-top: 8px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="prose"] > [data-part="table"] { overflow-x: auto; }
[data-r="prose"] > :where(* + [data-part="table"], [data-part="table"] + *) { margin-top: 20px; }
[data-r="prose"] > hr { height: 0; margin-left: 0; margin-right: 0; border: 0; border-top: var(--px) solid var(--line-3); }
[data-r="prose"] > :where(* + [data-r="code-block"], [data-r="code-block"] + *) { margin-top: 16px; }
[data-r="prose"] > :where([data-r="embed"]) { margin-bottom: 0; }
[data-r="prose"] > :where(* + [data-r="embed"]) { margin-top: 12px; }
[data-r="prose"] > :where(* + hr, hr + *) { margin-top: 28px; }
[data-r="prose"] [data-r="mention"] { vertical-align: 1px; }
[data-r="prose"] [data-r="reading-state"] { margin: 0 1px 0 4px; vertical-align: 1px; }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) { --prose-gap: 8px; font-size: var(--fs-13); line-height: var(--lh-13-long); }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) :is(h1, h2) { font-size: var(--fs-16); line-height: var(--lh-16); }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) :is(h3, h4) { font-size: var(--fs-13); line-height: var(--lh-13-long); }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) > * + :is(h1, h2) { margin-top: 20px; }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) > * + :is(h3, h4) { margin-top: 16px; }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) > :is(h1, h2, h3, h4) + * { margin-top: 4px; }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) :is(ul, ol) { padding-left: 20px; }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) li + li,
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) li > :is(ul, ol, p) { margin-top: 2px; }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) [data-part="checklist"] > li { gap: 8px; }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) [data-part="checklist"] > li > [data-r="checkbox"] { margin-top: calc((var(--lh-13-long) - 14px) / 2); }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) :not(pre) > code { font-size: var(--fs-12); }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) blockquote { padding-left: 12px; }
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) blockquote > footer,
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) figure > figcaption,
:is([data-r="prose"][data-size="13"], [data-r="message"] > [data-r="prose"], [data-r="update-card"] > [data-r="prose"]) [data-part="checklist"] > li > [data-part="text"] > [data-part="meta"] { font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="code-block"] { --plane: var(--well); --plane-hover: var(--well-hover); --plane-selected: var(--well-selected); --plane-selected-hover: var(--well-selected-hover); --ring: var(--ring-well); --ring-hover: var(--ring-well-hover); --pill-rest: var(--raised); position: relative; display: flex; flex-direction: column; min-width: 0; margin: 0; border-radius: var(--r-value); background: var(--well); color: var(--ink); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); }
[data-r="code-block"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; flex: none; height: var(--h-32); padding: 0 4px 0 12px; }
[data-r="code-block"] > [data-part="head"] > [data-part="lang"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="code-block"] > [data-part="head"] > [data-part="copy"][data-copied] { color: var(--ink); }
[data-r="code-block"] > [data-part="body"] { position: relative; display: flex; min-width: 0; }
[data-r="code-block"] :is(pre, [data-part="gutter"]) { margin: 0; font-family: var(--font-mono); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); font-feature-settings: normal; font-variant-ligatures: none; font-variant-numeric: normal; letter-spacing: 0; tab-size: 2; }
[data-r="code-block"] pre { flex: 1; min-width: 0; padding: 2px 16px 12px 12px; border-radius: 0 0 var(--r-value) var(--r-value); white-space: pre; overflow-x: auto; overscroll-behavior-x: contain; outline: none; }
[data-r="code-block"] pre > code { font: inherit; color: inherit; }
[data-r="code-block"] pre:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="code-block"] pre[data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="code-block"] pre:has(> code[contenteditable]):focus-within { outline: none; }
[data-r="code-block"] pre[contenteditable]:focus-visible { outline: none; }
[data-r="code-block"] pre[contenteditable][data-force~="focus"] { outline: none; }
[data-r="code-block"]:not(:has(> [data-part="head"])) pre { padding-top: 12px; border-radius: var(--r-value); }
[data-r="code-block"] [data-part="gutter"] { flex: none; min-width: 36px; padding: 2px 0 12px 12px; color: var(--ink-3); text-align: right; white-space: pre; user-select: none; -webkit-user-select: none; }
[data-r="code-block"]:not(:has(> [data-part="head"])) [data-part="gutter"] { padding-top: 12px; }
[data-r="code-block"] [data-part="gutter"] + pre { padding-left: 16px; }
[data-r="code-block"][data-wrap]:not([data-lines]) pre { white-space: pre-wrap; overflow-wrap: anywhere; }
[data-r="code-block"] > [data-part="head"] > [data-part="source"] { flex: none; }
[data-r="code-block"] > [data-part="head"] > [data-part="source"] > svg[data-icon] { transition: transform var(--state-out); }
[data-r="code-block"] > [data-part="head"] > [data-part="source"][aria-expanded="false"] > svg[data-icon] { transform: rotate(-90deg); }
[data-r="code-block"][data-source="hidden"] > [data-part="body"] { display: none; }
[data-r="code-block"] > [data-part="drawing"] { display: block; min-width: 0; margin: 0 4px 4px; padding: 16px; border-radius: var(--r-key); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-2); color: var(--ink); font-size: var(--fs-14); line-height: var(--lh-14); font-weight: var(--fw-450); overflow-x: auto; overscroll-behavior-x: contain; user-select: none; -webkit-user-select: none; }
[data-r="code-block"] > [data-part="drawing"]:empty:not([data-state="waiting"]) { display: none; }
[data-r="code-block"] > [data-part="drawing"]:is([data-kind="diagram"], [data-kind="math"]) { display: flex; justify-content: center; align-items: center; text-align: center; }
[data-r="code-block"] > [data-part="drawing"][data-kind="math"] { padding: 20px 16px; font-size: var(--fs-16); line-height: var(--lh-16); }
[data-r="code-block"] > [data-part="drawing"][data-kind="math"] math { font-size: inherit; }
[data-r="code-block"] > [data-part="drawing"] svg { display: block; flex: none; max-width: 100%; height: auto; overflow: visible; }
[data-r="code-block"] > [data-part="drawing"] svg text { fill: currentColor; font-family: var(--font); font-size: var(--fs-12); font-weight: var(--fw-500); }
[data-r="code-block"] > [data-part="drawing"] svg [data-part="node"] { fill: var(--raised); stroke: var(--line-5); stroke-width: 1; }
[data-r="code-block"] > [data-part="drawing"] svg [data-part="node"][data-tone="start"] { fill: var(--well); }
[data-r="code-block"] > [data-part="drawing"] svg [data-part="edge"] { fill: none; stroke: var(--ink-3); stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
[data-r="code-block"] > [data-part="drawing"] svg [data-part="head"] { fill: var(--ink-3); stroke: none; }
[data-r="code-block"] > [data-part="drawing"][data-kind="table"] { padding: 4px 0; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="code-block"] > [data-part="drawing"][data-kind="table"] > [data-r="table"] { width: 100%; min-width: max-content; }
[data-r="code-block"] > [data-part="drawing"] > [data-part="more"] { margin: 0; padding: 6px 12px 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="code-block"] > [data-part="drawing"][data-kind="text"] { padding: 12px 16px; }
[data-r="code-block"] > [data-part="drawing"][data-state="waiting"] { min-height: var(--row-60); }
[data-r="code-block"][data-lang="workout"] pre { color: var(--ink-2); }
[data-r="code-block"] [data-t="num"],
[data-r="code-block"] [data-t="label"] { color: var(--ink); }
[data-r="code-block"] [data-t="unit"],
[data-r="code-block"] [data-t="word"] { color: var(--ink-2); }
[data-r="code-block"] [data-t="op"],
[data-r="code-block"] [data-t="note"] { color: var(--ink-3); }
}

/* ═══ 79-scale-swatch.css ═══ */
@layer components {
[data-r="swatch-strip"] { display: inline-flex; align-items: flex-end; gap: 1px; flex: none; height: 12px; }
[data-r="swatch-strip"] > i { width: 3px; height: 100%; border-radius: 1px 1px 0 0; background: var(--scale-1); }
[data-r="swatch-strip"] > i:nth-child(1) { height: 40%; background: var(--scale-1); }
[data-r="swatch-strip"] > i:nth-child(2) { height: 52%; background: var(--scale-2); }
[data-r="swatch-strip"] > i:nth-child(3) { height: 64%; background: var(--scale-3); }
[data-r="swatch-strip"] > i:nth-child(4) { height: 76%; background: var(--scale-4); }
[data-r="swatch-strip"] > i:nth-child(5) { height: 88%; background: var(--scale-5); }
[data-r="swatch-strip"] > i:nth-child(6) { height: 100%; background: var(--scale-6); }
[data-r="swatch-strip"][data-size="20"] { height: 20px; }
[data-r="swatch-strip"][data-size="20"] > i { width: 6px; }
[data-r="menu-item"] > [data-r="swatch-strip"],
[data-r="select"] > [data-r="swatch-strip"] { margin-right: 2px; }
}

/* ═══ 79-scale.css ═══ */
@layer components {
:root,
[data-scale="intensity"] { --scale-1: var(--intensity-1); --scale-1-lit: var(--intensity-1-lit); --scale-1-deep: var(--intensity-1-deep); --scale-1-edge: var(--intensity-1-edge); --scale-1-on: var(--intensity-1-on); --scale-2: var(--intensity-2); --scale-2-lit: var(--intensity-2-lit); --scale-2-deep: var(--intensity-2-deep); --scale-2-edge: var(--intensity-2-edge); --scale-2-on: var(--intensity-2-on); --scale-3: var(--intensity-3); --scale-3-lit: var(--intensity-3-lit); --scale-3-deep: var(--intensity-3-deep); --scale-3-edge: var(--intensity-3-edge); --scale-3-on: var(--intensity-3-on); --scale-4: var(--intensity-4); --scale-4-lit: var(--intensity-4-lit); --scale-4-deep: var(--intensity-4-deep); --scale-4-edge: var(--intensity-4-edge); --scale-4-on: var(--intensity-4-on); --scale-5: var(--intensity-5); --scale-5-lit: var(--intensity-5-lit); --scale-5-deep: var(--intensity-5-deep); --scale-5-edge: var(--intensity-5-edge); --scale-5-on: var(--intensity-5-on); --scale-6: var(--intensity-6); --scale-6-lit: var(--intensity-6-lit); --scale-6-deep: var(--intensity-6-deep); --scale-6-edge: var(--intensity-6-edge); --scale-6-on: var(--intensity-6-on); --scale-rank-1: var(--scale-1); --scale-rank-1-on: var(--scale-1-on); --scale-rank-2: var(--scale-2); --scale-rank-2-on: var(--scale-2-on); --scale-rank-3: var(--scale-4); --scale-rank-3-on: var(--scale-4-on); --scale-rank-4: var(--scale-5); --scale-rank-4-on: var(--scale-5-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
[data-scale="zone"] { --scale-1: var(--zone-1); --scale-1-lit: var(--zone-1); --scale-1-deep: var(--zone-1); --scale-1-edge: var(--zone-3); --scale-1-on: var(--gray-900); --scale-2: var(--zone-2); --scale-2-lit: var(--zone-2); --scale-2-deep: var(--zone-2); --scale-2-edge: var(--zone-4); --scale-2-on: var(--gray-900); --scale-3: var(--zone-3); --scale-3-lit: var(--zone-3); --scale-3-deep: var(--zone-3); --scale-3-edge: var(--zone-5); --scale-3-on: var(--gray-900); --scale-4: var(--zone-4); --scale-4-lit: var(--zone-4); --scale-4-deep: var(--zone-4); --scale-4-edge: var(--zone-6); --scale-4-on: var(--gray-900); --scale-5: var(--zone-5); --scale-5-lit: var(--zone-5); --scale-5-deep: var(--zone-5); --scale-5-edge: var(--zone-6); --scale-5-on: var(--gray-0); --scale-6: var(--zone-6); --scale-6-lit: var(--zone-6); --scale-6-deep: var(--zone-6); --scale-6-edge: var(--zone-6); --scale-6-on: var(--gray-0); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-2); --scale-cell-2: var(--scale-3); --scale-cell-3: var(--scale-4); --scale-cell-4: var(--scale-5); --scale-cell-5: var(--scale-6); }
[data-scale="violet"] { --scale-1: var(--violet-150); --scale-1-lit: var(--violet-100); --scale-1-deep: var(--violet-200); --scale-1-edge: var(--violet-400); --scale-1-on: var(--gray-900); --scale-2: var(--violet-250); --scale-2-lit: var(--violet-200); --scale-2-deep: var(--violet-300); --scale-2-edge: var(--violet-500); --scale-2-on: var(--gray-900); --scale-3: var(--violet-350); --scale-3-lit: var(--violet-300); --scale-3-deep: var(--violet-400); --scale-3-edge: var(--violet-600); --scale-3-on: var(--gray-900); --scale-4: var(--violet-450); --scale-4-lit: var(--violet-400); --scale-4-deep: var(--violet-500); --scale-4-edge: var(--violet-700); --scale-4-on: var(--gray-0); --scale-5: var(--violet-550); --scale-5-lit: var(--violet-500); --scale-5-deep: var(--violet-600); --scale-5-edge: var(--violet-750); --scale-5-on: var(--gray-0); --scale-6: var(--violet-650); --scale-6-lit: var(--violet-600); --scale-6-deep: var(--violet-700); --scale-6-edge: var(--violet-750); --scale-6-on: var(--gray-0); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
[data-scale="blue"] { --scale-1: var(--blue-150); --scale-1-lit: var(--blue-100); --scale-1-deep: var(--blue-200); --scale-1-edge: var(--blue-400); --scale-1-on: var(--gray-900); --scale-2: var(--blue-250); --scale-2-lit: var(--blue-200); --scale-2-deep: var(--blue-300); --scale-2-edge: var(--blue-500); --scale-2-on: var(--gray-900); --scale-3: var(--blue-350); --scale-3-lit: var(--blue-300); --scale-3-deep: var(--blue-400); --scale-3-edge: var(--blue-600); --scale-3-on: var(--gray-900); --scale-4: var(--blue-500); --scale-4-lit: var(--blue-450); --scale-4-deep: var(--blue-550); --scale-4-edge: var(--blue-750); --scale-4-on: var(--gray-0); --scale-5: var(--blue-550); --scale-5-lit: var(--blue-500); --scale-5-deep: var(--blue-600); --scale-5-edge: var(--blue-750); --scale-5-on: var(--gray-0); --scale-6: var(--blue-650); --scale-6-lit: var(--blue-600); --scale-6-deep: var(--blue-700); --scale-6-edge: var(--blue-750); --scale-6-on: var(--gray-0); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
[data-scale="aqua"] { --scale-1: var(--aqua-150); --scale-1-lit: var(--aqua-100); --scale-1-deep: var(--aqua-200); --scale-1-edge: var(--aqua-400); --scale-1-on: var(--gray-900); --scale-2: var(--aqua-250); --scale-2-lit: var(--aqua-200); --scale-2-deep: var(--aqua-300); --scale-2-edge: var(--aqua-500); --scale-2-on: var(--gray-900); --scale-3: var(--aqua-350); --scale-3-lit: var(--aqua-300); --scale-3-deep: var(--aqua-400); --scale-3-edge: var(--aqua-600); --scale-3-on: var(--gray-900); --scale-4: var(--aqua-450); --scale-4-lit: var(--aqua-400); --scale-4-deep: var(--aqua-500); --scale-4-edge: var(--aqua-700); --scale-4-on: var(--gray-900); --scale-5: var(--aqua-550); --scale-5-lit: var(--aqua-500); --scale-5-deep: var(--aqua-600); --scale-5-edge: var(--aqua-750); --scale-5-on: var(--gray-0); --scale-6: var(--aqua-650); --scale-6-lit: var(--aqua-600); --scale-6-deep: var(--aqua-700); --scale-6-edge: var(--aqua-750); --scale-6-on: var(--gray-0); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
[data-scale="green"] { --scale-1: var(--green-150); --scale-1-lit: var(--green-100); --scale-1-deep: var(--green-200); --scale-1-edge: var(--green-400); --scale-1-on: var(--gray-900); --scale-2: var(--green-250); --scale-2-lit: var(--green-200); --scale-2-deep: var(--green-300); --scale-2-edge: var(--green-500); --scale-2-on: var(--gray-900); --scale-3: var(--green-350); --scale-3-lit: var(--green-300); --scale-3-deep: var(--green-400); --scale-3-edge: var(--green-600); --scale-3-on: var(--gray-900); --scale-4: var(--green-450); --scale-4-lit: var(--green-400); --scale-4-deep: var(--green-500); --scale-4-edge: var(--green-700); --scale-4-on: var(--gray-900); --scale-5: var(--green-550); --scale-5-lit: var(--green-500); --scale-5-deep: var(--green-600); --scale-5-edge: var(--green-750); --scale-5-on: var(--gray-0); --scale-6: var(--green-650); --scale-6-lit: var(--green-600); --scale-6-deep: var(--green-700); --scale-6-edge: var(--green-750); --scale-6-on: var(--gray-0); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
[data-scale="yellow"] { --scale-1: var(--yellow-150); --scale-1-lit: var(--yellow-100); --scale-1-deep: var(--yellow-200); --scale-1-edge: var(--yellow-400); --scale-1-on: var(--gray-900); --scale-2: var(--yellow-250); --scale-2-lit: var(--yellow-200); --scale-2-deep: var(--yellow-300); --scale-2-edge: var(--yellow-500); --scale-2-on: var(--gray-900); --scale-3: var(--yellow-350); --scale-3-lit: var(--yellow-300); --scale-3-deep: var(--yellow-400); --scale-3-edge: var(--yellow-600); --scale-3-on: var(--gray-900); --scale-4: var(--yellow-500); --scale-4-lit: var(--yellow-450); --scale-4-deep: var(--yellow-550); --scale-4-edge: var(--yellow-750); --scale-4-on: var(--gray-0); --scale-5: var(--yellow-550); --scale-5-lit: var(--yellow-500); --scale-5-deep: var(--yellow-600); --scale-5-edge: var(--yellow-750); --scale-5-on: var(--gray-0); --scale-6: var(--yellow-650); --scale-6-lit: var(--yellow-600); --scale-6-deep: var(--yellow-700); --scale-6-edge: var(--yellow-750); --scale-6-on: var(--gray-0); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
[data-scale="orange"] { --scale-1: var(--orange-150); --scale-1-lit: var(--orange-100); --scale-1-deep: var(--orange-200); --scale-1-edge: var(--orange-400); --scale-1-on: var(--gray-900); --scale-2: var(--orange-250); --scale-2-lit: var(--orange-200); --scale-2-deep: var(--orange-300); --scale-2-edge: var(--orange-500); --scale-2-on: var(--gray-900); --scale-3: var(--orange-350); --scale-3-lit: var(--orange-300); --scale-3-deep: var(--orange-400); --scale-3-edge: var(--orange-600); --scale-3-on: var(--gray-900); --scale-4: var(--orange-450); --scale-4-lit: var(--orange-400); --scale-4-deep: var(--orange-500); --scale-4-edge: var(--orange-700); --scale-4-on: var(--gray-0); --scale-5: var(--orange-550); --scale-5-lit: var(--orange-500); --scale-5-deep: var(--orange-600); --scale-5-edge: var(--orange-750); --scale-5-on: var(--gray-0); --scale-6: var(--orange-650); --scale-6-lit: var(--orange-600); --scale-6-deep: var(--orange-700); --scale-6-edge: var(--orange-750); --scale-6-on: var(--gray-0); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
[data-scale="red"] { --scale-1: var(--red-150); --scale-1-lit: var(--red-100); --scale-1-deep: var(--red-200); --scale-1-edge: var(--red-400); --scale-1-on: var(--gray-900); --scale-2: var(--red-250); --scale-2-lit: var(--red-200); --scale-2-deep: var(--red-300); --scale-2-edge: var(--red-500); --scale-2-on: var(--gray-900); --scale-3: var(--red-350); --scale-3-lit: var(--red-300); --scale-3-deep: var(--red-400); --scale-3-edge: var(--red-600); --scale-3-on: var(--gray-900); --scale-4: var(--red-450); --scale-4-lit: var(--red-400); --scale-4-deep: var(--red-500); --scale-4-edge: var(--red-700); --scale-4-on: var(--gray-0); --scale-5: var(--red-550); --scale-5-lit: var(--red-500); --scale-5-deep: var(--red-600); --scale-5-edge: var(--red-750); --scale-5-on: var(--gray-0); --scale-6: var(--red-650); --scale-6-lit: var(--red-600); --scale-6-deep: var(--red-700); --scale-6-edge: var(--red-750); --scale-6-on: var(--gray-0); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
[data-scale="magenta"] { --scale-1: var(--magenta-150); --scale-1-lit: var(--magenta-100); --scale-1-deep: var(--magenta-200); --scale-1-edge: var(--magenta-400); --scale-1-on: var(--gray-900); --scale-2: var(--magenta-250); --scale-2-lit: var(--magenta-200); --scale-2-deep: var(--magenta-300); --scale-2-edge: var(--magenta-500); --scale-2-on: var(--gray-900); --scale-3: var(--magenta-350); --scale-3-lit: var(--magenta-300); --scale-3-deep: var(--magenta-400); --scale-3-edge: var(--magenta-600); --scale-3-on: var(--gray-900); --scale-4: var(--magenta-450); --scale-4-lit: var(--magenta-400); --scale-4-deep: var(--magenta-500); --scale-4-edge: var(--magenta-700); --scale-4-on: var(--gray-0); --scale-5: var(--magenta-550); --scale-5-lit: var(--magenta-500); --scale-5-deep: var(--magenta-600); --scale-5-edge: var(--magenta-750); --scale-5-on: var(--gray-0); --scale-6: var(--magenta-650); --scale-6-lit: var(--magenta-600); --scale-6-deep: var(--magenta-700); --scale-6-edge: var(--magenta-750); --scale-6-on: var(--gray-0); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
[data-scale="ink"] { --scale-1: var(--gray-150); --scale-1-lit: var(--gray-100); --scale-1-deep: var(--gray-200); --scale-1-edge: var(--gray-400); --scale-1-on: var(--gray-900); --scale-2: var(--gray-250); --scale-2-lit: var(--gray-200); --scale-2-deep: var(--gray-300); --scale-2-edge: var(--gray-500); --scale-2-on: var(--gray-900); --scale-3: var(--gray-350); --scale-3-lit: var(--gray-300); --scale-3-deep: var(--gray-400); --scale-3-edge: var(--gray-600); --scale-3-on: var(--gray-900); --scale-4: var(--gray-450); --scale-4-lit: var(--gray-400); --scale-4-deep: var(--gray-500); --scale-4-edge: var(--gray-700); --scale-4-on: var(--gray-900); --scale-5: var(--gray-550); --scale-5-lit: var(--gray-500); --scale-5-deep: var(--gray-600); --scale-5-edge: var(--gray-750); --scale-5-on: var(--gray-0); --scale-6: var(--gray-650); --scale-6-lit: var(--gray-600); --scale-6-deep: var(--gray-700); --scale-6-edge: var(--gray-750); --scale-6-on: var(--gray-0); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-scale="violet"] { --scale-1: var(--violet-750); --scale-1-lit: var(--violet-700); --scale-1-deep: var(--violet-800); --scale-1-edge: var(--violet-450); --scale-1-on: var(--gray-0); --scale-2: var(--violet-650); --scale-2-lit: var(--violet-600); --scale-2-deep: var(--violet-700); --scale-2-edge: var(--violet-350); --scale-2-on: var(--gray-0); --scale-3: var(--violet-550); --scale-3-lit: var(--violet-500); --scale-3-deep: var(--violet-600); --scale-3-edge: var(--violet-250); --scale-3-on: var(--gray-0); --scale-4: var(--violet-450); --scale-4-lit: var(--violet-400); --scale-4-deep: var(--violet-500); --scale-4-edge: var(--violet-150); --scale-4-on: var(--gray-0); --scale-5: var(--violet-350); --scale-5-lit: var(--violet-300); --scale-5-deep: var(--violet-400); --scale-5-edge: var(--violet-100); --scale-5-on: var(--gray-900); --scale-6: var(--violet-250); --scale-6-lit: var(--violet-200); --scale-6-deep: var(--violet-300); --scale-6-edge: var(--violet-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
  :root:not([data-theme="light"]) [data-scale="blue"] { --scale-1: var(--blue-750); --scale-1-lit: var(--blue-700); --scale-1-deep: var(--blue-800); --scale-1-edge: var(--blue-450); --scale-1-on: var(--gray-0); --scale-2: var(--blue-650); --scale-2-lit: var(--blue-600); --scale-2-deep: var(--blue-700); --scale-2-edge: var(--blue-350); --scale-2-on: var(--gray-0); --scale-3: var(--blue-550); --scale-3-lit: var(--blue-500); --scale-3-deep: var(--blue-600); --scale-3-edge: var(--blue-250); --scale-3-on: var(--gray-0); --scale-4: var(--blue-400); --scale-4-lit: var(--blue-350); --scale-4-deep: var(--blue-450); --scale-4-edge: var(--blue-100); --scale-4-on: var(--gray-900); --scale-5: var(--blue-350); --scale-5-lit: var(--blue-300); --scale-5-deep: var(--blue-400); --scale-5-edge: var(--blue-100); --scale-5-on: var(--gray-900); --scale-6: var(--blue-250); --scale-6-lit: var(--blue-200); --scale-6-deep: var(--blue-300); --scale-6-edge: var(--blue-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
  :root:not([data-theme="light"]) [data-scale="aqua"] { --scale-1: var(--aqua-750); --scale-1-lit: var(--aqua-700); --scale-1-deep: var(--aqua-800); --scale-1-edge: var(--aqua-450); --scale-1-on: var(--gray-0); --scale-2: var(--aqua-650); --scale-2-lit: var(--aqua-600); --scale-2-deep: var(--aqua-700); --scale-2-edge: var(--aqua-350); --scale-2-on: var(--gray-0); --scale-3: var(--aqua-550); --scale-3-lit: var(--aqua-500); --scale-3-deep: var(--aqua-600); --scale-3-edge: var(--aqua-250); --scale-3-on: var(--gray-0); --scale-4: var(--aqua-450); --scale-4-lit: var(--aqua-400); --scale-4-deep: var(--aqua-500); --scale-4-edge: var(--aqua-150); --scale-4-on: var(--gray-900); --scale-5: var(--aqua-350); --scale-5-lit: var(--aqua-300); --scale-5-deep: var(--aqua-400); --scale-5-edge: var(--aqua-100); --scale-5-on: var(--gray-900); --scale-6: var(--aqua-250); --scale-6-lit: var(--aqua-200); --scale-6-deep: var(--aqua-300); --scale-6-edge: var(--aqua-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
  :root:not([data-theme="light"]) [data-scale="green"] { --scale-1: var(--green-750); --scale-1-lit: var(--green-700); --scale-1-deep: var(--green-800); --scale-1-edge: var(--green-450); --scale-1-on: var(--gray-0); --scale-2: var(--green-650); --scale-2-lit: var(--green-600); --scale-2-deep: var(--green-700); --scale-2-edge: var(--green-350); --scale-2-on: var(--gray-0); --scale-3: var(--green-550); --scale-3-lit: var(--green-500); --scale-3-deep: var(--green-600); --scale-3-edge: var(--green-250); --scale-3-on: var(--gray-0); --scale-4: var(--green-450); --scale-4-lit: var(--green-400); --scale-4-deep: var(--green-500); --scale-4-edge: var(--green-150); --scale-4-on: var(--gray-900); --scale-5: var(--green-350); --scale-5-lit: var(--green-300); --scale-5-deep: var(--green-400); --scale-5-edge: var(--green-100); --scale-5-on: var(--gray-900); --scale-6: var(--green-250); --scale-6-lit: var(--green-200); --scale-6-deep: var(--green-300); --scale-6-edge: var(--green-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
  :root:not([data-theme="light"]) [data-scale="yellow"] { --scale-1: var(--yellow-750); --scale-1-lit: var(--yellow-700); --scale-1-deep: var(--yellow-800); --scale-1-edge: var(--yellow-450); --scale-1-on: var(--gray-0); --scale-2: var(--yellow-650); --scale-2-lit: var(--yellow-600); --scale-2-deep: var(--yellow-700); --scale-2-edge: var(--yellow-350); --scale-2-on: var(--gray-0); --scale-3: var(--yellow-550); --scale-3-lit: var(--yellow-500); --scale-3-deep: var(--yellow-600); --scale-3-edge: var(--yellow-250); --scale-3-on: var(--gray-0); --scale-4: var(--yellow-400); --scale-4-lit: var(--yellow-350); --scale-4-deep: var(--yellow-450); --scale-4-edge: var(--yellow-100); --scale-4-on: var(--gray-900); --scale-5: var(--yellow-350); --scale-5-lit: var(--yellow-300); --scale-5-deep: var(--yellow-400); --scale-5-edge: var(--yellow-100); --scale-5-on: var(--gray-900); --scale-6: var(--yellow-250); --scale-6-lit: var(--yellow-200); --scale-6-deep: var(--yellow-300); --scale-6-edge: var(--yellow-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
  :root:not([data-theme="light"]) [data-scale="orange"] { --scale-1: var(--orange-750); --scale-1-lit: var(--orange-700); --scale-1-deep: var(--orange-800); --scale-1-edge: var(--orange-450); --scale-1-on: var(--gray-0); --scale-2: var(--orange-650); --scale-2-lit: var(--orange-600); --scale-2-deep: var(--orange-700); --scale-2-edge: var(--orange-350); --scale-2-on: var(--gray-0); --scale-3: var(--orange-550); --scale-3-lit: var(--orange-500); --scale-3-deep: var(--orange-600); --scale-3-edge: var(--orange-250); --scale-3-on: var(--gray-0); --scale-4: var(--orange-450); --scale-4-lit: var(--orange-400); --scale-4-deep: var(--orange-500); --scale-4-edge: var(--orange-150); --scale-4-on: var(--gray-0); --scale-5: var(--orange-350); --scale-5-lit: var(--orange-300); --scale-5-deep: var(--orange-400); --scale-5-edge: var(--orange-100); --scale-5-on: var(--gray-900); --scale-6: var(--orange-250); --scale-6-lit: var(--orange-200); --scale-6-deep: var(--orange-300); --scale-6-edge: var(--orange-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
  :root:not([data-theme="light"]) [data-scale="red"] { --scale-1: var(--red-750); --scale-1-lit: var(--red-700); --scale-1-deep: var(--red-800); --scale-1-edge: var(--red-450); --scale-1-on: var(--gray-0); --scale-2: var(--red-650); --scale-2-lit: var(--red-600); --scale-2-deep: var(--red-700); --scale-2-edge: var(--red-350); --scale-2-on: var(--gray-0); --scale-3: var(--red-550); --scale-3-lit: var(--red-500); --scale-3-deep: var(--red-600); --scale-3-edge: var(--red-250); --scale-3-on: var(--gray-0); --scale-4: var(--red-450); --scale-4-lit: var(--red-400); --scale-4-deep: var(--red-500); --scale-4-edge: var(--red-150); --scale-4-on: var(--gray-0); --scale-5: var(--red-350); --scale-5-lit: var(--red-300); --scale-5-deep: var(--red-400); --scale-5-edge: var(--red-100); --scale-5-on: var(--gray-900); --scale-6: var(--red-250); --scale-6-lit: var(--red-200); --scale-6-deep: var(--red-300); --scale-6-edge: var(--red-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
  :root:not([data-theme="light"]) [data-scale="magenta"] { --scale-1: var(--magenta-750); --scale-1-lit: var(--magenta-700); --scale-1-deep: var(--magenta-800); --scale-1-edge: var(--magenta-450); --scale-1-on: var(--gray-0); --scale-2: var(--magenta-650); --scale-2-lit: var(--magenta-600); --scale-2-deep: var(--magenta-700); --scale-2-edge: var(--magenta-350); --scale-2-on: var(--gray-0); --scale-3: var(--magenta-550); --scale-3-lit: var(--magenta-500); --scale-3-deep: var(--magenta-600); --scale-3-edge: var(--magenta-250); --scale-3-on: var(--gray-0); --scale-4: var(--magenta-450); --scale-4-lit: var(--magenta-400); --scale-4-deep: var(--magenta-500); --scale-4-edge: var(--magenta-150); --scale-4-on: var(--gray-0); --scale-5: var(--magenta-350); --scale-5-lit: var(--magenta-300); --scale-5-deep: var(--magenta-400); --scale-5-edge: var(--magenta-100); --scale-5-on: var(--gray-900); --scale-6: var(--magenta-250); --scale-6-lit: var(--magenta-200); --scale-6-deep: var(--magenta-300); --scale-6-edge: var(--magenta-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
  :root:not([data-theme="light"]) [data-scale="ink"] { --scale-1: var(--gray-750); --scale-1-lit: var(--gray-700); --scale-1-deep: var(--gray-800); --scale-1-edge: var(--gray-450); --scale-1-on: var(--gray-0); --scale-2: var(--gray-650); --scale-2-lit: var(--gray-600); --scale-2-deep: var(--gray-700); --scale-2-edge: var(--gray-350); --scale-2-on: var(--gray-0); --scale-3: var(--gray-550); --scale-3-lit: var(--gray-500); --scale-3-deep: var(--gray-600); --scale-3-edge: var(--gray-250); --scale-3-on: var(--gray-0); --scale-4: var(--gray-450); --scale-4-lit: var(--gray-400); --scale-4-deep: var(--gray-500); --scale-4-edge: var(--gray-150); --scale-4-on: var(--gray-900); --scale-5: var(--gray-350); --scale-5-lit: var(--gray-300); --scale-5-deep: var(--gray-400); --scale-5-edge: var(--gray-100); --scale-5-on: var(--gray-900); --scale-6: var(--gray-250); --scale-6-lit: var(--gray-200); --scale-6-deep: var(--gray-300); --scale-6-edge: var(--gray-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
}
:root[data-theme="dark"] [data-scale="violet"] { --scale-1: var(--violet-750); --scale-1-lit: var(--violet-700); --scale-1-deep: var(--violet-800); --scale-1-edge: var(--violet-450); --scale-1-on: var(--gray-0); --scale-2: var(--violet-650); --scale-2-lit: var(--violet-600); --scale-2-deep: var(--violet-700); --scale-2-edge: var(--violet-350); --scale-2-on: var(--gray-0); --scale-3: var(--violet-550); --scale-3-lit: var(--violet-500); --scale-3-deep: var(--violet-600); --scale-3-edge: var(--violet-250); --scale-3-on: var(--gray-0); --scale-4: var(--violet-450); --scale-4-lit: var(--violet-400); --scale-4-deep: var(--violet-500); --scale-4-edge: var(--violet-150); --scale-4-on: var(--gray-0); --scale-5: var(--violet-350); --scale-5-lit: var(--violet-300); --scale-5-deep: var(--violet-400); --scale-5-edge: var(--violet-100); --scale-5-on: var(--gray-900); --scale-6: var(--violet-250); --scale-6-lit: var(--violet-200); --scale-6-deep: var(--violet-300); --scale-6-edge: var(--violet-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
:root[data-theme="dark"] [data-scale="blue"] { --scale-1: var(--blue-750); --scale-1-lit: var(--blue-700); --scale-1-deep: var(--blue-800); --scale-1-edge: var(--blue-450); --scale-1-on: var(--gray-0); --scale-2: var(--blue-650); --scale-2-lit: var(--blue-600); --scale-2-deep: var(--blue-700); --scale-2-edge: var(--blue-350); --scale-2-on: var(--gray-0); --scale-3: var(--blue-550); --scale-3-lit: var(--blue-500); --scale-3-deep: var(--blue-600); --scale-3-edge: var(--blue-250); --scale-3-on: var(--gray-0); --scale-4: var(--blue-400); --scale-4-lit: var(--blue-350); --scale-4-deep: var(--blue-450); --scale-4-edge: var(--blue-100); --scale-4-on: var(--gray-900); --scale-5: var(--blue-350); --scale-5-lit: var(--blue-300); --scale-5-deep: var(--blue-400); --scale-5-edge: var(--blue-100); --scale-5-on: var(--gray-900); --scale-6: var(--blue-250); --scale-6-lit: var(--blue-200); --scale-6-deep: var(--blue-300); --scale-6-edge: var(--blue-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
:root[data-theme="dark"] [data-scale="aqua"] { --scale-1: var(--aqua-750); --scale-1-lit: var(--aqua-700); --scale-1-deep: var(--aqua-800); --scale-1-edge: var(--aqua-450); --scale-1-on: var(--gray-0); --scale-2: var(--aqua-650); --scale-2-lit: var(--aqua-600); --scale-2-deep: var(--aqua-700); --scale-2-edge: var(--aqua-350); --scale-2-on: var(--gray-0); --scale-3: var(--aqua-550); --scale-3-lit: var(--aqua-500); --scale-3-deep: var(--aqua-600); --scale-3-edge: var(--aqua-250); --scale-3-on: var(--gray-0); --scale-4: var(--aqua-450); --scale-4-lit: var(--aqua-400); --scale-4-deep: var(--aqua-500); --scale-4-edge: var(--aqua-150); --scale-4-on: var(--gray-900); --scale-5: var(--aqua-350); --scale-5-lit: var(--aqua-300); --scale-5-deep: var(--aqua-400); --scale-5-edge: var(--aqua-100); --scale-5-on: var(--gray-900); --scale-6: var(--aqua-250); --scale-6-lit: var(--aqua-200); --scale-6-deep: var(--aqua-300); --scale-6-edge: var(--aqua-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
:root[data-theme="dark"] [data-scale="green"] { --scale-1: var(--green-750); --scale-1-lit: var(--green-700); --scale-1-deep: var(--green-800); --scale-1-edge: var(--green-450); --scale-1-on: var(--gray-0); --scale-2: var(--green-650); --scale-2-lit: var(--green-600); --scale-2-deep: var(--green-700); --scale-2-edge: var(--green-350); --scale-2-on: var(--gray-0); --scale-3: var(--green-550); --scale-3-lit: var(--green-500); --scale-3-deep: var(--green-600); --scale-3-edge: var(--green-250); --scale-3-on: var(--gray-0); --scale-4: var(--green-450); --scale-4-lit: var(--green-400); --scale-4-deep: var(--green-500); --scale-4-edge: var(--green-150); --scale-4-on: var(--gray-900); --scale-5: var(--green-350); --scale-5-lit: var(--green-300); --scale-5-deep: var(--green-400); --scale-5-edge: var(--green-100); --scale-5-on: var(--gray-900); --scale-6: var(--green-250); --scale-6-lit: var(--green-200); --scale-6-deep: var(--green-300); --scale-6-edge: var(--green-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
:root[data-theme="dark"] [data-scale="yellow"] { --scale-1: var(--yellow-750); --scale-1-lit: var(--yellow-700); --scale-1-deep: var(--yellow-800); --scale-1-edge: var(--yellow-450); --scale-1-on: var(--gray-0); --scale-2: var(--yellow-650); --scale-2-lit: var(--yellow-600); --scale-2-deep: var(--yellow-700); --scale-2-edge: var(--yellow-350); --scale-2-on: var(--gray-0); --scale-3: var(--yellow-550); --scale-3-lit: var(--yellow-500); --scale-3-deep: var(--yellow-600); --scale-3-edge: var(--yellow-250); --scale-3-on: var(--gray-0); --scale-4: var(--yellow-400); --scale-4-lit: var(--yellow-350); --scale-4-deep: var(--yellow-450); --scale-4-edge: var(--yellow-100); --scale-4-on: var(--gray-900); --scale-5: var(--yellow-350); --scale-5-lit: var(--yellow-300); --scale-5-deep: var(--yellow-400); --scale-5-edge: var(--yellow-100); --scale-5-on: var(--gray-900); --scale-6: var(--yellow-250); --scale-6-lit: var(--yellow-200); --scale-6-deep: var(--yellow-300); --scale-6-edge: var(--yellow-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
:root[data-theme="dark"] [data-scale="orange"] { --scale-1: var(--orange-750); --scale-1-lit: var(--orange-700); --scale-1-deep: var(--orange-800); --scale-1-edge: var(--orange-450); --scale-1-on: var(--gray-0); --scale-2: var(--orange-650); --scale-2-lit: var(--orange-600); --scale-2-deep: var(--orange-700); --scale-2-edge: var(--orange-350); --scale-2-on: var(--gray-0); --scale-3: var(--orange-550); --scale-3-lit: var(--orange-500); --scale-3-deep: var(--orange-600); --scale-3-edge: var(--orange-250); --scale-3-on: var(--gray-0); --scale-4: var(--orange-450); --scale-4-lit: var(--orange-400); --scale-4-deep: var(--orange-500); --scale-4-edge: var(--orange-150); --scale-4-on: var(--gray-0); --scale-5: var(--orange-350); --scale-5-lit: var(--orange-300); --scale-5-deep: var(--orange-400); --scale-5-edge: var(--orange-100); --scale-5-on: var(--gray-900); --scale-6: var(--orange-250); --scale-6-lit: var(--orange-200); --scale-6-deep: var(--orange-300); --scale-6-edge: var(--orange-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
:root[data-theme="dark"] [data-scale="red"] { --scale-1: var(--red-750); --scale-1-lit: var(--red-700); --scale-1-deep: var(--red-800); --scale-1-edge: var(--red-450); --scale-1-on: var(--gray-0); --scale-2: var(--red-650); --scale-2-lit: var(--red-600); --scale-2-deep: var(--red-700); --scale-2-edge: var(--red-350); --scale-2-on: var(--gray-0); --scale-3: var(--red-550); --scale-3-lit: var(--red-500); --scale-3-deep: var(--red-600); --scale-3-edge: var(--red-250); --scale-3-on: var(--gray-0); --scale-4: var(--red-450); --scale-4-lit: var(--red-400); --scale-4-deep: var(--red-500); --scale-4-edge: var(--red-150); --scale-4-on: var(--gray-0); --scale-5: var(--red-350); --scale-5-lit: var(--red-300); --scale-5-deep: var(--red-400); --scale-5-edge: var(--red-100); --scale-5-on: var(--gray-900); --scale-6: var(--red-250); --scale-6-lit: var(--red-200); --scale-6-deep: var(--red-300); --scale-6-edge: var(--red-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
:root[data-theme="dark"] [data-scale="magenta"] { --scale-1: var(--magenta-750); --scale-1-lit: var(--magenta-700); --scale-1-deep: var(--magenta-800); --scale-1-edge: var(--magenta-450); --scale-1-on: var(--gray-0); --scale-2: var(--magenta-650); --scale-2-lit: var(--magenta-600); --scale-2-deep: var(--magenta-700); --scale-2-edge: var(--magenta-350); --scale-2-on: var(--gray-0); --scale-3: var(--magenta-550); --scale-3-lit: var(--magenta-500); --scale-3-deep: var(--magenta-600); --scale-3-edge: var(--magenta-250); --scale-3-on: var(--gray-0); --scale-4: var(--magenta-450); --scale-4-lit: var(--magenta-400); --scale-4-deep: var(--magenta-500); --scale-4-edge: var(--magenta-150); --scale-4-on: var(--gray-0); --scale-5: var(--magenta-350); --scale-5-lit: var(--magenta-300); --scale-5-deep: var(--magenta-400); --scale-5-edge: var(--magenta-100); --scale-5-on: var(--gray-900); --scale-6: var(--magenta-250); --scale-6-lit: var(--magenta-200); --scale-6-deep: var(--magenta-300); --scale-6-edge: var(--magenta-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
:root[data-theme="dark"] [data-scale="ink"] { --scale-1: var(--gray-750); --scale-1-lit: var(--gray-700); --scale-1-deep: var(--gray-800); --scale-1-edge: var(--gray-450); --scale-1-on: var(--gray-0); --scale-2: var(--gray-650); --scale-2-lit: var(--gray-600); --scale-2-deep: var(--gray-700); --scale-2-edge: var(--gray-350); --scale-2-on: var(--gray-0); --scale-3: var(--gray-550); --scale-3-lit: var(--gray-500); --scale-3-deep: var(--gray-600); --scale-3-edge: var(--gray-250); --scale-3-on: var(--gray-0); --scale-4: var(--gray-450); --scale-4-lit: var(--gray-400); --scale-4-deep: var(--gray-500); --scale-4-edge: var(--gray-150); --scale-4-on: var(--gray-900); --scale-5: var(--gray-350); --scale-5-lit: var(--gray-300); --scale-5-deep: var(--gray-400); --scale-5-edge: var(--gray-100); --scale-5-on: var(--gray-900); --scale-6: var(--gray-250); --scale-6-lit: var(--gray-200); --scale-6-deep: var(--gray-300); --scale-6-edge: var(--gray-100); --scale-6-on: var(--gray-900); --scale-rank-1: var(--scale-2); --scale-rank-1-on: var(--scale-2-on); --scale-rank-2: var(--scale-3); --scale-rank-2-on: var(--scale-3-on); --scale-rank-3: var(--scale-5); --scale-rank-3-on: var(--scale-5-on); --scale-rank-4: var(--scale-6); --scale-rank-4-on: var(--scale-6-on); --scale-cell-1: var(--scale-1); --scale-cell-2: var(--scale-2); --scale-cell-3: var(--scale-3); --scale-cell-4: var(--scale-4); --scale-cell-5: var(--scale-5); }
}

/* ═══ 80-rich-text.css ═══ */
@layer components {
[data-r="rich-text"] { position: relative; min-width: 0; color: var(--ink); font-size: var(--fs-14); line-height: var(--lh-14); font-weight: var(--fw-450); overflow-wrap: break-word; }
[data-r="rich-text"] > [data-part="doc"] { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: var(--lh-14); outline: none; caret-color: var(--accent); cursor: text; }
[data-r="rich-text"][data-readonly] > [data-part="doc"] { cursor: default; }
[data-r="rich-text"] [data-part="item"] { --gap: 10px; --line: var(--lh-14); --indent: 0; --indent-w: calc(var(--indent) * 26px); position: relative; display: flex; align-items: flex-start; min-width: 0; margin-top: var(--gap); }
[data-r="rich-text"] [data-part="item"]:first-child { --gap: 0px; }
[data-r="rich-text"] [data-part="item"]::after { content: ""; position: absolute; left: -32px; right: 0; bottom: 100%; height: var(--gap); pointer-events: auto; }
[data-r="rich-text"] [data-part="text"] { position: relative; flex: 1; min-width: 0; margin: 0; white-space: pre-wrap; outline: none; }
[data-r="rich-text"] [data-part="text"][data-empty][data-placeholder]::before { content: attr(data-placeholder); position: absolute; left: 0; top: 0; right: 0; color: var(--ink-3); pointer-events: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="rich-text"] [data-block="quote"] > [data-part="text"][data-empty][data-placeholder]::before { left: 16px; }
[data-r="rich-text"] [data-empty][data-placeholder]:not([data-part="text"]) { position: relative; min-height: var(--line); }
[data-r="rich-text"] [data-empty][data-placeholder]:not([data-part="text"])::before { content: attr(data-placeholder); position: absolute; left: 0; top: 0; right: 0; color: var(--ink-3); pointer-events: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="rich-text"] [data-block="heading"] > [data-part="text"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="rich-text"] [data-block="heading"][data-level="1"] { --line: var(--lh-18); }
[data-r="rich-text"] [data-block="heading"][data-level="1"] > [data-part="text"] { font-size: var(--fs-18); line-height: var(--lh-18); }
[data-r="rich-text"] [data-block="heading"][data-level="2"] { --line: var(--lh-16); }
[data-r="rich-text"] [data-block="heading"][data-level="2"] > [data-part="text"] { font-size: var(--fs-16); line-height: var(--lh-16); }
[data-r="rich-text"] [data-block="heading"][data-level="3"] > [data-part="text"] { font-size: var(--fs-14); line-height: var(--lh-14); }
[data-r="rich-text"] :is([data-part="doc"], [data-part="column"]) > :not([data-part]) { --gap: 10px; margin-top: var(--gap); margin-bottom: 0; }
[data-r="rich-text"] :is([data-part="doc"], [data-part="column"]) > :not([data-part]):first-child { --gap: 0px; }
[data-r="rich-text"] :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) + :is([data-block="heading"][data-level="1"], :where(h1:not([data-part]))) { --gap: 28px; }
[data-r="rich-text"] :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) + :is([data-block="heading"][data-level="2"], :where(h2:not([data-part]))) { --gap: 20px; }
[data-r="rich-text"] :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) + :is([data-block="heading"][data-level="3"], :where(h3:not([data-part]))) { --gap: 16px; }
[data-r="rich-text"] :is([data-block="heading"][data-level="1"], :where(h1:not([data-part]))) + :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) { --gap: 8px; }
[data-r="rich-text"] :is([data-block="heading"][data-level="2"], :where(h2:not([data-part]))) + :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) { --gap: 6px; }
[data-r="rich-text"] :is([data-block="heading"][data-level="3"], :where(h3:not([data-part]))) + :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) { --gap: 4px; }
[data-r="rich-text"] [data-block="bullet"] + [data-block="bullet"],
[data-r="rich-text"] [data-block="numbered"] + [data-block="numbered"],
[data-r="rich-text"] [data-block="todo"] + [data-block="todo"],
[data-r="rich-text"] :is([data-block="bullet"], [data-block="numbered"], [data-block="todo"]) + :is([data-block="bullet"], [data-block="numbered"], [data-block="todo"]):not([data-indent="0"]),
[data-r="rich-text"] :is([data-block="bullet"], [data-block="numbered"], [data-block="todo"]):not([data-indent="0"]) + :is([data-block="bullet"], [data-block="numbered"], [data-block="todo"]) { --gap: 4px; }
[data-r="rich-text"] :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) + :is([data-block="code"], [data-block="callout"], :where(pre:not([data-part]))),
[data-r="rich-text"] :is([data-block="code"], [data-block="callout"], :where(pre:not([data-part]))) + :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) { --gap: 16px; }
[data-r="rich-text"] :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) + :is([data-block="table"], [data-block="image"], :where(table:not([data-part]), figure:not([data-part]))),
[data-r="rich-text"] :is([data-block="table"], [data-block="image"], :where(table:not([data-part]), figure:not([data-part]))) + :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) { --gap: 20px; }
[data-r="rich-text"] :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) + :is([data-block="divider"], :where(hr:not([data-part]))),
[data-r="rich-text"] :is([data-block="divider"], :where(hr:not([data-part]))) + :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) { --gap: 16px; }
[data-r="rich-text"] [data-part="doc"] > [data-part="slot"] { margin-top: 12px; }
[data-r="rich-text"] [data-part="item"] > [data-part="handle"] { position: absolute; z-index: 1; top: calc((var(--line) - var(--h-24)) / 2); left: calc(var(--indent-w) - 28px); width: 20px; height: var(--h-24); opacity: 0; transition: opacity var(--state-out), color var(--state-out), background-color var(--state-out); }
[data-r="rich-text"] [data-part="item"] > [data-part="handle"]::before { content: ""; position: absolute; inset: 0 -8px 0 0; }
[data-r="rich-text"] [data-part="item"] > [data-part="handle"]:is(:focus-visible, [aria-expanded="true"]),
[data-r="rich-text"] [data-part="item"]:is([data-lifted], [data-held]) > [data-part="handle"] { opacity: 1; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="rich-text"] [data-part="item"]:hover > [data-part="handle"],
  [data-r="rich-text"] [data-part="item"] > [data-part="handle"]:hover { opacity: 1; transition-duration: 0s; }
}
[data-r="rich-text"] [data-part="item"][data-force~="hover"] > [data-part="handle"],
[data-r="rich-text"] [data-part="item"] > [data-part="handle"][data-force~="hover"] { opacity: 1; transition-duration: 0s; }
[data-r="rich-text"] [data-part="item"] > [data-part="handle"][aria-expanded="true"] { background-color: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="rich-text"] [data-part="item"] > [data-part="handle"]:hover { background-color: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
}
[data-r="rich-text"] [data-part="item"] > [data-part="handle"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
[data-r="rich-text"][data-typing] [data-part="item"] > [data-part="handle"]:not([aria-expanded="true"]):not(:focus-visible) { opacity: 0; }
[data-r="rich-text"][data-readonly] [data-part="item"] > [data-part="handle"] { display: none; }
[data-r="rich-text"] [data-part="doc"] > [data-part="item"]:is([data-lifted], [data-held]) { border-radius: var(--r-row); background-color: var(--raised); box-shadow: 0 0 0 4px var(--raised), 0 0 0 5px rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="rich-text"] [data-part="item"][data-selected] { border-radius: var(--r-row); background-color: var(--selection); box-shadow: 0 0 0 4px var(--selection); }
[data-r="rich-text"] [data-part="item"][data-selected] ::selection { background: transparent; }
[data-r="rich-text"] :is([data-block="bullet"], [data-block="numbered"], [data-block="todo"]) { padding-left: var(--indent-w); }
[data-r="rich-text"] [data-block="bullet"]::before { content: ""; flex: none; width: 26px; height: var(--line); background: radial-gradient(circle 2.75px at 16px 50%, var(--ink-3) 2.25px, transparent 2.75px); }
[data-r="rich-text"] [data-block="bullet"]:is([data-indent="1"], [data-indent="4"])::before { background: radial-gradient(circle 3px at 16px 50%, transparent 1.75px, var(--ink-3) 2.1px, var(--ink-3) 2.6px, transparent 3px); }
[data-r="rich-text"] [data-block="bullet"][data-indent="2"]::before { background: linear-gradient(var(--ink-3), var(--ink-3)) 14px 50% / 4.5px 4.5px no-repeat; }
[data-r="rich-text"] [data-block="numbered"]::before { content: attr(data-n) "."; flex: none; min-width: 22px; margin-right: 4px; color: var(--ink-3); text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="rich-text"] [data-block="todo"] > [data-r="checkbox"] { margin: calc((var(--line) - 14px) / 2) 10px 0 2px; }
[data-r="rich-text"] [data-block="todo"] > [data-part="text"] { transition: color var(--state-out); }
[data-r="rich-text"] [data-block="todo"][data-checked] > [data-part="text"] { color: var(--ink-2); text-decoration: line-through 1px var(--ink-3); }
[data-r="rich-text"] [data-part="text"] :is(s, del) { color: inherit; text-decoration-color: currentColor; }
[data-r="rich-text"] [data-block="quote"] > [data-part="text"] { padding-left: 16px; border-left: var(--px) solid var(--line-5); color: var(--ink-2); }
[data-r="rich-text"] [data-block="pending"] { cursor: default; user-select: none; -webkit-user-select: none; }
[data-r="rich-text"] [data-block="pending"] > [data-part="text"] { padding-left: 16px; border-left: var(--px) dashed var(--line-5); color: var(--ink-3); }
[data-r="rich-text"] [data-block="pending"][data-selected] > [data-part="text"] { color: var(--ink-2); }
[data-r="rich-text"] :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) + [data-block="pending"],
[data-r="rich-text"] [data-block="pending"] + :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) { --gap: 12px; }
[data-r="rich-text"] :is([data-block="ask"] > [data-part="text"], p[data-block="ask"]) { color: var(--ink-2); }
[data-r="rich-text"] p[data-block="ask"] > [data-r="inline-status"] { margin-left: 16px; vertical-align: top; user-select: none; -webkit-user-select: none; }
[data-r="rich-text"] p[data-block="ask"]:is([data-state="sent"], :has(> [data-r="inline-status"][data-state="sent"])) { color: var(--ink-3); }
[data-r="rich-text"] [data-block="ask"] > [data-r="inline-status"] { flex: none; align-self: flex-start; min-height: var(--line); margin-left: 16px; user-select: none; -webkit-user-select: none; }
[data-r="rich-text"] [data-block="ask"]:has(> [data-r="inline-status"][data-state="sent"]) > [data-part="text"] { color: var(--ink-3); }
[data-r="rich-text"] [data-block="callout"] > [data-part="box"] { display: flex; align-items: flex-start; gap: 10px; flex: 1; min-width: 0; padding: 12px 16px 12px 12px; border-radius: var(--r-value); background: var(--well); }
[data-r="rich-text"] [data-block="callout"] [data-part="icon"] { display: flex; align-items: center; flex: none; height: var(--line); color: var(--ink-2); }
[data-r="rich-text"] [data-block="callout"] [data-part="icon"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="rich-text"] [data-block="callout"][data-icon="info"] [data-part="icon"] { color: var(--info-dot); }
[data-r="rich-text"] [data-block="callout"][data-icon="warning"] [data-part="icon"] { color: var(--warning-dot); }
[data-r="rich-text"] [data-block="callout"][data-icon="alert"] [data-part="icon"] { color: var(--danger-dot); }
[data-r="rich-text"] [data-block="callout"][data-kind="note"] [data-part="icon"] { color: var(--info-dot); }
[data-r="rich-text"] [data-block="callout"][data-kind="tip"] > [data-part="box"] { background: var(--label-aqua-bg); }
[data-r="rich-text"] [data-block="callout"][data-kind="tip"] [data-part="icon"] { color: var(--label-aqua-fg); }
[data-r="rich-text"] [data-block="callout"][data-kind="warning"] > [data-part="box"] { background: var(--label-yellow-bg); }
[data-r="rich-text"] [data-block="callout"][data-kind="warning"] [data-part="icon"] { color: var(--label-yellow-fg); }
[data-r="rich-text"] [data-block="callout"][data-kind="danger"] > [data-part="box"] { background: var(--label-red-bg); }
[data-r="rich-text"] [data-block="callout"][data-kind="danger"] [data-part="icon"] { color: var(--label-red-fg); }
[data-r="rich-text"] [data-block="callout"][data-kind="success"] > [data-part="box"] { background: var(--label-green-bg); }
[data-r="rich-text"] [data-block="callout"][data-kind="success"] [data-part="icon"] { color: var(--label-green-fg); }
[data-r="rich-text"] [data-block="callout"] [data-part="box"] > [data-part="body"] { flex: 1; min-width: 0; }
[data-r="rich-text"] [data-block="callout"] [data-part="box"] > [data-part="body"] > * + * { margin-top: 8px; }
[data-r="rich-text"] [data-block="callout"] button[data-part="icon"] { justify-content: center; width: var(--h-24); height: var(--h-24); margin: calc((var(--line) - var(--h-24)) / 2) -2px 0 -4px; padding: 0; border: 0; border-radius: var(--r-key); background: transparent; font: inherit; cursor: default; transition: background-color var(--state-out); }
[data-r="rich-text"] [data-block="callout"] button[data-part="icon"][aria-expanded="true"] { background: var(--a10); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="rich-text"] [data-block="callout"] button[data-part="icon"]:hover { background: var(--a10); transition-duration: 0s; }
}
[data-r="rich-text"] [data-block="callout"] button[data-part="icon"][data-force~="hover"] { background: var(--a10); transition-duration: 0s; }
[data-r="rich-text"] [data-block="callout"] button[data-part="icon"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="rich-text"] [data-block="callout"] button[data-part="icon"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="rich-text"][data-readonly] [data-block="callout"] button[data-part="icon"] { pointer-events: none; }
[data-r="rich-text"] [data-block="code"] > [data-r="code-block"] { flex: 1; min-width: 0; }
[data-r="rich-text"] [data-block="code"] [data-part="text"] { flex: none; display: block; min-height: var(--lh-13); font-family: var(--font-mono); font-size: var(--fs-13); line-height: var(--lh-13); white-space: pre; }
[data-r="rich-text"] [data-block="code"] > [data-part="handle"] { top: calc((var(--h-32) - var(--h-24)) / 2); }
[data-r="rich-text"] [data-block="collapsible"] > [data-part="toggle"] { display: grid; place-items: center; flex: none; width: 20px; height: var(--h-20); margin: calc((var(--line) - var(--h-20)) / 2) 4px 0 -2px; padding: 0; border: 0; border-radius: var(--r-key); background: transparent; color: var(--ink-3); font: inherit; cursor: default; transition: background-color var(--state-out), color var(--state-out); }
[data-r="rich-text"] [data-block="collapsible"] > [data-part="toggle"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); transition: transform var(--state-out); }
[data-r="rich-text"] [data-block="collapsible"] > [data-part="toggle"][aria-expanded="true"] > svg[data-icon] { transform: rotate(90deg); }
@media (hover: hover) {
  [data-r="rich-text"] [data-block="collapsible"] > [data-part="toggle"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="rich-text"] [data-block="collapsible"] > [data-part="toggle"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="rich-text"] [data-block="collapsible"] > [data-part="toggle"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="rich-text"] [data-block="collapsible"] > [data-part="toggle"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="rich-text"] [data-block="collapsible"] > [data-part="body"] { flex: 1; min-width: 0; }
[data-r="rich-text"] [data-block="collapsible"] > [data-part="body"] > [data-part="item"]:first-child > [data-part="text"] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="rich-text"] [data-block="collapsible"] > [data-part="toggle"][aria-expanded="false"] ~ [data-part="body"] > :not(:first-child) { display: none; }
[data-r="rich-text"] [data-block="collapsible"] > [data-part="body"] > [data-part="item"] > [data-part="handle"] { display: none; }
[data-r="rich-text"] [data-block="columns"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
[data-r="rich-text"] [data-block="columns"][data-columns="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
[data-r="rich-text"] [data-block="columns"] > [data-part="column"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="rich-text"] [data-block="columns"] > [data-part="column"] > [data-part="item"] > [data-part="handle"] { display: none; }
[data-r="rich-text"] [data-block="columns"] > [data-part="column"]:is(:empty, [data-empty]) { min-height: var(--row-44); border-radius: var(--r-value); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
@media (width < 640px) {
  [data-r="rich-text"] [data-block="columns"] { grid-template-columns: minmax(0, 1fr); row-gap: 12px; }
}
[data-r="rich-text"] [data-block="contents"] { cursor: default; user-select: none; -webkit-user-select: none; }
[data-r="rich-text"] [data-block="contents"] > [data-part="box"] { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 10px 12px 12px; border-radius: var(--r-value); box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="rich-text"] [data-block="contents"] [data-part="title"] { margin: 0 0 4px 4px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="rich-text"] [data-block="contents"] [data-part="entry"] { display: flex; align-items: center; align-self: flex-start; max-width: 100%; height: var(--row-24); padding: 0 6px; margin: 0; border: 0; border-radius: var(--r-key); background: transparent; color: var(--ink-2); font: inherit; font-size: var(--fs-13); line-height: var(--lh-13); text-align: left; cursor: default; transition: background-color var(--state-out), color var(--state-out); }
[data-r="rich-text"] [data-block="contents"] [data-part="entry"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="rich-text"] [data-block="contents"] [data-part="entry"][data-level="1"] { margin-left: 16px; }
[data-r="rich-text"] [data-block="contents"] [data-part="entry"][data-level="2"] { margin-left: 32px; }
@media (hover: hover) {
  [data-r="rich-text"] [data-block="contents"] [data-part="entry"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="rich-text"] [data-block="contents"] [data-part="entry"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="rich-text"] [data-block="contents"] [data-part="entry"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="rich-text"] [data-block="contents"] [data-part="entry"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="rich-text"] [data-block="contents"] [data-part="none"] { margin: 0 0 0 4px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="rich-text"] [data-block="page-break"] { --line: 24px; align-items: center; justify-content: center; height: 24px; cursor: default; user-select: none; -webkit-user-select: none; }
[data-r="rich-text"] [data-block="page-break"]::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: var(--px) dashed var(--line-4); }
[data-r="rich-text"] [data-block="page-break"] > [data-part="label"] { position: relative; padding: 0 8px; background: var(--plane); color: var(--ink-3); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); }
[data-r="rich-text"] :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) + :is([data-block="collapsible"], [data-block="columns"], [data-block="contents"], [data-block="page-break"]),
[data-r="rich-text"] :is([data-block="columns"], [data-block="contents"], [data-block="page-break"]) + :is([data-part="item"], :where(:is([data-part="doc"], [data-part="column"]) > :not([data-part]))) { --gap: 16px; }
@media print {
  [data-r="rich-text"] [data-block="page-break"] { height: 0; break-after: page; visibility: hidden; }
  [data-r="rich-text"] [data-block="collapsible"] > [data-part="toggle"] { display: none; }
}
[data-r="rich-text"] [data-block="divider"] { --line: 24px; align-items: center; height: 24px; }
[data-r="rich-text"] [data-block="divider"] > hr { flex: 1; height: 0; margin: 0; border: 0; border-top: var(--px) solid var(--line-3); }
[data-r="rich-text"] [data-block="table"] { --line: var(--row-32); display: grid; grid-template-columns: minmax(0, max-content) 20px; grid-template-rows: auto 20px; gap: 4px; }
[data-r="rich-text"] [data-block="table"] > [data-part="scroll"] { min-width: 0; overflow-x: auto; }
[data-r="rich-text"] [data-block="table"] [data-r="table"] { width: auto; min-width: 100%; }
[data-r="rich-text"] [data-block="table"] [data-r="table"] :is(th, td) { position: static; min-width: 120px; flex: none; vertical-align: top; white-space: pre-wrap; outline: none; }
[data-r="rich-text"] [data-block="table"] [data-r="table"] th { height: var(--row-32); padding-top: 7px; padding-bottom: 7px; }
[data-r="rich-text"] [data-block="table"] [data-r="table"] :is(th, td) + :is(th, td) { border-left: var(--px) solid var(--line-1); }
@media (hover: hover) {
  [data-r="rich-text"] [data-block="table"] [data-r="table"] tbody tr:hover > td { background: transparent; }
}
[data-r="rich-text"] [data-block="table"] [data-r="table"] tbody tr[data-force~="hover"] > td { background: transparent; }
[data-r="rich-text"] [data-block="table"] > [data-part="add"] { display: grid; place-items: center; padding: 0; border-radius: var(--r-press); color: var(--ink-3); opacity: 0; transition: opacity var(--state-out), background-color var(--state-out), color var(--state-out); }
[data-r="rich-text"] [data-block="table"] > [data-part="add"][data-add="column"] { grid-column: 2; grid-row: 1; }
[data-r="rich-text"] [data-block="table"] > [data-part="add"][data-add="row"] { grid-column: 1; grid-row: 2; }
[data-r="rich-text"] [data-block="table"] > [data-part="add"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
@media (hover: hover) {
  [data-r="rich-text"] [data-block="table"]:hover > [data-part="add"] { opacity: 1; transition-duration: 0s; }
}
[data-r="rich-text"] [data-block="table"][data-force~="hover"] > [data-part="add"] { opacity: 1; transition-duration: 0s; }
[data-r="rich-text"] [data-block="table"]:is([data-caret], :focus-within) > [data-part="add"] { opacity: 1; transition-duration: 0s; }
[data-r="rich-text"] [data-block="table"] > [data-part="add"]:focus-visible { opacity: 1; transition-duration: 0s; }
[data-r="rich-text"] [data-block="table"] > [data-part="add"][data-force~="focus"] { opacity: 1; transition-duration: 0s; }
[data-r="rich-text"] [data-block="table"] > [data-part="add"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="rich-text"] [data-block="table"] > [data-part="add"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
@media (hover: hover) {
  [data-r="rich-text"] [data-block="table"] > [data-part="add"]:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="rich-text"] [data-block="table"] > [data-part="add"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
@media (hover: none) {
  [data-r="rich-text"] [data-block="table"] > [data-part="add"] { opacity: 1; }
}
[data-r="rich-text"][data-readonly] [data-block="table"] > [data-part="add"],
[data-r="rich-text"] > [data-part="doc"][contenteditable="false"]:not([data-static]) [data-block="table"] > [data-part="add"] { display: none; }
[data-r="rich-text"] [data-block="image"] { --line: var(--lh-13); }
[data-r="rich-text"] [data-block="image"] > figure { flex: 1; min-width: 0; margin: 0; }
[data-r="rich-text"] [data-block="image"] [data-part="media"] { display: block; }
[data-r="rich-text"] [data-block="image"] [data-part="media"] > img { display: block; max-width: 100%; height: auto; border-radius: var(--r-value); box-shadow: 0 0 0 var(--px) var(--line-1); }
[data-r="rich-text"] [data-block="image"] figcaption[data-part="text"] { display: block; margin-top: 8px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="rich-text"] [data-block="image"] [data-part="empty"] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-height: var(--row-52); padding: 8px 12px 8px 14px; border-radius: var(--r-value); background: var(--well); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); cursor: default; }
[data-r="rich-text"] [data-block="image"] [data-part="empty"] > svg[data-icon] { color: var(--thing, var(--ink-3)); }
[data-r="rich-text"] [data-block="image"][data-state="waiting"] [data-part="media"] { overflow: hidden; aspect-ratio: var(--ratio, 16 / 9); border-radius: var(--r-value); background: var(--well); }
[data-r="rich-text"] [data-block="image"][data-state="waiting"] [data-part="media"] > img { visibility: hidden; }
[data-r="rich-text"] [data-block="image"][data-state="waiting"] [data-part="media"]::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); pointer-events: none; background: linear-gradient(90deg, transparent, var(--a5), transparent); animation: r-shimmer var(--shimmer) var(--ease-quad) infinite; }
@media (prefers-reduced-motion: reduce) {
  [data-r="rich-text"] [data-block="image"][data-state="waiting"] [data-part="media"]::after { animation: none; }
}
[data-r="rich-text"] [data-block="image"][data-size="wide"] > figure { margin-inline: -80px; }
[data-r="rich-text"] [data-block="image"][data-size="full"] > figure { flex: none; width: min(100cqw - 64px, 1120px); margin-left: calc(50% - min(50cqw - 32px, 560px)); }
[data-r="rich-text"] [data-block="image"]:is([data-size="wide"], [data-size="full"]) [data-part="media"] > img { width: 100%; }
@container (width < 900px) {
  [data-r="rich-text"] [data-block="image"]:is([data-size="wide"], [data-size="full"]) > figure { width: auto; margin-inline: 0; }
}
@media (width < 900px) {
  [data-r="rich-text"] [data-block="image"]:is([data-size="wide"], [data-size="full"]) > figure { width: auto; margin-inline: 0; }
}
[data-r="rich-text"] [data-block="image"] [data-part="media"] { position: relative; }
[data-r="rich-text"] [data-block="image"] [data-part="size"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); position: absolute; top: 8px; right: 8px; z-index: 1; padding: 2px; border-radius: var(--r-value); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); font-size: var(--fs-12); line-height: var(--lh-12); opacity: 0; pointer-events: none; transition: opacity var(--state-out); }
[data-r="rich-text"] [data-block="image"] [data-part="size"] > [data-r="segmented"] { gap: 2px; }
[data-r="rich-text"] [data-block="image"] [data-part="size"]:focus-within { opacity: 1; pointer-events: auto; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="rich-text"] [data-block="image"]:is([data-selected], :hover) [data-part="size"] { opacity: 1; pointer-events: auto; transition-duration: 0s; }
}
[data-r="rich-text"] [data-block="image"]:is([data-selected], [data-force~="hover"]) [data-part="size"] { opacity: 1; pointer-events: auto; transition-duration: 0s; }
[data-r="rich-text"]:is([data-readonly], [data-static]) [data-block="image"]:not([data-force]) [data-part="size"] { display: none; }
[data-r="rich-text"] [data-block="session"] { --line: var(--row-36); }
[data-r="rich-text"] [data-block="session"] > [data-r="embed"] { flex: 1; min-width: 0; min-height: var(--row-36); margin: 0; padding: 8px 12px; font-size: var(--fs-13); line-height: var(--lh-13); cursor: default; }
[data-r="rich-text"] [data-block="session"] > [data-r="embed"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="rich-text"] [data-part="text"] strong { font-weight: var(--fw-550); }
[data-r="rich-text"] [data-part="text"]:not([data-r="code-block"] *) code { padding: 1px 4px; border-radius: var(--r-key); background: var(--well); color: var(--ink); font-family: var(--font-mono); font-size: var(--fs-13); font-feature-settings: normal; font-variant-ligatures: none; letter-spacing: 0; overflow-wrap: anywhere; }
[data-r="rich-text"] [data-block="heading"] [data-part="text"] code { font-size: inherit; }
[data-r="rich-text"] [data-part="text"] a { border-radius: var(--r-key); color: var(--ink); text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: var(--a35); transition: text-decoration-color var(--state-out); }
@media (hover: hover) {
  [data-r="rich-text"] [data-part="text"] a:hover { text-decoration-color: var(--ink); transition-duration: 0s; }
}
[data-r="rich-text"] [data-part="text"] a[data-force~="hover"] { text-decoration-color: var(--ink); transition-duration: 0s; }
[data-r="rich-text"] [data-r="mention"] { vertical-align: 1px; cursor: default; }
[data-r="rich-text"] [data-block="heading"] [data-r="mention"] { vertical-align: 2px; }
[data-r="rich-text"] [data-r="mention"][data-kind="task"] { vertical-align: baseline; }
[data-r="menu"][data-kind="blocks"] [data-r="menu-item"][data-lines="2"] > [data-part="stack"] > :first-child { color: inherit; }
[data-r="menu"][data-kind="blocks"] [data-r="menu-item"] > [data-part="end"] > [data-r="keys"] { gap: 2px; }
[data-r="format-bar"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); display: flex; align-items: center; gap: 2px; padding: 4px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); white-space: nowrap; user-select: none; -webkit-user-select: none; }
[data-r="format-bar"][data-float] { position: fixed; z-index: var(--z-popover); inset: auto; margin: 0; }
[data-r="format-bar"] > [data-r="toolbar-separator"] { margin: 0 3px; }
[data-r="format-bar"] > [data-part="turn"] { --pad: 8px; --pad-icon: 6px; }
[data-r="format-bar"] > [data-part="turn"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
@media (hover: hover) {
  [data-r="format-bar"] > [data-part="turn"]:is(:hover, [aria-expanded="true"]) > svg[data-icon] { color: var(--thing, var(--ink-2)); }
}
[data-r="format-bar"] > [data-part="turn"]:is([data-force~="hover"], [aria-expanded="true"]) > svg[data-icon] { color: var(--thing, var(--ink-2)); }
[data-r="format-bar"][data-variant="keyboard"] { position: fixed; z-index: var(--z-dock); left: 0; right: 0; bottom: var(--keyboard-inset, 0px); gap: 2px; height: 52px; padding: 4px 8px; border-radius: 0; box-shadow: 0 calc(-1 * var(--px)) 0 var(--line-3); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="format-bar"][data-variant="keyboard"][data-static] { position: relative; left: auto; right: auto; bottom: auto; z-index: auto; }
[data-r="format-bar"][data-variant="keyboard"] > [data-part="strip"] { display: flex; align-items: center; gap: 2px; flex: 1 1 auto; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
[data-r="format-bar"][data-variant="keyboard"] > [data-part="strip"]::-webkit-scrollbar { display: none; }
[data-r="format-bar"][data-variant="keyboard"] [data-r="button"] { flex: none; }
[data-r="format-bar"][data-variant="keyboard"] [data-r="button"] > [data-part="aa"] { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: inherit; }
[data-r="format-bar"][data-variant="keyboard"] > [data-r="toolbar-separator"] { height: 24px; margin: 0 2px; }
[data-r="format-bar"][data-variant="keyboard"] > [data-part="done"] { --pad: 14px; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="format-bar"][data-variant="keyboard"] > [data-part="panel"] { position: absolute; left: 8px; right: 8px; bottom: calc(100% + 8px); max-height: 50dvh; overflow-y: auto; padding: 4px; white-space: normal; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e3); --row-32: var(--row-44); }
[data-r="format-bar"][data-variant="keyboard"] > [data-part="panel"][hidden] { display: none; }
[data-r="format-bar"][data-variant="keyboard"] > [data-part="panel"][data-kind="tiles"] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
[data-r="format-bar"][data-variant="keyboard"] > [data-part="panel"][data-kind="tiles"][hidden] { display: none; }
[data-r="format-bar"][data-variant="keyboard"] > [data-part="panel"][data-kind="rows"] { display: flex; flex-direction: column; gap: 1px; }
[data-r="format-bar"][data-variant="keyboard"] > [data-part="panel"] > [data-part="separator"] { flex: none; height: var(--px); margin: 4px 8px; background: var(--line-3); }
[data-r="format-bar"][data-variant="keyboard"] [data-part="tile"] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0; min-height: 56px; padding: 4px; border: 0; border-radius: var(--r-row); background: transparent; color: var(--ink-2); font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); transition: background-color var(--state-out), color var(--state-out); }
[data-r="format-bar"][data-variant="keyboard"] [data-part="tile"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); }
[data-r="format-bar"][data-variant="keyboard"] [data-part="tile"]:active { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="format-bar"][data-variant="keyboard"] [data-part="tile"][data-force~="active"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="format-bar"][data-variant="keyboard"] [data-part="tile"]:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--accent); }
[data-r="format-bar"][data-variant="keyboard"] [data-part="tile"][data-force~="focus"] { outline: none; box-shadow: 0 0 0 2px var(--accent); }
[data-r="format-bar"][data-variant="keyboard"] [data-part="tile"][aria-pressed="true"] { background: var(--plane-selected); color: var(--ink); }
@media (hover: hover) {
  @media (hover: hover) {
    [data-r="format-bar"][data-variant="keyboard"] [data-part="tile"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
  }
  [data-r="format-bar"][data-variant="keyboard"] [data-part="tile"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="popover"][data-kind="link"] { width: 340px; max-width: calc(100vw - 16px); }
[data-r="outline"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); position: relative; width: 32px; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="outline"] > [data-part="lines"] { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 8px 0 8px 6px; }
[data-r="outline"] [data-part="line"] { display: block; flex: none; width: 20px; height: 2px; border-radius: var(--r-press); background: var(--ink-4); transition: background-color var(--state-out); }
[data-r="outline"] [data-part="line"][data-level="2"] { width: 14px; }
[data-r="outline"] [data-part="line"][data-level="3"] { width: 8px; }
[data-r="outline"] [data-part="line"][data-current] { background: var(--ink); transition-duration: 0s; }
[data-r="outline"] > [data-part="panel"] { position: absolute; z-index: 3; top: -4px; left: 0; display: flex; flex-direction: column; width: 248px; max-height: min(420px, 70vh); padding: var(--inset); overflow: hidden auto; overscroll-behavior: contain; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); opacity: 0; pointer-events: none; transform: scale(var(--scale-from)); transform-origin: 0 0; /* at rest it is there only for the keys and a screen reader: clipped away once it has faded, so the headings never lie over the text */ clip-path: inset(50%); /* 28 October 2026: a menu's spring, sampled into the --overlay curves (ramtt.js moves a menu on the same) */ transition: opacity var(--overlay-out-duration) var(--overlay-out-opacity), transform var(--overlay-out-duration) var(--overlay-out-scale), clip-path 0s linear var(--overlay-out-duration); }
[data-r="outline"] > [data-part="panel"][popover] { position: fixed; inset: auto; height: auto; margin: 0; border: 0; color: inherit; }
[data-r="outline"] > [data-part="panel"]:focus-within { opacity: 1; pointer-events: auto; transform: none; clip-path: none; transition: opacity var(--overlay-in-duration) var(--overlay-in-opacity), transform var(--overlay-in-duration) var(--overlay-in-scale), clip-path 0s; }
@media (hover: hover) {
  [data-r="outline"]:is(:hover, :focus-within, [data-open], [data-hover]) > [data-part="panel"] { opacity: 1; pointer-events: auto; transform: none; clip-path: none; transition: opacity var(--overlay-in-duration) var(--overlay-in-opacity), transform var(--overlay-in-duration) var(--overlay-in-scale), clip-path 0s; }
}
[data-r="outline"]:is([data-force~="hover"], :focus-within, [data-open], [data-hover]) > [data-part="panel"] { opacity: 1; pointer-events: auto; transform: none; clip-path: none; transition: opacity var(--overlay-in-duration) var(--overlay-in-opacity), transform var(--overlay-in-duration) var(--overlay-in-scale), clip-path 0s; }
[data-r="outline"] [data-part="row"] { display: flex; align-items: center; flex: none; width: 100%; height: var(--row-28); padding: 0 8px; border-radius: var(--r-row); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); text-align: left; white-space: nowrap; transition: background-color var(--state-out), color var(--state-out); }
[data-r="outline"] [data-part="row"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="outline"] [data-part="row"][data-level="2"] { padding-left: 20px; }
[data-r="outline"] [data-part="row"][data-level="3"] { padding-left: 32px; }
@media (hover: hover) {
  [data-r="outline"] [data-part="row"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="outline"] [data-part="row"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="outline"] [data-part="row"][aria-current="true"] { background: var(--plane-selected); color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="outline"] [data-part="row"][aria-current="true"]:hover { background: var(--plane-selected); color: var(--ink); transition-duration: 0s; }
}
[data-r="outline"] [data-part="row"][aria-current="true"][data-force~="hover"] { background: var(--plane-selected); color: var(--ink); transition-duration: 0s; }
[data-r="outline"] [data-part="row"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="outline"] [data-part="row"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="outline"][data-empty] { display: none; }
}

/* ═══ 80-session-preview.css ═══ */
@layer components {
[data-r="session-preview"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); position: relative; display: flex; flex-direction: column; width: 320px; max-width: calc(100vw - 16px); border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); outline: none; }
[data-r="session-preview"][hidden] { display: none; }
[data-r="session-preview"] > [data-part="head"] { display: flex; align-items: flex-start; gap: 8px; padding: 12px 8px 4px 14px; }
[data-r="session-preview"] > [data-part="head"] > [data-r="status"] { margin-top: 2px; flex: none; }
[data-r="session-preview"] > [data-part="head"] > [data-part="heading"] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
[data-r="session-preview"] [data-part="heading"] > [data-part="title"] { font-weight: var(--fw-550); color: var(--ink); overflow-wrap: anywhere; }
[data-r="session-preview"] [data-part="heading"] > [data-part="when"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="session-preview"] > [data-part="body"] { display: flex; flex-direction: column; gap: 12px; padding: 8px 14px 12px; }
[data-r="session-preview"] > [data-part="body"] > [data-r="workout"] { margin-top: 2px; }
[data-r="session-preview"] [data-part="figures"] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; }
[data-r="session-preview"] [data-part="figures"] > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="session-preview"] [data-part="figures"] dt { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="session-preview"] [data-part="figures"] dd { margin: 0; font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="session-preview"] [data-part="figures"] dd > small { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="session-preview"] [data-part="figures"] dd[data-empty] { color: var(--ink); }
[data-r="session-preview"] [data-part="facts"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="session-preview"] [data-part="facts"] > span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
[data-r="session-preview"] [data-part="facts"] > span > b { font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="session-preview"] > [data-part="actions"] { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 12px; }
[data-r="session-preview"] > [data-part="foot"] { display: flex; align-items: center; gap: 8px; min-height: var(--row-40); padding: 4px 8px 4px 6px; border-top: var(--px) solid var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="session-preview"] > [data-part="foot"] > [data-part="browse"] { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
[data-r="session-preview"][data-variant="top"] { width: auto; max-width: none; border-radius: 0; background: none; box-shadow: none; flex: none; }
[data-r="session-preview"][data-variant="top"] > [data-part="head"] { padding: 0 0 4px; }
[data-r="session-preview"][data-variant="top"] > [data-part="body"] { padding: 8px 0 0; }
[data-r="side-panel"] [data-part="structure"] { display: flex; flex-direction: column; gap: 10px; }
[data-r="side-panel"] [data-part="structure"] > [data-part="written"] { padding: 8px 10px; border-radius: var(--r-value); background: var(--well); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
[data-r="side-panel"] [data-part="record"] > [data-part="meta"] > [data-part="keys"] { margin-left: auto; white-space: nowrap; }
}

/* ═══ 80-trail.css ═══ */
@layer components {
[data-r="page"][data-template="document"] [data-part="column"] > [data-part="rail"]:has(> [data-r="trail"]) { justify-self: start; z-index: 3; width: auto; max-width: none; overflow: visible; box-shadow: none; background: none; }
[data-r="trail"][data-fits="false"] { display: none; }
@media (hover: none) and (pointer: coarse) {
  [data-r="page"][data-template="document"] [data-part="column"] > [data-part="rail"]:has(> [data-r="trail"]) { display: none; }
}
.trail { display: block; --trail-row: 8px;             /* tick pitch; integer so 1px ticks land on whole pixels */ --trail-row-open: 24px;       /* open row height, the WCAG 2.2 minimum target size */ --trail-head-h: 24px;         /* open panel: space for the time left line */ --trail-tick: 1px; --trail-tick-active: 1.5px; --trail-tick-h2: 12px;        /* collapsed: tick length shows the heading level */ --trail-tick-h3: 8px; --trail-tick-body: 4px; --trail-tick-open: .55;       /* heading tick scale when open, without bars */ --trail-bar-min: 2;           /* open, with bars: tick length is reading time, px */ --trail-bar-max: 24; --trail-bar-h: 2px;           /* bar thickness when open */ --trail-tick-x: 12px;         /* left edge of the ticks, closed and open */ --trail-tick-x-open: 17px; --trail-dot: 5px; --trail-dot-x: 4.5px;         /* centre of the dot lane, closed and open */ --trail-dot-x-open: 10.5px; --trail-label-x: 32px; --trail-width: 26px;          /* footprint in the layout */ --trail-pad: 10px; --trail-bottom: 24px;         /* space kept below the rail */ --trail-fade: 48px;           /* longest edge fade on a scrolling list, two rows */ --trail-skim-h: 24px; --trail-skim-gap: 6px; --trail-body: var(--line-4);          /* unread, between headings */ --trail-body-read: var(--a35); --trail-head: var(--a35);             /* unread heading */ --trail-head-read: var(--ink-4); --trail-current: var(--ink); --trail-dot-color: var(--accent-glyph); /* allow: accent-scope · the package's violet dot */ --x: 0; --hc: 200px; --ho: 200px; --to: 200px; --trail-open-w: 240px; --tx: calc(var(--trail-tick-x) + (var(--trail-tick-x-open) - var(--trail-tick-x)) * var(--x)); --ts: calc(1 - (1 - var(--trail-tick-open)) * var(--x)); position: relative; width: var(--trail-width); height: var(--hc); font: 400 var(--fs-12)/var(--lh-12) var(--font); letter-spacing: var(--tracking); }
.trail[data-bars] { --trail-label-x: 50px }
@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) .trail { --trail-head-read: var(--ink-3) }
}
:root[data-theme="dark"] .trail { --trail-head-read: var(--ink-3) }
.trail__panel { position: absolute; left: 0; top: 0; z-index: 1; width: calc(var(--trail-closed-w, var(--trail-width)) + (var(--trail-open-w) - var(--trail-closed-w, var(--trail-width))) * var(--x)); height: calc(var(--hc) + (var(--ho) - var(--hc)) * var(--x)); cursor: default; }
.trail__bg { position: absolute; inset: 0; background: var(--raised); border-radius: var(--r-row); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); opacity: var(--x); pointer-events: none; }
.trail__head { position: absolute; left: var(--trail-label-x); right: 8px; top: calc(var(--trail-pad) - 4px); height: 24px; display: flex; align-items: center; justify-content: space-between; gap: 8px; opacity: clamp(0, calc(var(--x) * 2 - 1), 1); }
.trail:not([data-open]) .trail__head { pointer-events: none }
.trail__meta { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); font-family: var(--font); letter-spacing: .01em; color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
.trail__gear { appearance: none; border: 0; background: none; padding: 0; width: 24px; height: 24px; border-radius: var(--r-press); display: grid; place-items: center; color: var(--ink-4); cursor: default; transition: color var(--opacity-out), background-color var(--opacity-out); }
.trail__gear[aria-expanded="true"] { color: var(--ink); background: var(--a5) }
@media (hover: hover) {
  .trail__gear:hover { color: var(--ink); background: var(--a5) }
}
.trail__gear:focus-visible { outline: 1px solid var(--accent-glyph); outline-offset: -1px }
.trail__gear svg { width: 14px; height: 14px; display: block }
.trail [hidden],
.trail-line[hidden] { display: none }
.trail:not([data-open]) .trail__menu { display: none }
.trail__menu { position: absolute; top: 0; z-index: 3; left: calc(var(--trail-open-w) + 8px); width: 236px; display: grid; gap: 10px; padding: 12px; background: var(--raised); border-radius: var(--r-contain); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-400); font-family: var(--font); letter-spacing: var(--tracking); color: var(--ink); transform-origin: 0 0; animation: trail-menu-in var(--state-out) var(--ease-expo); }
@keyframes trail-menu-in { from{ opacity: 0; transform: translateX(-4px) } }
.trail__mh { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); font-family: var(--font); letter-spacing: .01em; color: var(--ink-3) }
.trail__seg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; padding: 2px; border-radius: var(--r-press); background: var(--a5) }
.trail__seg button { appearance: none; border: 0; background: none; border-radius: var(--r-press); padding: 5px 0; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); font-family: var(--font); color: var(--ink-3); cursor: default; }
.trail__seg button[aria-pressed="true"] { background: var(--raised); color: var(--ink); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2) }
.trail__mcap { margin: -4px 0 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-4) }
.trail__mparts { display: grid; gap: 2px; margin: 0 -6px }
.trail__menu[data-off] .trail__mparts { opacity: .5 }
.trail__mrow { appearance: none; border: 0; background: none; text-align: left; cursor: default; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 6px; border-radius: var(--r-row); color: inherit; font: inherit; }
@media (hover: hover) {
  .trail__mrow:hover { background: var(--a5) }
}
.trail__mtext { display: grid }
.trail__mtext small { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-4) }
.trail__sw { flex: none; position: relative; width: 26px; height: 16px; border-radius: var(--r-press); background: var(--line-4); transition: background-color var(--state-out); }
.trail__sw::after { content: ''; position: absolute; left: 2px; top: 2px; width: 12px; height: 12px; border-radius: var(--r-press); background: var(--raised); box-shadow: var(--e1); transition: transform var(--state-out) var(--ease-expo); }
.trail__mrow[aria-checked="true"] .trail__sw { background: var(--ink) }
.trail__mrow[aria-checked="true"] .trail__sw::after { transform: translateX(10px) }
.trail__mreset { appearance: none; border: 0; background: none; padding: 0; justify-self: start; cursor: default; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); font-family: var(--font); color: var(--ink-3); }
@media (hover: hover) {
  .trail__mreset:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 2px }
}
.trail__seg button:focus-visible,
.trail__mrow:focus-visible,
.trail__mreset:focus-visible { outline: 1px solid var(--accent-glyph); outline-offset: -1px }
@media (prefers-reduced-motion: reduce) {
  .trail__menu { animation: none }
  .trail__sw,
  .trail__sw::after { transition: none }
}
.trail__scroll { --ft: 0px; --fb: 0px; position: absolute; left: 0; right: 0; bottom: 0; top: calc(var(--trail-head-h) * var(--x)); overflow: hidden; border-radius: var(--r-row); scrollbar-width: none;       /* the edge fade shows that the list scrolls */ overscroll-behavior: contain; }
.trail[data-fade] .trail__scroll { /* eased: the outer third is almost gone, the inner third almost full. A mask reads only the alpha, so RAMTT's alpha steps and the ink (opaque) are the stops. */ -webkit-mask-image: linear-gradient(to bottom, transparent 0, var(--a10) calc(var(--ft) * .3), var(--a35) calc(var(--ft) * .6), var(--a85) calc(var(--ft) * .85), var(--ink) var(--ft), var(--ink) calc(100% - var(--fb)), var(--a85) calc(100% - var(--fb) * .85), var(--a35) calc(100% - var(--fb) * .6), var(--a10) calc(100% - var(--fb) * .3), transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, var(--a10) calc(var(--ft) * .3), var(--a35) calc(var(--ft) * .6), var(--a85) calc(var(--ft) * .85), var(--ink) var(--ft), var(--ink) calc(100% - var(--fb)), var(--a85) calc(100% - var(--fb) * .85), var(--a35) calc(100% - var(--fb) * .6), var(--a10) calc(100% - var(--fb) * .3), transparent 100%); }
.trail[data-open] .trail__scroll { overflow-y: auto }
.trail__scroll::-webkit-scrollbar { display: none; width: 0; height: 0 }
.trail__track { position: relative; height: calc(var(--hc) + (var(--to) - var(--hc)) * var(--x)) }
.trail__list { list-style: none; margin: 0; padding: 0 }
.trail__item { --h: calc(var(--trail-row) + (var(--trail-row-open) - var(--trail-row)) * var(--x)); position: absolute; left: 0; right: 0; top: calc(var(--yc) + (var(--yo) - var(--yc)) * var(--x) - var(--h) / 2); height: var(--h); }
.trail__link { position: absolute; inset: 0 4px; display: block; color: inherit; text-decoration: none; border-radius: var(--r-key); outline: none; }
.trail__link:focus-visible { box-shadow: inset 0 0 0 1px var(--accent-glyph) }
.trail__tick,
.trail__fill { position: absolute; height: var(--trail-tick); transform-origin: 0 50%; transition: background-color var(--opacity-out); }
.trail__tick::after,
.trail__fill::after { content: ''; position: absolute; inset: 0; transform-origin: 0 50%; transform: scaleX(var(--f, 0)); transition: background-color var(--opacity-out); }
.trail:not([data-sweep]) .trail__link:not([aria-current]) .trail__tick::after,
.trail:not([data-sweep]) .trail__fill::after { transition: background-color var(--opacity-out), transform var(--scale-in) }
.trail__item[data-read],
.trail__fill[data-read] { --f: 1 }
.trail__tick { left: calc(var(--tx) - 4px); top: 50%; width: calc(var(--len) * 1px); background: var(--trail-head); transform: translateY(-50%) scaleX(var(--ts)); }
.trail__tick::after { background: var(--trail-head-read) }
.trail[data-bars] .trail__tick { height: calc(var(--trail-tick) + (var(--trail-bar-h) - var(--trail-tick)) * var(--x)); border-radius: var(--r-key); transform: translateY(-50%) scaleX(calc(1 + (var(--dur) / var(--len) - 1) * var(--x))); }
.trail[data-bars] .trail__tick::after { border-radius: inherit }
.trail[data-bars] .trail__link[aria-current] .trail__tick { height: calc(var(--trail-tick-active) + (var(--trail-bar-h) - var(--trail-tick-active)) * var(--x)); }
.trail__fill { left: var(--tx); top: calc(var(--yc) + (var(--yo) - var(--yc)) * var(--x)); width: var(--trail-tick-body); background: var(--trail-body); transform: translateY(-50%) scaleX(var(--ts)); opacity: calc(1 - var(--x) * 1.5); pointer-events: none; }
.trail__fill::after { background: var(--trail-body-read) }
.trail__fill[data-hl] { background: var(--trail-body-read) }
.trail__fill[data-hl]::after { background: var(--trail-head-read) }
.trail__item[data-hl] .trail__tick { background: var(--trail-head-read) }
.trail__item[data-hl] .trail__tick::after { background: var(--ink-2) }
.trail__link[aria-current] .trail__tick { height: var(--trail-tick-active) }
.trail__link[aria-current] .trail__tick::after { background: var(--trail-current) }
.trail__label { --a: clamp(0, calc(var(--x) * 1.6 - var(--s)), 1);   /* --s: stagger 0 to .35, top to bottom */ position: absolute; left: calc(var(--trail-label-x) - 4px); top: 50%; max-width: calc(var(--trail-open-w) - var(--trail-label-x) - 14px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--ink-3); opacity: var(--a); transform: translate(calc((1 - var(--a)) * -6px), -50%); transition: color var(--opacity-out); }
.trail__item[data-level="3"] .trail__label { padding-left: 10px }
@media (hover: hover) {
  .trail__link:hover .trail__label { color: var(--ink-2) }
}
.trail__link[aria-current] .trail__label { color: var(--ink) }
.trail__dot { position: absolute; left: 0; top: 0; width: var(--trail-dot); height: var(--trail-dot); border-radius: var(--r-mark); background: var(--trail-dot-color); /* allow: accent-scope · the package's violet dot */ pointer-events: none; will-change: transform; }
.trail__skim { position: absolute; top: 0; z-index: 2; left: calc(var(--trail-closed-w, var(--trail-width)) + var(--trail-skim-gap)); display: flex; align-items: center; gap: 8px; height: var(--trail-skim-h); padding: 0 9px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink); white-space: nowrap; pointer-events: none; opacity: 0; translate: -4px 0; transition: opacity var(--opacity-out), translate var(--state-out) var(--ease-expo); will-change: transform; }
.trail[data-skimming] .trail__skim { opacity: 1; translate: 0 0 }
.trail__skim-time { color: var(--ink-4); font-variant-numeric: tabular-nums }
.trail-line { position: fixed; left: 0; right: 0; top: calc(var(--lp, .15) * 100%); height: 0; z-index: var(--z-sticky); pointer-events: none; }
.trail-line__rule { position: absolute; inset: 0; transition: opacity var(--state-out) ease-out }
.trail-line[data-motion] .trail-line__rule { opacity: 0; transition-duration: calc(var(--state-out) * 4) }
.trail-line[data-motion][data-shown] .trail-line__rule,
.trail-line[data-motion][data-dragging] .trail-line__rule { opacity: 1; transition-duration: var(--state-out) }
.trail-line__base,
.trail-line__fill,
.trail-line__flash { position: absolute; top: 0; height: var(--px); background: var(--accent-glyph) }
.trail-line__base { left: 0; right: 0; opacity: .4 }
.trail-line[data-fill] .trail-line__base { opacity: .2 }
.trail-line__fill { display: none; left: var(--lx, 0); width: var(--lw, 0); height: 1px; top: -.25px; transform-origin: 0 50%; transform: scaleX(var(--lf, 0)); }
.trail-line[data-fill] .trail-line__fill { display: block }
.trail-line[data-solid] .trail-line__base { opacity: 1; height: 1px; top: -.25px }
.trail-line__flash { left: 0; right: 0; height: 1px; opacity: 0 }
.trail-line[data-flash] .trail-line__flash { animation: trail-flash calc(var(--state-out) * 6) var(--ease-expo) both }
@keyframes trail-flash { 0%{ opacity: .95 } 100%{ opacity: 0 } }
.trail-line__knob { display: none; position: absolute; right: 20px; top: -12px; width: 24px; height: 24px; pointer-events: auto; cursor: ns-resize; border-radius: var(--r-press); outline: none; touch-action: none; }
.trail-line[data-drag] .trail-line__knob { display: block }
.trail-line__knob::before { content: ''; position: absolute; inset: 0; margin: auto; width: 9px; height: 9px; border-radius: var(--r-mark); background: var(--paper); box-shadow: inset 0 0 0 1.5px var(--accent-glyph); /* allow: accent-scope · the package's violet knob */ transition: transform var(--state-out) var(--ease-expo); }
@media (hover: hover) {
  .trail-line__knob:hover::before { transform: scale(1.3) }
}
.trail-line[data-dragging] .trail-line__knob::before { transform: scale(1.3) }
.trail-line__knob:focus-visible::before { box-shadow: inset 0 0 0 1.5px var(--accent-glyph), 0 0 0 3px var(--a5) }
.trail-line__tag { position: absolute; right: 32px; top: 50%; transform: translateY(-50%); padding: 3px 8px; border-radius: var(--r-row); white-space: nowrap; background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); font-family: var(--font); letter-spacing: .01em; font-variant-numeric: tabular-nums; color: var(--ink-3); opacity: 0; transition: opacity var(--opacity-out); pointer-events: none; }
@media (hover: hover) {
  .trail-line__knob:hover .trail-line__tag { opacity: 1 }
}
.trail-line__knob:focus-visible .trail-line__tag,
.trail-line[data-dragging] .trail-line__tag { opacity: 1 }
:where(:root) { --trail-dim-near: .56; --trail-dim-far: .36 }
@media (prefers-color-scheme: dark) {
  :where(:root:not([data-theme="light"])) { --trail-dim-near: .48; --trail-dim-far: .29 }
}
:where(:root[data-theme="dark"]) { --trail-dim-near: .48; --trail-dim-far: .29 }
:where([data-trail-block], [data-trail-s]) { transition: opacity var(--opacity-out) var(--ease-trail-dim), filter var(--opacity-out) var(--ease-trail-dim) }
[data-trail-dim="near"] { opacity: var(--trail-dim-near); transition-duration: var(--trail-dim-near-fade) }
[data-trail-dim="far"] { opacity: var(--trail-dim-far); transition-duration: var(--trail-dim-far-fade) }
[data-trail-dim="faint"] { opacity: var(--trail-dim-faint); filter: blur(var(--trail-dim-blur)); transition-duration: var(--trail-dim-far-fade) }
@media (prefers-contrast: more), (forced-colors: active), print {
  [data-trail-dim] { opacity: 1; filter: none }
}
@media (prefers-reduced-motion: reduce) {
  .trail-line[data-flash] .trail-line__flash { animation: none }
  :where([data-trail-block], [data-trail-s], [data-trail-dim]) { transition: none }
}
}

/* ═══ 80a-suggested-edit.css ═══ */
@layer components {
[data-r="suggested-edit"] { border-radius: var(--r-key); transition: background-color var(--state-out); }
[data-r="suggested-edit"][data-kind="insert"] { color: var(--ink); text-decoration-line: underline; text-decoration-thickness: 1.5px; text-decoration-color: var(--c, var(--ink-3)); text-underline-offset: 3px; }
[data-r="suggested-edit"][data-kind="remove"] { color: var(--ink-3); text-decoration-line: line-through; text-decoration-thickness: 1px; text-decoration-color: var(--ink-4); }
[data-r="comment-anchor"] { border-radius: var(--r-key); text-decoration-line: underline; text-decoration-thickness: 2px; text-decoration-color: var(--line-5); text-underline-offset: 4px; transition: background-color var(--state-out); }
[data-r="suggested-edit"][data-kind="remove"] + [data-r="suggested-edit"][data-kind="insert"] { margin-left: 0.25em; }
[data-r="comment-anchor"] [data-r="suggested-edit"][data-kind="insert"] { text-decoration-line: underline; }
:is([data-r="suggested-edit"], [data-r="comment-anchor"])[data-here] { background: var(--plane-selected); transition-duration: 0s; }
[data-r="suggested-edit"][data-kind="remove"][data-here] { color: var(--ink-2); }
[data-r="rich-text"][data-mode="reading"] [data-r="suggested-edit"][data-kind="insert"] { display: none; }
[data-r="rich-text"][data-mode="reading"] [data-r="suggested-edit"][data-kind="remove"],
[data-r="rich-text"][data-mode="reading"] [data-r="comment-anchor"] { color: inherit; text-decoration-line: none; background: none; }
[data-r="rich-text"][data-mode="suggesting"] [data-part="item"] > [data-part="handle"] { visibility: hidden; }
}

/* ═══ 81-chat.css ═══ */
@layer components {
[data-r="conversation"] { position: relative; display: grid; grid-template-rows: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr); container-type: inline-size; --chat-side: 24px; --chat-foot: 16px; min-width: 0; min-height: 0; height: 100%; background: var(--plane); color: var(--ink); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="conversation"] > [data-r="scroll-area"] { min-height: 0; }
[data-r="conversation"] [data-part="feed"] { display: flex; flex-direction: column; gap: 24px; width: 100%; max-width: var(--col-feed); margin: 0 auto; padding: 24px var(--chat-side) 32px; }
[data-r="conversation"] > [data-part="dock"] { position: relative; z-index: 2; width: 100%; max-width: var(--col-feed); margin: 0 auto; padding: 0 var(--chat-side) var(--chat-foot); }
[data-r="conversation"] > [data-part="dock"] > [data-part="greeting"] { display: none; }
@container (max-width: 560px) {
  [data-r="conversation"] > * { --chat-side: 12px; --chat-foot: 12px; }
  [data-r="conversation"] [data-part="feed"] { padding-top: 16px; padding-bottom: 24px; }
  [data-r="conversation"] [data-r="message"] > [data-part="bubble"] { max-width: 92%; }
}
[data-r="conversation"] > [data-part="dock"] > [data-part="latest"] { position: absolute; top: -40px; left: 50%; margin-left: -14px; display: flex; opacity: 0; pointer-events: none; transition: opacity var(--opacity-out) linear; }
[data-r="conversation"][data-away] > [data-part="dock"] > [data-part="latest"] { opacity: 1; pointer-events: auto; transition: opacity var(--opacity-in) linear; }
:is([data-r="conversation"], [data-r="chat"]) > [data-part="dock"] > [data-r="chat-jump"] { bottom: calc(100% + 12px); right: var(--chat-side); }
[data-r="conversation"][data-empty] { grid-template-rows: auto; align-content: center; padding-bottom: 48px; }
[data-r="conversation"][data-empty] > [data-r="scroll-area"] { display: none; }
[data-r="conversation"][data-empty] > [data-part="dock"] > [data-part="greeting"] { display: block; margin: 0 0 16px; text-align: center; text-wrap: balance; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="conversation"][data-empty] > [data-part="dock"] > [data-part="latest"] { display: none; }
[data-r="message"] { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 8px; min-width: 0; color: var(--ink); font-size: var(--fs-13); line-height: var(--lh-13-long); font-weight: var(--fw-450); }
[data-r="message"][data-from="me"] { align-items: flex-end; }
[data-r="message"] > [data-part="bubble"] { max-width: min(85%, 600px); padding: 8px 14px; border-radius: var(--r-contain); background: var(--plane-selected); color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; outline: none; }
[data-r="message"] > [data-r="prose"] { max-width: none; }
[data-r="message"] > [data-r="list"] { margin-left: -20px; margin-right: -20px; }
[data-r="message"] [data-part="caret"] { display: inline-block; width: 2px; height: 17px; margin-left: 2px; vertical-align: -3px; background: var(--ink); animation: r-caret var(--indeterminate) var(--ease-quad) infinite alternate; }
[data-r="message"] [data-part="caret"] { border-radius: 1px; }
@keyframes r-caret { to { opacity: .2; } }
[data-r="message"] > [data-part="note"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="message"] > [data-part="actions"] { display: flex; align-items: center; gap: 2px; height: var(--h-24); margin: -4px -4px 0; opacity: 0; transition: opacity var(--state-out); }
[data-r="message"]:not([data-last]) > [data-part="actions"] { position: absolute; top: 100%; left: 0; right: 0; margin: 0 -4px; }
[data-r="message"][data-from="me"] > [data-part="actions"] { justify-content: flex-end; }
[data-r="message"][data-last] > [data-part="actions"] { margin-top: var(--space-8); }
[data-r="message"][data-last]:not([aria-busy="true"]) > [data-part="actions"] { opacity: 1; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="message"]:is(:hover, :focus-within) > [data-part="actions"] { opacity: 1; transition-duration: 0s; }
}
[data-r="message"]:is([data-force~="hover"], :focus-within) > [data-part="actions"] { opacity: 1; transition-duration: 0s; }
[data-r="message"][aria-busy="true"] > [data-part="actions"] { visibility: hidden; }
[data-r="message"] > [data-part="actions"] > [data-part="copy"][data-copied] { color: var(--ink); }
@media (hover: none) {
  [data-r="message"] > [data-part="actions"] { opacity: 1; }
}
[data-r="message"][data-editing] > [data-part="bubble"] { --ring-gap: var(--raised); width: min(85%, 600px); background: var(--raised); box-shadow: var(--ring-field); cursor: text; }
[data-r="message"][data-editing] > [data-part="actions"] { display: none; }
[data-r="message"] > [data-part="edit"] { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
[data-r="message"] > [data-part="edit"] > [data-part="hint"] { margin-right: 6px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="message"] > [data-r="banner"] { margin-top: 4px; }
[data-r="message"] > [data-r="message-step"] + [data-r="message-step"] { margin-top: -6px; }
[data-r="message"] > [data-r="message-changes"] { margin-top: 4px; }
[data-r="message-step"] { display: flex; flex-direction: column; min-width: 0; color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); }
[data-r="message-step"] > [data-part="head"] { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; max-width: 100%; height: var(--h-28); margin-left: -6px; padding: 0 6px; border-radius: var(--r-row); color: var(--ink-2); text-align: left; transition: background-color var(--state-out), color var(--state-out); }
[data-r="message-step"] > [data-part="head"] > :is(svg[data-icon]:first-child, [data-r="spinner"]) { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--ink-3); }
[data-r="message-step"] > [data-part="head"] > [data-part="label"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="message-step"] > [data-part="head"] > [data-part="meta"] { flex: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="message-step"] > [data-part="head"] > [data-part="chevron"] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--ink-3); }
[data-r="message-step"] > [data-part="head"][aria-expanded="true"] > [data-part="chevron"] { transform: rotate(90deg); }
[data-r="message-step"] > [data-part="head"][aria-expanded="true"] { color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="message-step"] > [data-part="head"]:hover { color: var(--ink); transition-duration: 0s; }
}
[data-r="message-step"] > [data-part="head"][data-force~="hover"] { color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="message-step"] > [data-part="head"]:hover { background-color: var(--plane-hover); }
}
[data-r="message-step"] > [data-part="head"][data-force~="hover"] { background-color: var(--plane-hover); }
@media (hover: hover) {
  [data-r="message-step"] > [data-part="head"]:is(:hover, [aria-expanded="true"]) > :is(svg[data-icon], [data-part="meta"]) { color: var(--ink-2); }
}
[data-r="message-step"] > [data-part="head"]:is([data-force~="hover"], [aria-expanded="true"]) > :is(svg[data-icon], [data-part="meta"]) { color: var(--ink-2); }
[data-r="message-step"]:is([data-state="running"], [data-state="stopped"]) > [data-part="head"] > [data-part="chevron"] { display: none; }
[data-r="message-step"] > [data-part="panel"] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--section) var(--ease-expo); }
[data-r="message-step"] > [data-part="head"][aria-expanded="true"] + [data-part="panel"] { grid-template-rows: 1fr; }
[data-r="message-step"] > [data-part="panel"] > div { min-height: 0; overflow: hidden; visibility: hidden; transition: visibility 0s linear var(--section); }
[data-r="message-step"] > [data-part="head"][aria-expanded="true"] + [data-part="panel"] > div { visibility: visible; transition-delay: 0s; }
[data-r="message-step"] [data-part="body"] { display: flex; flex-direction: column; margin: 2px 0 6px 7px; padding: 2px 0 2px 12px; border-left: var(--px) solid var(--line-3); }
[data-r="message-step"] [data-part="body"] > [data-part="item"] { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: var(--row-28); color: var(--ink-2); white-space: nowrap; }
[data-r="message-step"] [data-part="body"] > [data-part="item"] > span:not([data-r]) { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="message-step"] [data-part="body"] > [data-part="item"] > time { margin-left: auto; padding-left: 12px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="message-step"] [data-part="body"] > [data-part="item"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="message-step"] [data-part="body"] > p { margin: 4px 0; color: var(--ink-2); }
[data-r="message-changes"] { display: flex; flex-direction: column; min-width: 0; padding: 4px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); }
[data-r="message-changes"] > * { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); }
[data-r="message-changes"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-height: var(--row-36); padding: 0 2px 0 8px; }
[data-r="message-changes"] > [data-part="head"] > svg[data-icon] { flex: none; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="message-changes"] > [data-part="head"] > b { font-weight: var(--fw-550); color: var(--ink); white-space: nowrap; }
[data-r="message-changes"] > [data-part="head"] > [data-part="count"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="message-changes"] > [data-part="head"] > [data-part="actions"] { display: flex; align-items: center; gap: 4px; margin-left: auto; }
[data-r="message-changes"] > [data-part="head"] { flex-wrap: wrap; row-gap: 4px; padding-top: 4px; padding-bottom: 4px; }
[data-r="message-changes"] > [data-part="head"] > [data-part="count"] { flex-shrink: 0; }
[data-r="message-changes"] > [data-part="row"] { position: relative; display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; gap: 2px 10px; min-height: var(--row-44); padding: 6px 2px 6px 8px; border-radius: var(--r-row); }
[data-r="message-changes"] > [data-part="row"]::before { content: ""; position: absolute; left: 34px; right: 8px; top: 0; height: var(--px); background: var(--line-1); }
[data-r="message-changes"] > [data-part="row"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="message-changes"] [data-part="what"] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
[data-r="message-changes"] [data-part="what"] > b { font-weight: var(--fw-500); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color var(--state-out); }
[data-r="message-changes"] [data-part="change"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="message-changes"] [data-part="change"] > span { color: var(--ink-2); }
[data-r="message-changes"] [data-part="change"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="message-changes"] [data-part="end"] { display: flex; align-items: center; gap: 6px; }
[data-r="message-changes"] [data-part="state"] { display: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="message-changes"] > [data-part="row"][data-state="undone"] [data-part="state"] { display: inline; }
[data-r="message-changes"] > [data-part="row"][data-state="undone"] [data-part="what"] > b { color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
[data-r="message-box"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); --ring-gap: var(--raised); display: flex; flex-direction: column; min-width: 0; border: .5px solid var(--line-4); border-radius: var(--r-contain); background: var(--raised); box-shadow: var(--e1); color: var(--ink); font-size: var(--fs-13); line-height: var(--lh-13); transition: border-color var(--state-out), box-shadow var(--ring-in) var(--ease-ring); }
[data-r="message-box"]:is(:focus-within, [data-force~="focus"]) { border-color: transparent; box-shadow: var(--ring-field), var(--e1); }
[data-r="message-box"] > [data-part="text"] { display: block; width: 100%; min-height: 43px; max-height: 240px; margin: 0; padding: 12px 14px 4px; border: 0; outline: 0; resize: none; background: transparent; font: inherit; letter-spacing: inherit; color: var(--ink); field-sizing: content; overflow-y: auto; }
[data-r="message-box"] > [data-part="text"]::placeholder { color: var(--ink-3); opacity: 1; }
[data-r="message-box"] > [data-part="bar"] { display: flex; align-items: center; gap: 4px; min-width: 0; padding: 4px 6px 6px 8px; }
[data-r="message-box"] > [data-part="bar"] > [data-part="spacer"] { flex: 1; min-width: 8px; }
[data-r="message-box"] > [data-part="bar"] > [data-r="token"] { min-width: 0; max-width: 220px; }
[data-r="message-box"] > [data-part="bar"]:has(> [data-r="token"]) > [data-part="add-context"] { display: none; }
[data-r="message-box"] > [data-part="bar"] > [data-r="token"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); margin-left: -2px; color: var(--thing, var(--ink-2)); }
[data-r="message-box"] > [data-part="bar"] > [data-r="token"] > [data-part="label"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="message-box"] > [data-part="bar"] > [data-part="hint"] { margin-right: 6px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; opacity: 0; transition: opacity var(--opacity-out) linear; }
[data-r="message-box"][data-filled] > [data-part="bar"] > [data-part="hint"] { opacity: 1; transition: opacity var(--opacity-in) linear; }
[data-r="message-box"]:not([data-streaming]) > [data-part="bar"] > [data-part="stop"],
[data-r="message-box"][data-streaming] > [data-part="bar"] > [data-part="send"] { display: none; }
}

/* ═══ 81-workout-library.css ═══ */
@layer components {
[data-r="side-panel"][data-variant="library"] { width: var(--panel-props); margin: 0; box-shadow: inset calc(-1 * var(--px)) 0 0 var(--line-2); }
[data-r="side-panel"][data-variant="library"][data-over] { left: 0; right: auto; }
[data-r="side-panel"][data-variant="library"] > [data-part="head"] > [data-part="count"] { margin-right: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="side-panel"][data-variant="library"] > [data-part="head"] > [data-part="title"] { flex: none; margin-right: 6px; }
[data-r="side-panel"][data-variant="library"] > [data-part="body"] { gap: 10px; padding: 10px 8px 12px; }
[data-r="side-panel"][data-variant="library"] > [data-part="body"] > [data-r="search"] { flex: none; width: auto; margin: 0 4px; }
[data-r="side-panel"][data-variant="library"] [data-part="hint"] { padding: 0 8px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="tree-item"][data-pick] { cursor: grab; }
[data-r="tree-item"][data-pick] > [data-r="workout"] { flex: none; width: 56px; margin-left: auto; }
[data-r="tree-item"][data-pick] > [data-r="workout"] + [data-part="meta"] { flex: none; width: 30px; margin-left: 0; text-align: right; font-variant-numeric: tabular-nums; }
[data-r="tree-item"][data-folder] > [data-r="dot"] { margin: 0 3px; }
[data-r="tree-item"][data-pick] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="tree-item"][data-lifted] { z-index: var(--z-dock); cursor: grabbing; pointer-events: none; background: var(--raised); color: var(--ink); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="tree-item"][data-lifted][data-leaving] { opacity: 0; transition: opacity var(--opacity-out) ease-out; }
[data-r="tree-item"]:is([data-pick], [data-archived]) > svg[data-part="star"] { flex: none; width: var(--icon-12); height: var(--icon-12); margin-left: -2px; color: var(--ink-3); fill: currentColor; }
[data-r="tree-item"][aria-selected="true"] > svg[data-part="star"] { color: var(--ink-2); }
[data-r="tree-item"][data-archived] { cursor: default; }
[data-r="tree-item"][data-archived] > [data-part="label"] { color: var(--ink-3); }
[data-r="tree-item"][data-archived] > [data-r="workout"] { flex: none; width: 56px; margin-left: auto; opacity: .5; }
[data-r="tree-item"][data-archived] > [data-r="button"][data-part="restore"] { flex: none; margin-left: 0; }
}

/* ═══ 82-inbox.css ═══ */
@layer components {
[data-r="day-header"] { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 8px; flex: none; height: var(--row-32); margin: 0; padding: 0 16px; background: var(--plane); color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); font-variant-numeric: tabular-nums; white-space: nowrap; transition: box-shadow var(--state-out); }
[data-r="day-header"] > time { color: inherit; }
[data-r="day-header"] > [data-part="count"] { font-weight: var(--fw-450); }
[data-r="day-header"] > [data-part="end"] { margin-left: auto; font-weight: var(--fw-450); }
[data-r="day-header"][data-stuck] { box-shadow: 0 var(--px) 0 var(--line-2); transition-duration: 0s; }
[data-r="day-header"][data-flush] { padding: 0; }
[data-r="day-header"] + * { scroll-margin-top: 32px; }
[data-r="inbox"] { container-type: inline-size; display: flex; flex-direction: column; min-width: 0; min-height: 0; height: 100%; background: var(--plane); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="inbox"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; flex: none; height: 44px; padding: 0 12px 0 16px; border-bottom: var(--px) solid var(--line-2); }
[data-r="inbox"] > [data-part="head"] > [data-r="tabs"] { flex-wrap: nowrap; min-width: 0; overflow-x: auto; scrollbar-width: none; margin: 0 -4px; padding: 0 4px; }
[data-r="inbox"] > [data-part="head"] > [data-part="actions"] { display: flex; align-items: center; gap: 4px; flex: none; margin-left: auto; }
@container (max-width: 480px) {
  [data-r="inbox"] > [data-part="head"] [data-part="read-all"] { width: var(--h-24); padding: 0; }
  [data-r="inbox"] > [data-part="head"] [data-part="read-all"] > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
[data-r="inbox"] > [data-part="panel"] { position: relative; flex: 1; min-height: 0; overflow: hidden auto; overscroll-behavior: contain; }
[data-r="inbox"] [data-part="list"] { display: flex; flex-direction: column; min-height: 100%; padding: 0 0 8px; outline: none; }
[data-r="inbox"] [data-part="group"] { display: flex; flex-direction: column; }
[data-r="inbox"] [data-part="group"]:not(:has([data-r="inbox-row"]:not([hidden]))) { display: none; }
[data-r="inbox"] [data-part="list"] > [data-r="empty"] { flex: 1; justify-content: center; padding-top: 32px; }
[data-r="inbox"] [data-part="list"]:has([data-r="inbox-row"]:not([hidden])) > [data-r="empty"] { display: none; }
[data-r="inbox-row"] { position: relative; display: grid; grid-template-columns: 6px 24px minmax(0, 1fr) auto; align-items: center; column-gap: 10px; flex: none; min-height: var(--row-52); margin: 0 8px; padding: 8px 8px 8px 8px; border-radius: var(--r-row); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); transition: background-color var(--state-out); }
[data-r="inbox-row"] > [data-part="unread"] { width: 6px; height: 6px; border-radius: var(--r-round); background: transparent; }
[data-r="inbox-row"][data-unread] > [data-part="unread"] { background: var(--ink-2); }
[data-r="inbox-row"] > [data-r="avatar"],
[data-r="inbox-row"] > [data-part="icon"] { grid-column: 2; }
[data-r="inbox-row"] > [data-part="icon"] { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: var(--r-round); background: var(--well); color: var(--ink-2); }
[data-r="inbox-row"] > [data-part="icon"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="inbox-row"] > [data-part="text"] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
[data-r="inbox-row"] > [data-part="text"] > [data-part="title"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-450); color: var(--ink-2); }
[data-r="inbox-row"][data-unread] > [data-part="text"] > [data-part="title"] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="inbox-row"] > [data-part="text"] > [data-part="summary"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="inbox-row"] > [data-part="end"] { display: grid; align-items: center; justify-items: end; min-width: 56px; }
[data-r="inbox-row"] > [data-part="end"] > * { grid-area: 1 / 1; }
[data-r="inbox-row"] > [data-part="end"] > time { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="inbox-row"] > [data-part="end"] > [data-part="actions"] { display: flex; align-items: center; gap: 2px; margin-right: -4px; opacity: 0; }
[data-r="inbox-row"][data-highlighted] { background: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="inbox-row"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="inbox-row"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="inbox-row"]:is(:hover, [data-highlighted], :has([aria-expanded="true"])) > [data-part="end"] > time { visibility: hidden; }
}
[data-r="inbox-row"]:is([data-force~="hover"], [data-highlighted], :has([aria-expanded="true"])) > [data-part="end"] > time { visibility: hidden; }
@media (hover: hover) {
  [data-r="inbox-row"]:is(:hover, [data-highlighted], :has([aria-expanded="true"])) > [data-part="end"] > [data-part="actions"] { opacity: 1; }
}
[data-r="inbox-row"]:is([data-force~="hover"], [data-highlighted], :has([aria-expanded="true"])) > [data-part="end"] > [data-part="actions"] { opacity: 1; }
[data-r="inbox"] [data-part="list"]:focus-visible [data-r="inbox-row"][data-highlighted] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="inbox-row"][aria-selected="true"] { background: var(--plane-selected); }
@media (hover: hover) {
  [data-r="inbox-row"][aria-selected="true"]:is(:hover, [data-highlighted]) { background: var(--plane-selected-hover); }
}
[data-r="inbox-row"][aria-selected="true"]:is([data-force~="hover"], [data-highlighted]) { background: var(--plane-selected-hover); }
[data-r="inbox-row"][aria-selected="true"] > [data-part="text"] > [data-part="summary"],
[data-r="inbox-row"][aria-selected="true"] > [data-part="end"] > time { color: var(--ink-2); }
[data-r="inbox-row"][data-leaving] { min-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; overflow: hidden; transition: height var(--section) var(--ease-expo), min-height var(--section) var(--ease-expo), padding var(--section) var(--ease-expo), opacity var(--opacity-out) linear; }
[data-r="inbox"] > [data-part="pick-day"] [data-part="day"]:disabled { color: var(--ink-disabled); pointer-events: none; }
:is([data-r="card"]:not([data-variant]), [data-r="page"] [data-part="column"]) > [data-r="day-header"]:not([data-flush]) { margin-inline: -16px; }
}

/* ═══ 82a-inbox-groups.css ═══ */
@layer components {
[data-r="inbox-row"] > [data-part="unread"][data-r="dot"][data-state="failed"] { background: var(--status-critical); }
[data-r="inbox-row"] > [data-part="unread"][data-r="dot"][data-state="you"] { background: var(--status-warning); }
[data-r="inbox-row"] > [data-part="unread"][data-r="dot"][data-state="new"] { background: var(--new-mark); }
}

/* ═══ 83-pickers.css ═══ */
@layer components {
[data-r="icon-picker"],
[data-r="colour-picker"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); }
[data-r="icon-picker"] { position: relative; display: flex; flex-direction: column; width: 376px; max-width: calc(100vw - 16px); border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); user-select: none; -webkit-user-select: none; }
[data-r="icon-picker"] > [data-part="search"] { display: flex; align-items: center; gap: 10px; flex: none; height: 36px; padding: 0 12px; border-bottom: var(--px) solid var(--line-3); }
[data-r="icon-picker"] > [data-part="search"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="icon-picker"] > [data-part="search"] > input { flex: 1; min-width: 0; height: 100%; padding: 0; margin: 0; border: 0; outline: 0; background: transparent; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink); }
[data-r="icon-picker"] > [data-part="search"] > input::placeholder { color: var(--ink-3); opacity: 1; }
[data-r="icon-picker"] > [data-part="categories"] { flex: none; width: auto; padding: 8px 8px 0; }
[data-r="icon-picker"] > [data-part="grid"] { display: grid; grid-template-columns: repeat(12, 28px); grid-auto-rows: 28px; gap: 2px; justify-content: center; align-content: start; height: 244px; padding: 8px; overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: none; }
[data-r="icon-picker"] > [data-part="grid"]::-webkit-scrollbar { display: none; }
[data-r="icon-picker"] > [data-part="grid"] > [data-part="label"] { grid-column: 1 / -1; display: flex; align-items: flex-end; padding: 0 6px 4px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="icon-picker"] > [data-part="grid"] > [data-part="label"]:not(:first-child) { margin-top: 4px; }
[data-r="icon-picker"] [data-part="cell"] { position: relative; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: var(--r-row); color: var(--c, var(--ink-2)); }
[data-r="icon-picker"] [data-part="cell"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); pointer-events: none; }
[data-r="icon-picker"] [data-part="cell"][data-highlighted] { background: var(--plane-hover); }
[data-r="icon-picker"] [data-part="cell"][aria-selected="true"] { background: var(--plane-selected); }
[data-r="icon-picker"] > [data-part="grid"] > [data-part="empty"] { grid-column: 1 / -1; padding: 16px 6px; color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="icon-picker"] > [data-part="foot"] { display: flex; align-items: center; gap: 12px; flex: none; min-height: 44px; padding: 0 12px; border-top: var(--px) solid var(--line-3); }
[data-r="icon-picker"] > [data-part="foot"] > [data-r="swatches"] { flex-wrap: nowrap; gap: 6px; padding: 4px; margin: -4px; }
[data-r="icon-picker"] > [data-part="foot"] > [data-part="name"] { flex: 1; min-width: 0; text-align: right; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="button"] > [data-part="icon"] { display: inline-flex; color: var(--c, var(--ink-2)); }
[data-r="button"] > [data-part="icon"] > svg[data-icon] { width: var(--icon); height: var(--icon); }
[data-r="colour-picker"] { position: relative; display: flex; flex-direction: column; gap: 12px; width: 264px; padding: 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); user-select: none; -webkit-user-select: none; }
[data-r="colour-picker"] > [data-r="swatches"] { flex-wrap: nowrap; justify-content: space-between; gap: 4px; padding: 4px; margin: -4px; }
[data-r="colour-picker"] [data-r="swatch"][data-part="custom"] { display: flex; align-items: center; justify-content: center; color: var(--ink-2); }
[data-r="colour-picker"] [data-r="swatch"][data-part="custom"]:not([style]) { background: var(--plane); box-shadow: inset 0 0 0 var(--px) var(--line-4); }
[data-r="colour-picker"] [data-r="swatch"][data-part="custom"]:not([style])[aria-checked="true"] { box-shadow: inset 0 0 0 var(--px) var(--line-4), 0 0 0 2px var(--plane), 0 0 0 3.5px var(--ink-3); }
[data-r="colour-picker"] [data-r="swatch"][data-part="custom"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="colour-picker"] [data-r="swatch"][data-part="custom"][style] > svg[data-icon] { display: none; }
[data-r="colour-picker"]:not([data-custom]) > [data-part="custom"] { display: none; }
[data-r="colour-picker"] > [data-part="custom"] { display: flex; flex-direction: column; gap: 10px; }
[data-r="colour-picker"] [data-part="plane"] { position: relative; height: 152px; border-radius: var(--r-row); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-2); touch-action: none; cursor: crosshair; outline: none; }
[data-r="colour-picker"] [data-part="plane"] > canvas { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: inherit; }
[data-r="colour-picker"] [data-part="plane"]:focus-visible { box-shadow: inset 0 0 0 var(--px) var(--accent); }
[data-r="colour-picker"] [data-part="plane"][data-force~="focus"] { box-shadow: inset 0 0 0 var(--px) var(--accent); }
[data-r="colour-picker"] [data-part="plane"] > [data-part="lock"] { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; }
[data-r="colour-picker"] [data-part="plane"] > [data-part="lock"] > i { position: absolute; left: 0; top: var(--at); width: var(--w, 100%); height: var(--px); background: var(--line-2); }
[data-r="colour-picker"] [data-part="plane"] > [data-part="lock"] > i[data-on] { background: var(--line-5); }
[data-r="colour-picker"] [data-part="thumb"] { position: absolute; z-index: 1; left: var(--x, 50%); top: var(--y, 50%); width: 14px; height: 14px; margin: -7px 0 0 -7px; border: 2px solid var(--knob); border-radius: var(--r-round); background: var(--c, var(--ink-4)); box-shadow: var(--handle-shadow); pointer-events: none; transition: transform var(--state-out); }
@media (hover: hover) {
  [data-r="colour-picker"] :is([data-part="plane"], [data-part="hue"]):hover > [data-part="thumb"] { transform: scale(1.14); transition-duration: 0s; }
}
[data-r="colour-picker"] :is([data-part="plane"], [data-part="hue"])[data-force~="hover"] > [data-part="thumb"] { transform: scale(1.14); transition-duration: 0s; }
[data-r="colour-picker"] :is([data-part="plane"], [data-part="hue"])[data-held] > [data-part="thumb"] { transform: scale(1.22); transition: none; }
[data-r="colour-picker"] [data-part="hue"] { position: relative; height: 12px; margin: 2px 7px; border-radius: var(--r-press); touch-action: none; outline: none; }
[data-r="colour-picker"] [data-part="hue"] > canvas { position: absolute; left: -7px; right: -7px; top: 0; width: calc(100% + 14px); height: 100%; border-radius: inherit; box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="colour-picker"] [data-part="hue"] > [data-part="thumb"] { top: 50%; }
[data-r="colour-picker"] [data-part="hue"]:focus-visible > [data-part="thumb"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="colour-picker"] [data-part="hue"][data-force~="focus"] > [data-part="thumb"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="colour-picker"] [data-part="value"] { display: flex; align-items: center; gap: 8px; }
[data-r="colour-picker"] [data-part="value"] > [data-part="preview"] { flex: none; width: 18px; height: 18px; border-radius: var(--r-round); background: var(--c, var(--ink-4)); box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / 10%); }
[data-r="colour-picker"] [data-part="value"] > [data-r="field"] { flex: 1; font-variant-numeric: tabular-nums; }
[data-r="colour-picker"] [data-part="snap"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
[data-r="colour-picker"] [data-part="snap"] > [data-part="step"] { flex: none; color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="colour-picker"] [data-part="contrast"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="colour-picker"] [data-part="contrast"] > [data-part="check"] { display: flex; align-items: center; gap: 6px; color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="colour-picker"] [data-part="contrast"] > [data-part="check"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); flex: none; }
[data-r="colour-picker"] [data-part="contrast"] > [data-part="check"][data-ok] > svg[data-icon] { color: var(--success-dot); }
[data-r="colour-picker"] [data-part="contrast"] > [data-part="check"]:not([data-ok]) > svg[data-icon] { color: var(--warning-dot); }
[data-r="colour-picker"] [data-part="contrast"] > [data-part="check"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="colour-picker"] [data-part="contrast"] > [data-part="check"] > span { color: var(--ink-2); }
[data-r="colour-picker"][data-variant="paint"] { --checker: conic-gradient(var(--well) 25%, var(--raised) 0 50%, var(--well) 0 75%, var(--raised) 0); }
[data-r="colour-picker"][data-variant="paint"] [data-part="alpha"] { position: relative; height: 12px; margin: 2px 7px; border-radius: var(--r-press); touch-action: none; outline: none; }
[data-r="colour-picker"][data-variant="paint"] [data-part="alpha"]::before { content: ""; position: absolute; inset: 0 -7px; border-radius: inherit; background-image: linear-gradient(90deg, transparent, var(--c, var(--ink-4))), var(--checker); background-size: 100% 100%, 8px 8px; box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="colour-picker"][data-variant="paint"] [data-part="alpha"] > [data-part="thumb"] { top: 50%; background: var(--c-paint, var(--c, var(--ink-4))); }
@media (hover: hover) {
  [data-r="colour-picker"][data-variant="paint"] [data-part="alpha"]:hover > [data-part="thumb"] { transform: scale(1.14); transition-duration: 0s; }
}
[data-r="colour-picker"][data-variant="paint"] [data-part="alpha"][data-force~="hover"] > [data-part="thumb"] { transform: scale(1.14); transition-duration: 0s; }
[data-r="colour-picker"][data-variant="paint"] [data-part="alpha"][data-held] > [data-part="thumb"] { transform: scale(1.22); transition: none; }
[data-r="colour-picker"][data-variant="paint"] [data-part="alpha"]:focus-visible > [data-part="thumb"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="colour-picker"][data-variant="paint"] [data-part="alpha"][data-force~="focus"] > [data-part="thumb"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="colour-picker"][data-variant="paint"] [data-part="value"] > [data-part="preview"] { background-image: linear-gradient(var(--c-paint, var(--c, var(--ink-4))), var(--c-paint, var(--c, var(--ink-4)))), var(--checker); background-size: 100% 100%, 6px 6px; }
[data-r="colour-picker"][data-variant="paint"] [data-part="value"] > [data-r="field"][data-part="opacity"] { flex: none; width: 64px; }
[data-r="colour-picker"][data-variant="paint"] [data-part="gamut"] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; }
[data-r="colour-picker"][data-variant="paint"] [data-part="gamut"] > [data-part="note"] { display: inline-flex; align-items: center; gap: 4px; color: var(--ink-2); }
[data-r="colour-picker"][data-variant="paint"] [data-part="gamut"] > [data-part="note"][hidden] { display: none; }
[data-r="colour-picker"][data-variant="paint"] [data-part="gamut"] > [data-part="note"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="colour-picker"][data-variant="paint"] > [data-r="swatches"][data-variant="groups"] { margin: 0 -12px -12px; padding: 10px 12px 12px; box-shadow: inset 0 var(--px) 0 var(--line-2); }
[data-r="colour-picker"][data-variant="paint"][data-size="compact"] { width: min(100%, 256px); gap: 10px; padding: 8px; }
[data-r="colour-picker"][data-variant="paint"][data-size="compact"] > [data-r="swatches"][data-variant="groups"] { margin: 0 -8px -8px; padding: 8px; }
[data-r="colour-picker"][data-variant="paint"][data-float] { margin: 0; border: 0; }
}

/* ═══ 84-scene-chart.css ═══ */
@layer components {
[data-r="scene-chart"] { position: relative; display: flex; flex-direction: column; gap: 10px; min-width: 0; border-radius: var(--r-row); color: var(--ink-3); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); font-variant-numeric: tabular-nums; touch-action: pan-y; -webkit-user-select: none; user-select: none; }
[data-r="scene-chart"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="scene-chart"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="scene-chart"] > [data-part="data"] { display: none; }
[data-r="scene-chart"] > [data-part="plot"] { position: relative; min-width: 0; }
[data-r="scene-chart"] > [data-part="plot"] > [data-part="drawing"] > :is(svg, canvas) { display: block; overflow: visible; }
[data-r="scene-chart"] [data-part="plot"] svg:not([data-icon]) { fill: var(--ink); }
[data-r="scene-chart"] > [data-part="plot"] > [data-part="drawing"] text:not([font-weight]) { font-weight: var(--fw-450); }
[data-r="scene-chart"] [data-part="drawing"]:has(> canvas[data-gpu]) { position: relative; }
[data-r="scene-chart"] [data-part="drawing"] > canvas[data-gpu] + svg[data-part="text"] { position: absolute; left: 0; top: 0; }
[data-r="scene-chart"] [data-part="drawing"] [data-mark="bar"] { transition: opacity var(--state-out) ease-out; }
[data-r="scene-chart"][data-dim] [data-part="drawing"] [data-mark="bar"] { opacity: .45; transition-duration: 0s; }
@keyframes r-chart-enter { from { opacity: 0; translate: 0 var(--step-sink); } }
@media (prefers-reduced-motion: no-preference) {
  [data-r="scene-chart"][data-enter="watch"] > [data-part="plot"] > [data-part="drawing"] { transition: opacity var(--draw-fade) var(--ease-step-fade), translate var(--draw-fade) var(--ease-step-fade); }
  [data-r="scene-chart"][data-enter="watch"]:not([data-entered]) > [data-part="plot"] > [data-part="drawing"] { opacity: 0; translate: 0 var(--step-sink); }
  [data-r="scene-chart"][data-enter="trigger"] > [data-part="plot"] > [data-part="drawing"] { timeline-trigger: --r-enter view() contain; animation: r-chart-enter var(--draw-fade) var(--ease-step-fade) both; animation-trigger: --r-enter play-forwards; }
}
[data-r="scene-chart"] > [data-part="plot"] > [data-part="overlay"] { position: absolute; left: 0; top: 0; overflow: visible; pointer-events: none; }
[data-r="scene-chart"] [data-part="overlay"] [data-mark="crosshair"] { stroke: var(--a35); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="scene-chart"] [data-part="overlay"] [data-mark="highlight"] { stroke: var(--raised); stroke-width: 2; }
[data-r="scene-chart"] [data-part="overlay"] [data-mark="ring"] { fill: none; stroke: var(--ink); stroke-width: 1.5; }
[data-r="scene-chart"] [data-part="overlay"] [data-mark="knockout"] { fill: var(--raised); }
[data-r="scene-chart"] > [data-part="plot"] > [data-r="tooltip"] { position: absolute; left: 0; top: 0; z-index: 3; min-width: 120px; gap: 3px; }
[data-r="scene-chart"] > [data-part="plot"] > [data-part="tip-anchor"] { position: absolute; left: 0; top: 0; pointer-events: none; }
[data-r="scene-chart"] > [data-part="plot"] > [data-r="tooltip"][data-anchored] { position: fixed; left: anchor(left); top: anchor(top); margin: 0; position-visibility: always; }
[data-r="scene-chart"] [data-r="tooltip"] > b { font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="scene-chart"] [data-r="tooltip"] [data-part="row"] { display: flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="scene-chart"] [data-r="tooltip"] [data-part="row"] > i { flex: none; width: 10px; height: 2px; border-radius: 1px; background: var(--c, var(--ink-2)); }
[data-r="scene-chart"] [data-r="tooltip"] [data-part="row"] > i[data-kind="block"] { height: 8px; border-radius: 2px; }
[data-r="scene-chart"] [data-r="tooltip"] [data-part="row"] > i[data-kind="none"] { visibility: hidden; }
[data-r="scene-chart"] [data-r="tooltip"] [data-part="row"] > b { min-width: 40px; font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; text-align: right; }
[data-r="scene-chart"] [data-r="tooltip"] [data-part="row"] > span { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="scene-chart"] [data-r="tooltip"] [data-part="row"][data-total] { margin-top: 2px; padding-top: 4px; border-top: var(--px) solid var(--line-1); }
[data-r="scene-chart"] [data-r="tooltip"] > [data-part="note"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="scene-chart"] > [data-r="legend"] [data-part="scale"] { gap: 3px; }
[data-r="scene-chart"] > [data-r="legend"] [data-part="scale"] > span { margin: 0 3px; }
[data-r="scene-chart"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
[data-r="scene-chart"]:not([data-view="table"]) > [data-part="table"] { position: absolute; right: 0; bottom: 0; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
[data-r="scene-chart"][data-view="table"] > :is([data-part="plot"], [data-r="legend"]) { display: none; }
[data-r="scene-chart"][data-view="table"] > [data-part="table"] { display: block; max-height: 280px; overflow: auto; }
[data-r="scene-chart"] > [data-part="caption"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); -webkit-user-select: text; user-select: text; }
[data-r="scene-chart"] > [data-part="nothing"] { display: flex; align-items: center; justify-content: center; min-height: 120px; margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); text-align: center; }
[data-r="page"][data-template="explore"] [data-r="chart-card"] > [data-part="header"] > [data-part="title"] > [data-part="sub"] { max-width: 640px; }
[data-r="page"][data-template="explore"] [data-part="distribution"] td > [data-part="why"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="side-panel"] [data-part="control"] > [data-part="label"] > [data-part="note"] { font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="side-panel"] [data-part="control"] > [data-r="select"] { align-self: flex-start; max-width: 100%; }
[data-r="side-panel"] [data-part="control"] > [data-r="segmented"] { align-self: flex-start; }
[data-r="side-panel"] > [data-part="body"] > [data-part="share"] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; margin: auto -8px 0; padding-top: 12px; border-top: var(--px) solid var(--line-1); }
}

/* ═══ 84a-charts-time.css ═══ */
@layer components {
[data-r="scene-chart"][data-builder="buildPredict"] > [data-part="plot"] { touch-action: none; }
[data-r="scene-chart"][data-builder="buildPlanHistory"] > [data-part="plot"] { touch-action: pan-y; }
}

/* ═══ 84b-charts-amount.css ═══ */
@layer components {
[data-r="legend"] > span > i[data-kind="today"] { width: 8px; height: 8px; border-radius: var(--r-round); background: var(--accent); }
}

/* ═══ 84e-charts-load.css ═══ */
@layer components {
[data-r="scene-chart"][data-size="word"] { display: inline-flex; width: var(--w, 64px); gap: 0; vertical-align: middle; margin-right: 6px; }
[data-r="scene-chart"][data-size="word"] > [data-part="nothing"] { min-height: 0; justify-content: flex-start; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; }
[data-r="scene-chart"][data-size="word"]:not([data-view="table"]) > [data-part="table"] { pointer-events: none; }
[data-r="scene-chart"]:is([data-builder="buildSeasonPlan"], [data-builder="buildLoadField"], [data-builder="buildBlockPlan"], [data-builder="buildCpFit"], [data-builder="buildSessionMap"]) > [data-part="plot"] { touch-action: none; }
}

/* ═══ 84f-charts-tech.css ═══ */
@layer components {
[data-r="scene-chart"] > [data-part="plot"] > [data-part="field"] { position: absolute; display: block; pointer-events: none; }
[data-r="scene-chart"] > [data-part="plot"] > [data-part="field"] ~ [data-part="drawing"] { position: relative; }
[data-r="scene-chart"] > [data-part="plot"] > [data-part="moving"] { position: absolute; left: 0; top: 0; pointer-events: none; }
[data-r="scene-chart"] > [data-part="plot"] > [data-part="box"] { position: absolute; pointer-events: none; box-shadow: inset 0 0 0 1.5px var(--ink); }
[data-r="chart-card"] > [data-part="work"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; min-height: var(--h-20); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="chart-card"] > [data-part="work"] > [data-part="words"] { flex: 1 1 160px; min-width: 0; font-variant-numeric: tabular-nums; }
[data-r="chart-card"] > [data-part="work"] > [data-r="fact"] { flex: none; font-variant-numeric: tabular-nums; }
[data-r="chart-card"] > [data-part="selection"] > [data-part="figures"] > [data-part="let-go"] { margin-left: auto; align-self: center; }
[data-r="chart-card"] > [data-part="selection"] > [data-r="list"] { margin: 0 -12px; }
}

/* ═══ 84g-charts-squad-live.css ═══ */
@layer components {
[data-r="scene-chart"] > [data-part="plot"] > :is([data-part="ride"], [data-part="tail"], [data-part="still"]) { position: absolute; display: block; pointer-events: none; }
[data-r="scene-chart"] > [data-part="plot"] > [data-part="playhead"] { position: absolute; left: 0; width: 0; pointer-events: none; border-left: 1px solid var(--ink); }
[data-r="chart-card"] > [data-part="play"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
[data-r="chip"] > i[data-kind="dot"] { flex: none; width: 8px; height: 8px; border-radius: var(--r-round); background: var(--c); }
}

/* ═══ 84h-charts-story.css ═══ */
@layer components {
[data-r="chart-card"] [data-part="story"] { display: flex; align-items: flex-start; gap: 10px; min-height: var(--h-32); }
[data-r="chart-card"] [data-part="story"] > [data-part="steps"] { display: flex; flex: none; gap: 2px; }
[data-r="chart-card"] [data-part="story"] > [data-part="scene"] { display: flex; flex-direction: column; gap: 1px; flex: 1 1 auto; min-width: 0; padding-top: 1px; }
[data-r="chart-card"] [data-part="story"] > [data-part="scene"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="chart-card"] [data-part="story"] > [data-part="scene"] > [data-part="text"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; text-wrap: pretty; }
[data-r="chart-card"] [data-part="story"] > [data-part="count"] { flex: none; margin-top: 2px; font-variant-numeric: tabular-nums; }
[data-r="scene-chart"][data-name^="story"][data-builder="buildSeasonStory"] > [data-part="plot"] { cursor: default; }
[data-r="chart-card"] > [data-part="share"] { display: flex; flex-wrap: wrap; gap: 4px; }
[data-r="chart-card"] > [data-part="clip"] { display: block; width: 100%; max-width: 480px; border-radius: var(--r-row); background: var(--well); }
[data-r="chart-card"] > [data-part="clip"][hidden] { display: none; }
[data-r="chart-card"] > [data-part="review"] { position: relative; height: 560px; margin: 0 -16px; padding: 0 16px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; scroll-timeline: --r-story-read block; /* a scene a step: the scroll comes to rest with a scene's row just under the stage (the padding keeps it out from under it), so one step of the wheel opens the next scene and none is passed over */ scroll-padding-top: calc(var(--stage-h, 0px) + 8px); scroll-snap-type: y mandatory; }
[data-r="chart-card"] > [data-part="review"] > [data-part="stage"] { position: sticky; top: 0; z-index: 1; display: flex; flex-direction: column; gap: 10px; padding-bottom: 10px; background: var(--raised); }
[data-r="chart-card"] > [data-part="review"] > [data-r="list"] { margin: 0 -8px; }
[data-r="chart-card"] > [data-part="review"] > [data-part="stage"] > [data-part="story"] { min-height: calc(var(--lh-13) + 2 * var(--lh-12) + 1px); }
[data-r="chart-card"] > [data-part="review"] > [data-r="list"]::after { content: ""; display: block; flex: none; height: 360px; }
[data-r="chart-card"] > [data-part="review"] [data-r="list-row"] { scroll-snap-align: start; scroll-snap-stop: always; }
[data-r="chart-card"] > [data-part="review"] [data-r="list-row"] > [data-part="id"] { min-width: 16px; }
@supports (animation-timeline: scroll()) {
  [data-part="review"][data-timeline="scroll"] [data-part="read"] > [data-part="fill"] { width: 100%; transform-origin: 0 50%; transition: none; animation: r-story-read linear both; animation-timeline: --r-story-read; }
}
@keyframes r-story-read { from { transform: scaleX(0); } to { transform: scaleX(1); } }
:root[data-story-moving]::view-transition { pointer-events: none; }
:root[data-story-moving]::view-transition-old(root),
:root[data-story-moving]::view-transition-new(root) { animation: none; }
:root[data-story-moving]::view-transition-group(r-story) { animation-duration: var(--scale-in); animation-timing-function: var(--ease-expo); }
:root[data-story-moving]::view-transition-old(r-story),
:root[data-story-moving]::view-transition-new(r-story) { animation-duration: var(--scale-in); animation-timing-function: var(--ease-expo); }
@media (prefers-reduced-motion: reduce) {
  :root[data-story-moving]::view-transition-group(*),
  :root[data-story-moving]::view-transition-old(*),
  :root[data-story-moving]::view-transition-new(*) { animation: none; }
}
}

/* ═══ 85-viewer.css ═══ */
@layer components {
[data-r="lightbox"],
[data-r="file-browser"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); }
[data-r="lightbox"] { --origin: 50% 50%; position: relative; display: flex; flex-direction: column; min-width: 0; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); overflow: hidden; }
[data-r="lightbox"]:modal { position: fixed; inset: 8px; width: auto; height: auto; margin: 0; }
dialog[data-r="lightbox"]:not([open]) { display: none; }
[data-r="lightbox"][data-static] { height: 480px; }
[data-r="lightbox"] > [data-part="bar"] { display: flex; align-items: center; gap: 6px; flex: none; height: 44px; padding: 0 8px 0 16px; border-bottom: var(--px) solid var(--line-3); }
[data-r="lightbox"] > [data-part="bar"] > [data-part="title"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-550); color: var(--ink); }
[data-r="lightbox"] > [data-part="bar"] > [data-part="count"] { flex: none; margin-left: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="lightbox"] > [data-part="bar"] > [data-part="spacer"] { flex: 1; }
[data-r="lightbox"] > [data-part="bar"] > [data-part="zoom"] { flex: none; min-width: 44px; text-align: center; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="lightbox"] > [data-part="stage"] { position: relative; flex: 1; min-height: 0; background: var(--well); overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none; }
[data-r="lightbox"] > [data-part="stage"][data-zoomed] { cursor: grab; }
[data-r="lightbox"] > [data-part="stage"]:focus-visible { outline: none; }
[data-r="lightbox"] > [data-part="stage"][data-force~="focus"] { outline: none; }
[data-r="lightbox"] > [data-part="stage"][data-panning] { cursor: grabbing; }
[data-r="lightbox"] > [data-part="stage"] > [data-part="image"] { position: absolute; left: 0; top: 0; max-width: none; transform-origin: 0 0; box-shadow: 0 0 0 var(--px) var(--line-2); -webkit-user-drag: none; pointer-events: none; }
[data-r="lightbox"] > [data-part="stage"][data-glide] > [data-part="image"] { transition: transform var(--scale-in) var(--ease-expo); }
[data-r="lightbox"] > [data-part="stage"] > :is([data-part="prev"], [data-part="next"]) { position: absolute; top: 50%; z-index: 1; margin-top: -16px; }
[data-r="lightbox"] > [data-part="stage"] > [data-part="prev"] { left: 12px; }
[data-r="lightbox"] > [data-part="stage"] > [data-part="next"] { right: 12px; }
[data-r="lightbox"] > [data-part="strip"] { display: flex; align-items: center; justify-content: safe center; gap: 6px; flex: none; height: 52px; padding: 0 12px; border-top: var(--px) solid var(--line-3); overflow-x: auto; scrollbar-width: none; }
[data-r="lightbox"] > [data-part="strip"] > [data-part="shot"] { position: relative; flex: none; width: 44px; height: 32px; border-radius: var(--r-row); overflow: hidden; background: var(--well); box-shadow: 0 0 0 var(--px) var(--line-3); opacity: .72; transition: opacity var(--state-out), box-shadow var(--state-out); }
@media (hover: hover) {
  [data-r="lightbox"] > [data-part="strip"] > [data-part="shot"]:hover { opacity: 1; transition-duration: 0s; }
}
[data-r="lightbox"] > [data-part="strip"] > [data-part="shot"][data-force~="hover"] { opacity: 1; transition-duration: 0s; }
[data-r="lightbox"] > [data-part="strip"] > [data-part="shot"][aria-current="true"] { opacity: 1; box-shadow: 0 0 0 2px var(--plane), 0 0 0 3px var(--line-5); }
[data-r="lightbox"] > [data-part="stage"] > [data-part="page"] { position: absolute; left: 0; top: 0; max-width: none; border: 0; transform-origin: 0 0; background: var(--paper); box-shadow: 0 0 0 var(--px) var(--line-2), var(--e2); pointer-events: none; }
[data-r="lightbox"] > [data-part="stage"][data-glide] > [data-part="page"] { transition: transform var(--scale-in) var(--ease-expo); }
[data-r="lightbox"] > [data-part="notes"] { display: flex; align-items: flex-start; gap: 16px; flex: none; padding: 10px 16px; border-top: var(--px) solid var(--line-3); }
[data-r="lightbox"] > [data-part="notes"][hidden] { display: none; }
[data-r="lightbox"] > [data-part="notes"] > [data-part="label"] { flex: none; width: 64px; padding-top: 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="lightbox"] > [data-part="notes"] > [data-r="field"] { flex: 1; min-width: 0; max-width: var(--col-prose); }
[data-r="lightbox"] > [data-part="notes"] > [data-r="field"] > textarea { resize: none; }
[data-r="lightbox"] > [data-part="strip"] > [data-part="shot"] > [data-part="number"] { display: grid; place-items: center; width: 100%; height: 100%; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; pointer-events: none; }
[data-r="lightbox"] > [data-part="strip"] > [data-part="shot"][aria-current="true"] > [data-part="number"] { color: var(--ink); }
[data-r="lightbox"] > [data-part="strip"] > [data-part="shot"] > img,
[data-r="thumb"] > img { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
[data-r="thumb"] { position: relative; display: block; flex: none; width: var(--w, 132px); aspect-ratio: 3 / 2; border-radius: var(--r-row); overflow: hidden; background: var(--well); }
[data-r="thumb"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)); transition: box-shadow var(--state-out); }
@media (hover: hover) {
  [data-r="thumb"]:hover::after { box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); transition-duration: 0s; }
}
[data-r="thumb"][data-force~="hover"]::after { box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); transition-duration: 0s; }
[data-r="thumb"][data-shape="square"] { aspect-ratio: 1; }
[data-r="thumb"][data-shape="tall"] { aspect-ratio: 2 / 3; }
[data-r="file-browser"] { --w: 720px; --origin: 50% 0%; position: relative; display: flex; flex-direction: column; width: min(var(--w), calc(100vw - 32px)); height: min(560px, calc(100dvh - 64px)); border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); overflow: hidden; transition: width var(--scale-in) var(--ease-expo); }
[data-r="file-browser"][data-open-file] { --w: 1152px; }
[data-r="file-browser"]:modal { position: fixed; inset: 13vh 0 auto; margin: 0 auto; height: min(560px, calc(100dvh - 13vh - 32px)); }
dialog[data-r="file-browser"]:not([open]) { display: none; }
[data-r="file-browser"] > [data-part="header"] { display: flex; align-items: center; gap: 8px; flex: none; height: 52px; padding: 0 12px 0 20px; border-bottom: var(--px) solid var(--line-3); }
[data-r="file-browser"] > [data-part="header"] > [data-part="title"] { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); white-space: nowrap; }
[data-r="file-browser"] > [data-part="header"] > [data-part="meta"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="file-browser"] > [data-part="body"] { display: flex; flex: 1; min-height: 0; }
[data-r="file-browser"] [data-part="files"] { flex: 1 0 0%; min-width: 0; overflow: hidden auto; overscroll-behavior: contain; }
[data-r="file-browser"][data-open-file] [data-part="files"] { flex: none; width: 384px; border-right: var(--px) solid var(--line-3); }
[data-r="file-browser"] [data-part="files"] > [data-r="list"] { outline: none; }
[data-r="file-browser"] [data-part="files"] > [data-r="list"]:focus-visible { box-shadow: none; }
[data-r="file-browser"] [data-part="files"] > [data-r="list"][data-force~="focus"] { box-shadow: none; }
[data-r="file-browser"] [data-part="files"] [data-part="group"] { display: flex; align-items: center; height: var(--row-28); margin-top: 6px; padding: 0 20px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="file-browser"] [data-part="files"] [data-r="list-row"] > [data-part="kind"] { display: flex; align-items: center; justify-content: center; flex: none; width: 16px; height: 16px; color: var(--ink-3); }
[data-r="file-browser"] [data-part="files"] [data-r="list-row"] > [data-part="kind"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="file-browser"] [data-part="files"] [data-r="list-row"][aria-selected="true"] > [data-part="kind"] { color: var(--ink-2); }
[data-r="file-browser"] [data-part="viewer"] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
[data-r="file-browser"] [data-part="viewer"][hidden] { display: none; }
[data-r="file-browser"] [data-part="viewer-head"] { display: flex; align-items: center; gap: 8px; flex: none; height: 44px; padding: 0 8px 0 20px; border-bottom: var(--px) solid var(--line-1); }
[data-r="file-browser"] [data-part="viewer-head"] > b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-550); color: var(--ink); }
[data-r="file-browser"] [data-part="viewer-head"] > [data-part="meta"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="file-browser"] [data-part="viewer-body"] { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 16px 20px 20px; }
[data-r="file-browser"] [data-part="viewer-body"] > [data-part="caption"] { margin-bottom: 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="file-browser"] [data-part="viewer-body"] > [data-part="picture"] { display: flex; align-items: center; justify-content: center; height: 100%; }
[data-r="file-browser"] [data-part="viewer-body"] > [data-part="picture"] > img { max-width: 100%; max-height: 100%; border-radius: var(--r-row); box-shadow: 0 0 0 var(--px) var(--line-2); }
[data-r="file-browser"] [data-part="viewer-body"] > [data-part="none"] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; height: 100%; color: var(--ink-3); text-align: center; }
[data-r="file-browser"] [data-part="profile"] { display: flex; flex-direction: column; gap: 16px; }
[data-r="file-browser"] [data-part="profile"] > [data-part="figures"] { display: flex; flex-wrap: wrap; gap: 8px 28px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="file-browser"] [data-part="profile"] > [data-part="figures"] b { display: block; margin-top: 2px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="file-browser"] [data-part="profile"] > [data-part="chart"] { position: relative; height: 200px; }
[data-r="file-browser"] [data-part="profile"] > [data-part="chart"] > svg { display: block; width: 100%; height: 100%; overflow: visible; }
[data-r="file-browser"] [data-part="profile"] [data-part="area"] { fill: var(--a5); stroke: none; }
[data-r="file-browser"] [data-part="profile"] [data-part="line"] { fill: none; stroke: var(--ink-2); stroke-width: 1.25; stroke-linejoin: round; }
[data-r="file-browser"] [data-part="profile"] [data-part="grid"] { stroke: var(--chart-grid); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="file-browser"] [data-part="profile"] [data-part="tick"] { fill: var(--ink-3); font-size: var(--fs-11); font-variant-numeric: tabular-nums; }
[data-r="file-browser"] [data-part="profile"] :is([data-part="cursor"], [data-part="dot"]) { visibility: hidden; }
[data-r="file-browser"] [data-part="profile"] [data-part="chart"][data-hover] :is([data-part="cursor"], [data-part="dot"]) { visibility: visible; }
[data-r="file-browser"] [data-part="profile"] [data-part="cursor"] { stroke: var(--ink-3); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="file-browser"] [data-part="profile"] [data-part="dot"] { fill: var(--raised); stroke: var(--ink); stroke-width: 1.5; }
[data-r="file-browser"] [data-part="profile"] [data-part="readout"] { position: absolute; top: 0; left: var(--x, 0); transform: translateX(-50%); padding: 4px 8px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; pointer-events: none; }
[data-r="file-browser"] [data-part="profile"] [data-part="readout"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="dialog"][data-kind="share"] > [data-part="body"] { display: flex; flex-direction: column; gap: 20px; padding-top: 10px; padding-bottom: 20px; }
[data-r="dialog"][data-kind="share"] [data-part="section"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
[data-r="dialog"][data-kind="share"] [data-part="section"] > [data-part="heading"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="dialog"][data-kind="share"] [data-part="section"] > [data-part="row"] { display: flex; align-items: center; gap: 8px; min-width: 0; }
[data-r="dialog"][data-kind="share"] [data-part="section"] > [data-part="row"] > [data-r="field"] { flex: 1; font-variant-numeric: tabular-nums; }
[data-r="dialog"][data-kind="share"] [data-part="section"] > [data-part="note"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="dialog"][data-kind="share"][data-shared="private"] [data-part="section"][data-needs-link] > :not([data-part="heading"], [data-part="note"]) { opacity: .45; pointer-events: none; }
[data-r="dialog"][data-kind="share"] [data-part="preview"] { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: start; gap: 2px 12px; padding: 12px 14px 14px 12px; border-radius: var(--r-contain); background: var(--mat); box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="dialog"][data-kind="share"] [data-part="preview"] > [data-part="glyph"] { grid-row: span 2; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); color: var(--ink-2); }
[data-r="dialog"][data-kind="share"] [data-part="preview"] > [data-part="glyph"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="dialog"][data-kind="share"] [data-part="preview"]:has(> [data-part="glyph"] > [data-r="route-thumbnail"]) { grid-template-columns: 16px minmax(0, 1fr); column-gap: 8px; }
[data-r="dialog"][data-kind="share"] [data-part="preview"] > [data-part="glyph"]:has(> [data-r="route-thumbnail"]) { width: 16px; height: 32px; background: none; box-shadow: none; }
[data-r="dialog"][data-kind="share"] [data-part="preview"] > b { padding-top: 1px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="dialog"][data-kind="share"] [data-part="preview"] > [data-part="meta"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="dialog"][data-kind="share"] [data-part="preview"] > [data-part="shape"] { grid-column: 2; margin-top: 10px; }
[data-r="dialog"][data-kind="share"] [data-part="weeks"] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; max-width: 232px; }
[data-r="dialog"][data-kind="share"] [data-part="weeks"] > i { height: 10px; border-radius: var(--r-key); background: var(--wo, transparent); box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="dialog"][data-kind="share"] [data-part="weeks"] > i[data-level="1"] { --wo: var(--scale-rank-1); box-shadow: none; }
[data-r="dialog"][data-kind="share"] [data-part="weeks"] > i[data-level="2"] { --wo: var(--scale-rank-2); box-shadow: none; }
[data-r="dialog"][data-kind="share"] [data-part="weeks"] > i[data-level="3"] { --wo: var(--scale-rank-3); box-shadow: none; }
[data-r="dialog"][data-kind="share"] [data-part="weeks"] > i[data-level="4"] { --wo: var(--scale-rank-4); box-shadow: none; }
[data-r="dialog"][data-kind="share"] > [data-part="footer"] > [data-part="ask"] { flex: 1; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="dialog"][data-kind="share"] > [data-part="footer"] > [data-part="ask"] > b { font-weight: var(--fw-550); color: var(--ink); }
}

/* ═══ 86-script-chart.css ═══ */
@layer components {
[data-r="script-chart"] { --bg: var(--raised); --surface: var(--raised); --sunk: var(--well); --fg: var(--ink); --fg-soft: var(--ink-2); --muted: var(--ink-3); --rule: var(--line-3); --grid: var(--chart-grid); --axis: var(--chart-axis); --reference: var(--chart-reference); --accent: var(--chart-1); --accent-soft: color-mix(in oklab, var(--chart-1) 10%, transparent); --bar: var(--chart-1); --bar-hover: color-mix(in oklab, var(--chart-1) 84%, var(--ink)); --bar-context: var(--a10); --tip-bg: var(--raised); --tip-fg: var(--ink); --tip-muted: var(--ink-3); --focus: var(--accent-mark); --warn: var(--status-warning); --note: var(--chart-4); --under: var(--chart-div-2); --over: var(--chart-div-6); --neg: var(--status-serious); --ok: var(--status-good); --miss: var(--status-critical); --plan: var(--ch-load-planned); --ghost: var(--a35); --guess: var(--chart-2); --alt: var(--chart-2); --ann-bg: var(--raised); --shadow: var(--e1); --glow: color-mix(in oklab, var(--chart-1) 30%, transparent); --sheen: color-mix(in oklab, var(--raised) 60%, transparent); --cross: var(--a35); --dim: .45; position: relative; display: block; min-width: 0; color: var(--ink-3); font-family: var(--font); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); font-feature-settings: var(--font-features); font-variant-numeric: tabular-nums; border-radius: var(--r-row); touch-action: pan-y; }
[data-r="script-chart"]:focus-visible { outline: 1px solid var(--accent-mark); outline-offset: 4px; }
[data-r="script-chart"] svg { display: block; overflow: visible; }
[data-r="script-chart"] canvas { display: block; }
[data-r="script-chart"] text { font-family: var(--font); font-weight: var(--fw-450); font-variant-numeric: tabular-nums; }
[data-r="script-chart"] .gridline { stroke: var(--grid); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="script-chart"] .baseline { stroke: var(--axis); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="script-chart"] .cross { stroke: var(--cross); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="script-chart"] .reference { stroke: var(--reference); stroke-width: 1; stroke-dasharray: 4 3; fill: none; shape-rendering: crispEdges; }
[data-r="script-chart"] :is(.xlab, .ylab, .unit-label) { font-size: var(--fs-11); fill: var(--ink-3); }
[data-r="script-chart"] .lane-label { font-size: var(--fs-11); font-weight: var(--fw-550); fill: var(--ink); }
[data-r="script-chart"] [data-part="readout"] { color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); white-space: nowrap; }
[data-r="script-chart"] [data-part="readout"] b { color: var(--ink); font-weight: var(--fw-550); }
[data-r="script-chart"] [data-part="tools"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; }
[data-r="script-chart"] .hint { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); pointer-events: none; }
[data-r="script-chart"] .tip { position: absolute; z-index: 3; display: flex; flex-direction: column; align-items: stretch; gap: 3px; min-width: 120px; padding: 8px 10px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); white-space: nowrap; pointer-events: none; }
[data-r="script-chart"] .tip[data-away] { opacity: 0; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"] .tip b { color: var(--ink); font-weight: var(--fw-550); }
[data-r="script-chart"] .tip .d { color: var(--ink); font-weight: var(--fw-550); font-size: var(--fs-12); line-height: var(--lh-12); margin: 0; }
[data-r="script-chart"] .tip .r { display: flex; align-items: center; gap: 6px; color: var(--ink-3); }
[data-r="script-chart"] .tip .r b { margin-left: auto; padding-left: 12px; min-width: 40px; text-align: right; font-weight: var(--fw-550); color: var(--ink); }
[data-r="script-chart"] .tip .sw { flex: none; width: 10px; height: 2px; border-radius: 1px; background: var(--accent); }
[data-r="script-chart"] .tip .sw:is([data-kind="block"], .block) { width: 8px; height: 8px; border-radius: 2px; }
[data-r="script-chart"] .tip .sw:is([data-kind="dot"], .dot) { width: 6px; height: 6px; border-radius: var(--r-round); }
[data-r="script-chart"] .tip .sw[data-kind="none"] { visibility: hidden; }
[data-r="script-chart"] .tip .sw[data-kind="open"] { width: 8px; height: 8px; border-radius: var(--r-round); background: transparent; box-shadow: inset 0 0 0 1.5px var(--c, var(--ink-3)); }
[data-r="script-chart"] .tip .sub { color: var(--ink-3); font-size: var(--fs-11); line-height: var(--lh-11); margin-top: 2px; }
[data-r="script-chart"] .line { fill: none; stroke: var(--accent); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
[data-r="script-chart"] .area { fill: var(--accent); fill-opacity: .1; stroke: none; }
[data-r="script-chart"] .dot { fill: var(--accent); stroke: var(--bg); stroke-width: 2; }
[data-r="script-chart"] .ring { fill: none; stroke: var(--ink); stroke-width: 1.5; }
[data-r="script-chart"] .lab { font-size: var(--fs-11); fill: var(--ink-3); }
[data-r="script-chart"] .val { font-size: var(--fs-11); font-weight: var(--fw-550); fill: var(--ink); }
[data-r="script-chart"] .hidden { opacity: 0; }
[data-r="script-chart"] .fade { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"] .dim { opacity: var(--dim); }
[data-r="script-chart"] .overlay { fill: transparent; cursor: crosshair; }
[data-r="script-chart"] > [data-part="table"][hidden] { display: none; }
[data-r="script-chart"][data-view="table"] > :not([data-part="table"]) { display: none; }
[data-r="script-chart"][data-view="table"] > [data-part="table"] { display: table; width: 100%; }
@media (prefers-reduced-motion: reduce) {
  [data-r="script-chart"] * { transition-duration: 0s !important; animation-duration: 0s !important; }
}
}

/* ═══ 86-sync.css ═══ */
@layer components {
[data-r="sync"] { display: inline-flex; align-items: center; gap: 6px; flex: none; height: var(--h-24); padding: 0 8px 0 6px; border-radius: var(--r-press); color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); font-variant-numeric: tabular-nums; white-space: nowrap; transition: background-color var(--state-out), color var(--state-out); }
[data-r="sync"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); flex: none; }
[data-r="sync"]:is([data-state="waiting"], [data-state="offline"]) { color: var(--ink-2); }
[data-r="sync"][data-state="conflict"] { color: var(--ink); font-weight: var(--fw-500); }
[data-r="sync"][data-state="conflict"] > svg[data-icon] { color: var(--warning-dot); }
[data-r="sync"][aria-expanded="true"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
@media (hover: hover) {
  button[data-r="sync"]:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
button[data-r="sync"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="sync"][data-size="14"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
@media (pointer: coarse) {
  [data-r="sync"][data-hide-word="phone"] > [data-part="label"] { display: none; }
}
[data-r="sync-panel"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); position: relative; display: flex; flex-direction: column; width: 440px; max-width: calc(100vw - 16px); border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); }
[data-r="sync-panel"][data-kind="offline"] { width: 320px; }
[data-r="sync-panel"] > [data-part="head"] { display: flex; align-items: flex-start; gap: 8px; padding: 14px 16px 12px; }
[data-r="sync-panel"] > [data-part="head"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); flex: none; margin-top: 1.5px; color: var(--thing, var(--ink-2)); }
[data-r="sync-panel"] > [data-part="head"][data-tone="warning"] > svg[data-icon] { color: var(--warning-dot); }
[data-r="sync-panel"] > [data-part="head"][data-tone="success"] > svg[data-icon] { color: var(--success-dot); }
[data-r="sync-panel"] > [data-part="head"] > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="sync-panel"] > [data-part="head"] b { font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="sync-panel"] > [data-part="head"] p { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="sync-panel"] > [data-part="list"] { max-height: 420px; padding: 0 8px 8px; overflow: hidden auto; overscroll-behavior: contain; }
[data-r="sync-panel"] > [data-part="works"] { display: flex; flex-direction: column; gap: 8px; padding: 2px 16px 16px 40px; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="sync-panel"] > [data-part="works"] > span { display: flex; align-items: flex-start; gap: 8px; color: var(--ink-2); }
[data-r="sync-panel"] > [data-part="works"] > span > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); flex: none; margin-top: 2.5px; color: var(--success-dot); }
[data-r="sync-panel"] > [data-part="works"] > span[data-waits] { color: var(--ink-3); }
[data-r="sync-panel"] > [data-part="works"] > span[data-waits] > svg[data-icon] { color: var(--thing, var(--ink-3)); }
[data-r="sync-panel"] [data-part="conflict"] { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 12px 8px; border-radius: var(--r-row); }
[data-r="sync-panel"] [data-part="conflict"] + [data-part="conflict"]::before { content: ""; position: absolute; left: 8px; right: 8px; top: 0; height: var(--px); background: var(--line-1); }
[data-r="sync-panel"] [data-part="what"] { display: flex; align-items: center; gap: 8px; min-width: 0; }
[data-r="sync-panel"] [data-part="what"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); flex: none; color: var(--thing, var(--ink-3)); }
[data-r="sync-panel"] [data-part="what"] > b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink); }
[data-r="sync-panel"] [data-part="what"] > [data-part="meta"] { flex: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="sync-panel"] :is([data-part="sides"], [data-part="field"]) { display: grid; grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 6px; }
[data-r="sync-panel"] [data-part="sides"] { margin-top: 4px; padding-left: 24px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="sync-panel"] [data-part="sides"] > span { padding-left: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="sync-panel"] [data-part="field"] { padding-left: 24px; }
[data-r="sync-panel"] [data-part="field"] > [data-part="name"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="sync-panel"] [data-part="choice"] { position: relative; display: flex; align-items: center; min-width: 0; min-height: var(--h-28); padding: 5px 8px; border: .5px solid var(--line-4); border-radius: var(--r-value); background: var(--raised); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); text-align: left; font-variant-numeric: tabular-nums; transition: background-color var(--state-out), border-color var(--state-out), color var(--state-out); }
[data-r="sync-panel"] [data-part="choice"] > span { min-width: 0; overflow-wrap: anywhere; }
@media (hover: hover) {
  [data-r="sync-panel"] [data-part="choice"]:hover { background: var(--plane-hover); border-color: var(--line-5); color: var(--ink); transition-duration: 0s; }
}
[data-r="sync-panel"] [data-part="choice"][data-force~="hover"] { background: var(--plane-hover); border-color: var(--line-5); color: var(--ink); transition-duration: 0s; }
[data-r="sync-panel"] [data-part="choice"][aria-checked="true"] { background: var(--plane-selected); border-color: transparent; color: var(--ink); }
[data-r="sync-panel"] [data-part="field"][data-chosen="mine"] > [data-part="choice"][data-side="theirs"] > span,
[data-r="sync-panel"] [data-part="field"][data-chosen="theirs"] > [data-part="choice"][data-side="mine"] > span { color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
[data-r="sync-panel"] [data-part="actions"],
[data-r="sync-panel"] [data-part="outcome"] { display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin-top: 4px; padding-left: 24px; }
[data-r="sync-panel"] [data-part="outcome"] > [data-part="said"] { flex: 1; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="sync-panel"] [data-part="conflict"]:not([data-state]) > [data-part="outcome"],
[data-r="sync-panel"] [data-part="conflict"][data-state] > :is([data-part="sides"], [data-part="field"], [data-part="actions"]) { display: none; }
}

/* ═══ 86a-version-tree.css ═══ */
@layer components {
[data-r="version-tree"] { position: relative; --lanes: 1; --lane: 16px; }
[data-r="version-tree"] > svg[data-part="lanes"] { position: absolute; left: 0; top: 0; overflow: visible; pointer-events: none; z-index: 1; }
[data-r="version-tree"] [data-r="list-row"] > [data-part="lanes"] { flex: none; align-self: stretch; width: calc(var(--lanes) * var(--lane)); }
[data-r="version-tree"] > svg path { fill: none; stroke: var(--c, var(--line-5)); stroke-width: 1.5; stroke-linecap: round; }
[data-r="version-tree"] > svg path[data-kept] { stroke: var(--line-4); stroke-dasharray: 2 3; }
[data-r="version-tree"] > svg circle { fill: var(--c, var(--ink-3)); stroke: var(--c, var(--ink-3)); stroke-width: 1.5; }
[data-r="version-tree"] > svg circle[data-node="waiting"] { fill: var(--paper); }
[data-r="version-tree"] > svg circle[data-node="kept"] { fill: var(--paper); stroke: var(--line-5); }
[data-r="version-tree"] > svg circle[data-node="now"] { fill: var(--accent); stroke: var(--accent); }
[data-r="version-tree"][data-picking] [data-r="list-row"] > [data-part="select"] { opacity: 1; }
[data-r="version-compare"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
[data-r="version-compare"]:empty { display: none; }
[data-r="version-compare"] > [data-part="head"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; min-height: var(--h-32); }
[data-r="version-compare"] > [data-part="head"] > [data-part="title"] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="version-compare"] > [data-part="head"] > [data-part="title"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="version-compare"] > [data-part="head"] > [data-part="sub"] { display: inline-flex; gap: 8px; margin-right: auto; }
[data-r="version-compare"] > [data-part="counts"] { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="version-compare"] > [data-part="counts"] > [data-part="difference"] { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="version-compare"] > [data-part="lines"] { display: flex; flex-direction: column; gap: 2px; padding: 8px 12px; border-radius: var(--r-contain); background: var(--paper); box-shadow: 0 0 0 var(--px) var(--line-2); }
[data-r="version-compare"] [data-part="passage"] { margin: 0; padding: 3px 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); overflow-wrap: anywhere; }
[data-r="version-compare"] [data-part="fold"] { margin: 0; padding: 3px 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="version-compare"] > [data-part="head"] > [data-part="view"] { flex: none; }
[data-r="version-compare"] > [data-part="sides"] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="version-compare"] > [data-part="sides"] > span { min-width: 0; padding: 0 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="version-compare"][data-variant="split"] > [data-part="lines"] { padding: 8px 0; }
[data-r="version-compare"] [data-part="pair"] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
[data-r="version-compare"] [data-part="pair"] > [data-part="passage"] { padding: 3px 12px; }
[data-r="version-compare"] [data-part="pair"] > [data-side="to"] { box-shadow: inset var(--px) 0 0 var(--line-2); }
[data-r="version-compare"] [data-part="pair"] > [data-side="from"] [data-r="suggested-edit"][data-kind="insert"],
[data-r="version-compare"] [data-part="pair"] > [data-side="to"] [data-r="suggested-edit"][data-kind="remove"] { display: none; }
[data-r="version-compare"][data-variant="split"] [data-part="fold"] { padding: 3px 12px; }
@container page (width < 560px) {
  [data-r="version-compare"] :is([data-part="pair"], [data-part="sides"]) { grid-template-columns: minmax(0, 1fr); }
  [data-r="version-compare"] > [data-part="sides"] > span + span { display: none; }
  [data-r="version-compare"] [data-part="pair"] > [data-side="to"] { box-shadow: none; }
  [data-r="version-compare"] [data-part="pair"] > [data-side="from"]:not(:empty) + [data-side="to"] { padding-top: 0; }
}
[data-r="drawer"] > [data-part="body"] > [data-part="pane"][data-pane="history"]:not([hidden]) { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: start; gap: 16px; }
[data-r="drawer"] > [data-part="body"] > [data-part="pane"][data-pane="history"] > [data-r="version-compare"] { position: sticky; top: 0; padding-top: 4px; }
@container page (width < 720px) {
  [data-r="drawer"] > [data-part="body"] > [data-part="pane"][data-pane="history"]:not([hidden]) { grid-template-columns: minmax(0, 1fr); }
}
@container page (width < 560px) {
  [data-r="version-tree"] { --lane: 10px; }
  [data-r="version-tree"] [data-r="list-row"] > [data-part="end"] > :is([data-r="delta"], [data-r="fact"]) { display: none; }
  [data-r="version-tree"]:not([data-picking]) [data-r="list-row"] > [data-part="select"] { display: none; }
  @media (hover: hover) {
    [data-r="version-tree"] [data-r="list-row"]:hover > [data-part="select"] { display: flex; }
  }
  [data-r="version-tree"] [data-r="list-row"][data-force~="hover"] > [data-part="select"] { display: flex; }
  [data-r="version-tree"] [data-r="list-row"] > [data-part="end"] > time { min-width: 0; }
}
[data-r="drawer"] > [data-part="body"] > [data-part="pane"][data-pane="history"] > :not([data-r="version-tree"], [data-r="version-compare"]) { grid-column: 1 / -1; }
[data-r="version-tree"] { container: version-tree / inline-size; }
@container version-tree (width < 420px) {
  [data-r="version-tree"] [data-r="list-row"] > [data-part="end"] > :is([data-r="delta"], [data-r="fact"]) { display: none; }
  [data-r="version-tree"]:not([data-picking]) [data-r="list-row"] > [data-part="select"] { display: none; }
  @media (hover: hover) {
    [data-r="version-tree"] [data-r="list-row"]:hover > [data-part="select"] { display: flex; }
  }
  [data-r="version-tree"] [data-r="list-row"][data-force~="hover"] > [data-part="select"] { display: flex; }
  [data-r="version-tree"] [data-r="list-row"] > [data-part="end"] > time { min-width: 0; }
}
}

/* ═══ 87-calendar-collection.css ═══ */
@layer components {
[data-r="calendar-bar"] { display: flex; flex-direction: column; min-width: 0; border-radius: var(--r-contain); background: var(--paper); box-shadow: 0 0 0 var(--px) var(--line-2); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="calendar-bar"] > [data-part="views"] { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 8px 0 12px; }
[data-r="calendar-bar"] > [data-part="views"] > [data-r="tabs"] { flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; }
[data-r="calendar-bar"] > [data-part="views"] > [data-part="save"] { flex: none; }
[data-r="calendar-bar"] > [data-part="views"] > [data-part="totals"] { display: flex; align-items: center; gap: 8px; flex: none; }
[data-r="calendar-bar"] > [data-part="views"] > [data-part="totals"] > [data-part="label"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="calendar-bar"] > [data-part="tools"] { container: calendar-tools / inline-size; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; padding: 0 8px 0 12px; border-bottom: var(--px) solid var(--line-1); }
[data-r="calendar-bar"] > [data-part="tools"] > [data-r="query"] { flex: 1; min-width: 0; border-bottom: 0; }
[data-r="calendar-bar"] > [data-part="tools"] > :first-child { margin-left: -12px; }
[data-r="calendar-bar"] > [data-part="tools"] > :is([data-r="select"], [data-r="button"]) { flex: none; }
[data-r="calendar-bar"] > [data-part="legend"] { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; min-height: var(--row-32); padding: 4px 12px 4px 16px; }
[data-r="calendar-bar"] > [data-part="legend"] > [data-part="label"] { margin-right: 6px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"] { display: inline-flex; align-items: center; gap: 6px; flex: none; height: var(--h-24); padding: 0 8px; border: 0; border-radius: var(--r-press); background: transparent; font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); cursor: default; transition: background-color var(--state-out), color var(--state-out); }
[data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"] > [data-part="count"] { color: var(--ink-3); font-variant-numeric: tabular-nums; }
@media (hover: hover) {
  [data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"][aria-pressed="true"] { background: var(--plane-selected); color: var(--ink); }
[data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"][aria-pressed="true"] > [data-part="count"] { color: var(--ink-2); }
[data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"][data-none] { color: var(--ink-3); }
[data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"][data-none][aria-pressed="true"] { color: var(--ink); }
@media (hover: hover) {
  [data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"][data-none]:hover { color: var(--ink); transition-duration: 0s; }
}
[data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"][data-none][data-force~="hover"] { color: var(--ink); transition-duration: 0s; }
[data-r="week-grid"] > [data-part="head"] > [data-part="matches"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"][data-none] > [data-r="dot"] { opacity: .4; }
[data-r="calendar-bar"] > [data-part="tools"] > [data-part="color-by"] > [data-part="value"] { min-width: 0; }
[data-r="calendar-bar"] > [data-part="tools"] > [data-part="color-by"] > svg[data-icon]:not([data-part="chevron"]) { color: var(--thing, var(--ink-3)); }
@container calendar-tools (max-width: 519px) {
  [data-r="calendar-bar"] > [data-part="tools"] > [data-r="query"] { flex: 1 1 100%; }
  [data-r="calendar-bar"] > [data-part="tools"] > [data-r="query"] ~ :is([data-r="button"], [data-r="select"], [data-part="here"]) { margin-bottom: 8px; }
}
@container page-header (width < 520px) {
  [data-r="page-header"] [data-cal-step] > [data-shows-today],
  [data-r="page-header"] [data-cal-step] + [data-r="segmented"][data-shows-for] { display: none; }
}
:is([data-r="week-grid"], [data-r="month-grid"])[data-filtering] [data-r="calendar-session"][data-out] { opacity: .32; transition: opacity var(--opacity-out) ease-out; }
@media (hover: hover) {
  :is([data-r="week-grid"], [data-r="month-grid"])[data-filtering] [data-r="calendar-session"][data-out]:hover { opacity: .7; transition-duration: 0s; }
}
:is([data-r="week-grid"], [data-r="month-grid"])[data-filtering] [data-r="calendar-session"][data-out][data-force~="hover"] { opacity: .7; transition-duration: 0s; }
:is([data-r="week-grid"], [data-r="month-grid"])[data-filtering] [data-r="calendar-session"][data-out] > [data-r="workout"] { filter: grayscale(1); }
:is([data-r="week-grid"], [data-r="month-grid"])[data-filtering] [data-r="calendar-session"][data-out] + [data-part="match"] { opacity: .32; }
:is([data-r="week-grid"], [data-r="month-grid"])[data-filtering][data-out-mode="hide"] [data-r="calendar-session"][data-out],
:is([data-r="week-grid"], [data-r="month-grid"])[data-filtering][data-out-mode="hide"] [data-r="calendar-session"][data-out] + [data-part="match"] { display: none; }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="matches"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="month-grid"][data-variant="classic"][data-filtering] > [data-part="week"][data-matches="0"] > :is([data-part="day"], [data-part="notes"]) { opacity: .6; }
[data-r="calendar-session"] > [data-part="head"] > [data-part="flags"] { display: inline-flex; align-items: center; gap: 2px; flex: none; margin-top: 2.5px; color: var(--ink-3); }
[data-r="calendar-session"] > [data-part="head"] > [data-part="flags"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="calendar-session"] [data-part="figs"] > :is([data-part="start"], [data-part="distance"], [data-part="work"], [data-part="cz"], [data-part="hr"], [data-part="rpe"], [data-part="landing"], [data-part="peaks"], [data-part="kz"], [data-part="workkg"], [data-part="temp"]) { display: none; }
[data-r="calendar-session"] [data-part="figs"] > [data-part="wprime"] { align-items: center; gap: 2px; }
[data-r="calendar-session"] [data-part="figs"] > [data-part="wprime"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-show~="wprime"] [data-r="calendar-session"] [data-part="figs"] > [data-part="wprime"] { display: inline-flex; }
[data-r="calendar-session"] [data-part="figs"] > [data-part="landing"] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="calendar-session"] > [data-part="tags"] { display: none; flex-wrap: wrap; gap: 2px 8px; min-width: 0; padding-left: 20px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); }
[data-r="calendar-session"] > [data-part="tags"] > [data-part="tag"] { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
[data-show~="start"] [data-r="calendar-session"] [data-part="figs"] > [data-part="start"],
[data-show~="distance"] [data-r="calendar-session"] [data-part="figs"] > [data-part="distance"],
[data-show~="work"] [data-r="calendar-session"] [data-part="figs"] > [data-part="work"],
[data-show~="cz"] [data-r="calendar-session"] [data-part="figs"] > [data-part="cz"],
[data-show~="hr"] [data-r="calendar-session"] [data-part="figs"] > [data-part="hr"],
[data-show~="rpe"] [data-r="calendar-session"] [data-part="figs"] > [data-part="rpe"],
[data-show~="landing"] [data-r="calendar-session"] [data-part="figs"] > [data-part="landing"],
[data-show~="peaks"] [data-r="calendar-session"] [data-part="figs"] > [data-part="peaks"],
[data-show~="kz"] [data-r="calendar-session"] [data-part="figs"] > [data-part="kz"],
[data-show~="workkg"] [data-r="calendar-session"] [data-part="figs"] > [data-part="workkg"],
[data-show~="temp"] [data-r="calendar-session"] [data-part="figs"] > [data-part="temp"] { display: inline; }
[data-show~="tags"] [data-r="calendar-session"] > [data-part="tags"] { display: flex; }
[data-r="calendar-session"][data-show] > [data-r="workout"],
[data-r="calendar-session"][data-show] > [data-part="sig"],
[data-r="calendar-session"][data-show] > [data-part="tags"],
[data-r="calendar-session"][data-show] > [data-part="meta"] > :is([data-r="dot"], [data-part="rs"]),
[data-r="calendar-session"][data-show] > [data-part="meta"] > [data-part="figs"] > * { display: none; }
[data-r="calendar-session"][data-show~="strip"] > [data-r="workout"] { display: flex; }
[data-r="calendar-session"][data-show~="signature"] > [data-part="sig"] { display: block; }
[data-r="calendar-session"][data-show~="tags"] > [data-part="tags"] { display: flex; }
[data-r="calendar-session"][data-show~="intent"] > [data-part="meta"] > [data-r="dot"] { display: inline-block; }
[data-r="calendar-session"][data-show~="rs"] > [data-part="meta"] > [data-part="rs"],
[data-r="calendar-session"][data-show~="start"] > [data-part="meta"] > [data-part="figs"] > [data-part="start"],
[data-r="calendar-session"][data-show~="duration"] > [data-part="meta"] > [data-part="figs"] > [data-part="duration"],
[data-r="calendar-session"][data-show~="distance"] > [data-part="meta"] > [data-part="figs"] > [data-part="distance"],
[data-r="calendar-session"][data-show~="power"] > [data-part="meta"] > [data-part="figs"] > [data-part="power"],
[data-r="calendar-session"][data-show~="zone"] > [data-part="meta"] > [data-part="figs"] > [data-part="zone"],
[data-r="calendar-session"][data-show~="work"] > [data-part="meta"] > [data-part="figs"] > [data-part="work"],
[data-r="calendar-session"][data-show~="cho"] > [data-part="meta"] > [data-part="figs"] > [data-part="cho"],
[data-r="calendar-session"][data-show~="cz"] > [data-part="meta"] > [data-part="figs"] > [data-part="cz"],
[data-r="calendar-session"][data-show~="hr"] > [data-part="meta"] > [data-part="figs"] > [data-part="hr"],
[data-r="calendar-session"][data-show~="rpe"] > [data-part="meta"] > [data-part="figs"] > [data-part="rpe"],
[data-r="calendar-session"][data-show~="landing"] > [data-part="meta"] > [data-part="figs"] > [data-part="landing"],
[data-r="calendar-session"][data-show~="peaks"] > [data-part="meta"] > [data-part="figs"] > [data-part="peaks"],
[data-r="calendar-session"][data-show~="kz"] > [data-part="meta"] > [data-part="figs"] > [data-part="kz"],
[data-r="calendar-session"][data-show~="workkg"] > [data-part="meta"] > [data-part="figs"] > [data-part="workkg"],
[data-r="calendar-session"][data-show~="temp"] > [data-part="meta"] > [data-part="figs"] > [data-part="temp"] { display: inline; }
[data-r="calendar-session"][data-show~="wprime"] > [data-part="meta"] > [data-part="figs"] > [data-part="wprime"] { display: inline-flex; }
[data-r="calendar-session"]:is([data-state="excused"], [data-state="canceled"]) { padding: 6px 7px 7px; border: var(--px) dashed var(--line-3); background: transparent; box-shadow: none; }
[data-r="calendar-session"][data-state="excused"] [data-part="title"] { color: var(--ink-2); }
[data-r="calendar-session"][data-state="canceled"] [data-part="title"] { color: var(--ink-3); }
@media (hover: hover) {
  [data-r="calendar-session"]:is([data-state="excused"], [data-state="canceled"]):hover { background: var(--plane-hover); box-shadow: none; }
}
[data-r="calendar-session"]:is([data-state="excused"], [data-state="canceled"])[data-force~="hover"] { background: var(--plane-hover); box-shadow: none; }
[data-r="calendar-session"] ~ [data-part="conflict"] { display: flex; align-items: flex-start; gap: 4px; min-width: 0; padding: 0 2px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); }
[data-r="calendar-session"] ~ [data-part="conflict"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); margin-top: 1px; color: var(--warning-dot); }
[data-r="calendar-session"] ~ [data-part="conflict"] > svg[data-glyph] { --thing: var(--warning-dot); margin: 2px 1px 0; }
[data-r="calendar-session"] ~ [data-part="conflict"]:has(> [data-part="resolve"]) { display: grid; grid-template-columns: 12px minmax(0, 1fr); gap: 2px 4px; }
[data-r="calendar-session"] ~ [data-part="conflict"] > [data-part="resolve"] { grid-column: 2; justify-self: start; margin-left: -6px; }
[data-part="lane"] > [data-part="deleted"] { display: none; }
[data-deleted="shown"] [data-part="lane"] > [data-part="deleted"] { display: grid; grid-template-columns: 12px minmax(0, 1fr); align-items: center; gap: 2px 6px; min-height: var(--row-28); padding: 4px 4px 4px 6px; border-radius: var(--r-row); box-shadow: inset 0 0 0 var(--px) var(--line-2); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-deleted="shown"] [data-part="lane"] > [data-part="deleted"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-deleted="shown"] [data-part="lane"] > [data-part="deleted"] > [data-part="title"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
[data-deleted="shown"] [data-part="lane"] > [data-part="deleted"] > [data-part="when"] { grid-column: 2; grid-row: 2; }
[data-deleted="shown"] [data-part="lane"] > [data-part="deleted"] > [data-part="restore"] { grid-column: 2; grid-row: 3; justify-self: start; margin-left: -6px; }
[data-part="lane"] > [data-part="deleted"] > template { display: none; }
[data-r="view-options"][data-variant="calendar"] { width: 348px; max-height: calc(100dvh - 16px); overflow-y: auto; overscroll-behavior: contain; }
[data-r="view-options"][data-variant="calendar"] [data-part="row"] > [data-r="segmented"] { flex: none; }
[data-r="view-options"][data-variant="calendar"] > [data-part="section"] > [data-part="preview"] { display: flex; flex-direction: column; justify-content: center; min-height: 96px; margin: 4px 0 6px; padding: 8px 64px; border-radius: var(--r-row); background: var(--paper); box-shadow: 0 0 0 var(--px) var(--line-2); }
[data-r="view-options"][data-variant="calendar"] > [data-part="section"] > [data-part="preview"] > [data-r="calendar-session"] { cursor: default; }
[data-r="view-options"][data-variant="calendar"] > [data-part="section"] > [data-part="scope-note"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: var(--row-28); margin-bottom: 4px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); }
[data-r="view-options"][data-variant="calendar"] > [data-part="section"] > [data-part="scope-note"][hidden] { display: none; }
[data-r="view-options"][data-variant="calendar"] > [data-part="section"] > template { display: none; }
[data-r="view-options"][data-variant="calendar"] > [data-part="section"] > [data-part="owner"] { display: grid; grid-template-columns: 14px minmax(0, 1fr); align-items: center; gap: 0 8px; padding: 2px 0 6px; }
[data-r="view-options"][data-variant="calendar"] > [data-part="section"] > [data-part="owner"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="view-options"][data-variant="calendar"] > [data-part="section"] > [data-part="owner"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="view-options"][data-variant="calendar"] > [data-part="section"] > [data-part="owner"] > [data-part="sub"] { grid-column: 2; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="view-options"][data-variant="calendar"] > [data-part="section"][data-owner="athlete"] > [data-part="owner"] > svg[data-icon] { color: var(--warning-dot); }
[data-r="view-options"][data-variant="calendar"] > [data-part="section"] > [data-part="warn"] { display: flex; align-items: flex-start; gap: 6px; margin: 4px 0 2px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); }
[data-r="view-options"][data-variant="calendar"] > [data-part="section"] > [data-part="warn"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--warning-dot); }
[data-r="month-grid"][data-variant="classic"] { --week-w: 184px; --notes-w: 148px; }
[data-r="month-grid"][data-variant="classic"] > :is([data-part="weekdays"], [data-part="week"]) { grid-template-columns: var(--week-w) repeat(7, minmax(0, 1fr)) var(--notes-w); }
[data-r="month-grid"][data-variant="classic"] > [data-part="weekdays"] { position: sticky; top: 0; z-index: 2; padding-top: 6px; background: var(--paper); }
[data-r="month-grid"][data-variant="classic"] > [data-part="weekdays"] > span:last-child { padding-left: 12px; }
[data-r="month-grid"][data-variant="classic"] > [data-part="week"] { min-height: 180px; }
[data-r="month-grid"][data-variant="classic"] > [data-part="week"][data-current] > [data-part="week-head"] > [data-part="week-title"] > b { color: var(--accent-ink); }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] { gap: 8px; padding: 10px 16px 12px 0; }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="week-title"] { display: flex; align-items: center; gap: 8px; min-width: 0; height: var(--h-20); }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="week-title"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); white-space: nowrap; }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="week-title"] > [data-part="range"] { flex: 1; min-width: 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="week-title"] > [data-part="week-menu"] { flex: none; margin-right: -4px; }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="block"] { margin-top: -6px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-r="budget-bar"] { margin-top: -2px; }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="sports"] { display: flex; flex-direction: column; gap: 4px; margin: 0; }
[data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 8px; font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > dt { display: flex; align-items: center; gap: 6px; min-width: 0; color: var(--ink-2); }
[data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > dt > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > dd { margin: 0; color: var(--ink-3); white-space: nowrap; }
[data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > dd > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > [data-part="meter"] { grid-column: 1 / -1; position: relative; height: 3px; border-radius: var(--r-press); background: var(--a10); overflow: hidden; }
[data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > [data-part="meter"]::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--done); border-radius: inherit; background: var(--sport, var(--ink-2)); }
[data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > [data-part="meter"][data-target]::before,
[data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > [data-part="meter"][data-target]::after { z-index: 1; }
[data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > [data-part="meter"][data-target] { overflow: visible; background: transparent; -webkit-mask-image: linear-gradient(to right, var(--ink) var(--target), transparent 0 calc(var(--target) + 2px), var(--ink) 0); mask-image: linear-gradient(to right, var(--ink) var(--target), transparent 0 calc(var(--target) + 2px), var(--ink) 0); }
[data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > [data-part="meter"][data-target]::after { content: ""; position: absolute; top: 0; bottom: 0; left: var(--done); width: var(--plan); background: color-mix(in srgb, var(--sport, var(--ink-2)) 32%, transparent); }
[data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > [data-part="meter"] > [data-part="target"] { position: absolute; top: 0; bottom: 0; left: 0; width: var(--target); border-radius: var(--r-press); background: var(--a10); }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="spread"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="month-grid"][data-variant="classic"] [data-part="spread"] > [data-part="spread-head"] { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="month-grid"][data-variant="classic"] [data-part="spread"] > [data-part="spread-head"] > b { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="month-grid"][data-variant="classic"] [data-part="spread"] > [data-part="spread-bar"] { position: relative; display: flex; height: 8px; border-radius: var(--r-press); background: var(--a5); }
[data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > i { flex: none; width: var(--w); height: 100%; }
[data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > i:first-child { border-radius: var(--r-press) 0 0 var(--r-press); }
[data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > i:last-of-type { border-radius: 0 var(--r-press) var(--r-press) 0; }
[data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > i + i { box-shadow: -1px 0 0 var(--paper); }
[data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > i[data-zone="1"] { background-color: var(--scale-1); }
[data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > i[data-zone="2"] { background-color: var(--scale-2); }
[data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > i[data-zone="3"] { background-color: var(--scale-3); }
[data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > i[data-zone="4"] { background-color: var(--scale-4); }
[data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > i[data-zone="5"] { background-color: var(--scale-5); }
[data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > i[data-zone="6"] { background-color: var(--scale-6); }
[data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > [data-part="typical"] { position: absolute; inset: -2px 0; pointer-events: none; }
[data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > [data-part="typical"] > i { position: absolute; top: 0; bottom: 0; left: var(--at); width: 1px; margin-left: -0.5px; background: var(--ink); }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="load"] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
[data-r="month-grid"][data-variant="classic"] [data-part="load"] > div > dt { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="month-grid"][data-variant="classic"] [data-part="load"] > div > dd { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="month-grid"][data-variant="classic"] [data-part="day"] { gap: 4px; padding: 6px 6px 10px; }
[data-r="month-grid"][data-variant="classic"] [data-part="day"][data-today] { background: var(--plane-hover); }
[data-r="month-grid"][data-variant="classic"] [data-part="day"][data-over] { background: var(--plane-selected); }
[data-r="month-grid"][data-variant="classic"] [data-part="day-head"] { align-self: stretch; justify-content: flex-start; gap: 4px; height: var(--h-20); margin-bottom: 0; padding: 0 6px; border-radius: var(--r-row); color: var(--ink); }
[data-r="month-grid"][data-variant="classic"] [data-part="day-head"] > [data-part="weekday"] { font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="month-grid"][data-variant="classic"] [data-part="day-head"] > [data-part="date"] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="month-grid"][data-variant="classic"] [data-part="day"][data-today] > [data-part="day-head"] > [data-part="date"] { font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="month-grid"][data-variant="classic"] [data-part="day-head"] > [data-part="total"] { margin-left: auto; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="month-grid"][data-variant="classic"] [data-part="day"][data-hard] > [data-part="day-head"] > [data-part="total"] { font-weight: var(--fw-550); color: var(--ink-2); }
[data-r="month-grid"][data-variant="classic"] [data-part="day-head"] > [data-part="total"] > [data-part="delta"] { margin-right: 2px; color: var(--ink-3); }
[data-r="month-grid"][data-variant="classic"] [data-part="lane"] { gap: 6px; margin-top: 2px; }
[data-r="month-grid"][data-variant="classic"] [data-part="lane"] > [data-r="calendar-session"] + [data-part="match"] { margin-top: -2px; }
[data-r="month-grid"][data-variant="classic"] > [data-part="week"] > [data-part="notes"] { min-width: 0; padding: 8px 0 12px 12px; border-left: var(--px) solid var(--line-1); }
[data-r="month-grid"][data-variant="classic"] [data-part="notes"] > [data-part="note"] { min-height: 100%; padding: 4px 6px; margin: -4px -6px; border-radius: var(--r-row); outline: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); white-space: pre-wrap; overflow-wrap: anywhere; cursor: text; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="month-grid"][data-variant="classic"] [data-part="notes"] > [data-part="note"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="month-grid"][data-variant="classic"] [data-part="notes"] > [data-part="note"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="month-grid"][data-variant="classic"] [data-part="notes"] > [data-part="note"]:focus { background: var(--raised); box-shadow: 0 0 0 var(--px) var(--accent); color: var(--ink); }
[data-r="month-grid"][data-variant="classic"] [data-part="notes"] > [data-part="note"]:empty::before { content: attr(data-placeholder); color: var(--ink-3); }
[data-r="month-grid"][data-variant="classic"] [data-part="week-title"] > [data-part="lock"] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--ink-3); }
[data-r="month-grid"][data-variant="classic"] > [data-part="week"][data-hidden-athlete] > :is([data-part="day"], [data-part="notes"]) { opacity: .5; }
[data-r="month-grid"] [data-part="day"] > [data-part="readings"],
[data-r="week-grid"] [data-part="day"] [data-part="readings"] { display: flex; flex-wrap: wrap; gap: 2px 8px; min-width: 0; padding: 0 6px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-part="readings"] > [data-part="reading"] { display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }
[data-part="readings"] > [data-part="reading"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-4)); }
[data-part="readings"] > [data-part="reading"][data-band="worse"] { color: var(--ink); font-weight: var(--fw-500); }
[data-part="readings"] > [data-part="reading"][data-band="worse"] > svg[data-icon] { color: var(--warning-dot); }
[data-part="readings"] > [data-part="reading"][data-band="better"] > svg[data-icon] { color: var(--success-dot); }
[data-part="readings"][data-form="shape"] > [data-part="reading"] > [data-part="value"] { display: none; }
[data-part="readings"][data-form="shape"] { gap: 4px; }
[data-part="readings"][data-form="word"] > [data-part="reading"] > svg[data-icon] { display: none; }
[data-part="readings"][data-form="off"] { display: none; }
[data-r="month-grid"] [data-part="day"] > [data-part="weather"] { display: flex; align-items: center; gap: 6px; min-width: 0; padding: 0 6px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; }
[data-r="month-grid"] [data-part="day"] > [data-part="weather"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-2)); }
[data-r="month-grid"] [data-part="day"] > [data-part="weather"] > [data-part="temp"] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="month-grid"] [data-part="day"] > [data-part="weather"] > [data-part="temp"] > small { margin-left: 3px; font-size: inherit; font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="month-grid"][data-weather="off"] [data-part="day"] > [data-part="weather"],
[data-r="month-grid"][data-readings="off"] [data-part="day"] > [data-part="readings"] { display: none; }
[data-r="month-grid"] [data-part="day"] > [data-part="span"] { display: flex; align-items: center; gap: 4px; min-width: 0; height: var(--h-20); margin: 0 -6px; padding: 0 12px; background: var(--mat); box-shadow: inset 0 var(--px) 0 var(--line-2), inset 0 calc(-1 * var(--px)) 0 var(--line-2); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); white-space: nowrap; overflow: hidden; }
[data-r="month-grid"] [data-part="day"] > [data-part="span"][data-edge="start"],
[data-r="month-grid"] [data-part="day"] > [data-part="span"][data-edge="only"] { margin-left: 0; padding-left: 6px; border-top-left-radius: var(--r-row); border-bottom-left-radius: var(--r-row); box-shadow: inset 0 var(--px) 0 var(--line-2), inset 0 calc(-1 * var(--px)) 0 var(--line-2), inset var(--px) 0 0 var(--line-2); }
[data-r="month-grid"] [data-part="day"] > [data-part="span"][data-edge="end"] { margin-right: 0; border-top-right-radius: var(--r-row); border-bottom-right-radius: var(--r-row); box-shadow: inset 0 var(--px) 0 var(--line-2), inset 0 calc(-1 * var(--px)) 0 var(--line-2), inset calc(-1 * var(--px)) 0 0 var(--line-2); }
[data-r="month-grid"] [data-part="day"] > [data-part="span"][data-edge="only"] { margin-right: 0; border-radius: var(--r-row); box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="month-grid"] [data-part="day"] > [data-part="span"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="month-grid"] [data-part="day"] > [data-part="span"] > [data-part="text"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="month-grid"] [data-part="day"] > [data-part="span"][data-kind="absence"] { background: transparent; box-shadow: none; border: var(--px) dashed var(--line-4); border-left-width: 0; border-right-width: 0; }
[data-r="month-grid"] [data-part="day"] > [data-part="span"][data-kind="absence"]:is([data-edge="start"], [data-edge="only"]) { border-left-width: var(--px); }
[data-r="month-grid"] [data-part="day"] > [data-part="span"][data-kind="absence"]:is([data-edge="end"], [data-edge="only"]) { border-right-width: var(--px); }
[data-r="month-grid"] [data-part="day"] > [data-part="span"][data-level="unavailable"] > svg[data-icon] { color: var(--danger-dot); }
[data-r="month-grid"] [data-part="day"] > [data-part="span"][data-level="limited"] > svg[data-icon] { color: var(--warning-dot); }
[data-density="compact"] [data-r="calendar-session"]:not([data-size]) { gap: 3px; padding: 6px 6px 7px; }
[data-density="compact"] [data-r="calendar-session"]:not([data-size]):is([data-state="missed"], [data-state="excused"], [data-state="canceled"]) { padding: 5px 5px 6px; }
[data-density="compact"] [data-r="calendar-session"]:not([data-size]) > [data-part="head"] { gap: 4px; }
[data-density="compact"] [data-r="calendar-session"]:not([data-size]) [data-part="title"] { overflow-wrap: normal; hyphens: auto; }
[data-density="compact"] [data-r="calendar-session"]:not([data-size]) > :is([data-part="meta"], [data-part="sig"], [data-part="tags"]) { padding-left: 0; }
[data-density="compact"] [data-r="calendar-session"]:not([data-size]) > [data-r="workout"] { margin-left: 0; }
[data-density="compact"] [data-r="calendar-session"]:not([data-size]) > [data-part="meta"] { flex-wrap: wrap; row-gap: 2px; }
[data-density="compact"] [data-r="calendar-session"]:not([data-size]) > [data-part="meta"]:has(> [data-part="figs"]) > [data-r="dot"] { margin-top: 4px; }
[data-r="dialog"] [data-part="repeat"] { display: grid; grid-template-columns: repeat(2, 120px); align-items: end; gap: 16px; margin: 16px 0 12px; }
[data-r="dialog"] [data-part="repeat"] > [data-r="form-row"] { position: relative; }
[data-r="dialog"] [data-part="repeat"] [data-part="unit-note"] { position: absolute; left: calc(100% + 8px); bottom: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="dialog"] [data-part="targets-form"] { display: flex; flex-direction: column; gap: 10px; margin: 16px 0 4px; }
[data-r="dialog"] [data-part="targets-form"] > [data-r="form-row"] { display: grid; grid-template-columns: 120px 120px minmax(0, 1fr); align-items: center; gap: 0 12px; }
[data-r="dialog"] [data-part="targets-form"] > [data-r="form-row"] > [data-r="field-hint"] { margin: 0; }
[data-r="dialog"] [data-part="targets"] { display: flex; flex-direction: column; border-top: var(--px) solid var(--line-2); }
[data-r="dialog"] [data-part="targets"] > [data-part="target"] { display: grid; grid-template-columns: 72px 32px 12px 36px minmax(0, 1fr); align-items: center; gap: 8px; min-height: var(--row-32); border-bottom: var(--px) solid var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="dialog"] [data-part="targets"] > [data-part="target"] > [data-part="name"] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="dialog"] [data-part="targets"] > [data-part="target"] > [data-part="before"] { color: var(--ink-3); text-align: right; }
[data-r="dialog"] [data-part="targets"] > [data-part="target"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="dialog"] [data-part="targets"] > [data-part="target"] > [data-part="after"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="dialog"] [data-part="targets"] > [data-part="target"] > [data-part="note"] { color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="dialog"] [data-part="targets"] > [data-part="target"][data-out-of-view] > [data-part="note"] { grid-column: 2 / -1; }
[data-r="week-grid"] [data-part="day"] > [data-part="about"] { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 0 6px 6px; }
[data-r="week-grid"] [data-part="day"] > [data-part="about"]:empty { padding: 0; }
[data-r="week-grid"] [data-part="about"] > [data-part="readings"] { padding: 0 6px; }
[data-r="week-grid"] [data-part="about"] > [data-part="weather"] { display: flex; align-items: center; gap: 6px; min-width: 0; padding: 0 6px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; }
[data-r="week-grid"] [data-part="about"] > [data-part="weather"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-2)); }
[data-r="week-grid"] [data-part="about"] > [data-part="weather"] > [data-part="temp"] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="week-grid"] [data-part="about"] > [data-part="weather"] > [data-part="temp"] > small { margin-left: 3px; font-size: inherit; font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="week-grid"] [data-part="about"] > [data-part="span"] { display: flex; align-items: center; gap: 4px; min-width: 0; height: var(--h-20); margin: 0 -6px; padding: 0 12px; background: var(--mat); box-shadow: inset 0 var(--px) 0 var(--line-2), inset 0 calc(-1 * var(--px)) 0 var(--line-2); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); white-space: nowrap; overflow: hidden; }
[data-r="week-grid"] [data-part="about"] > [data-part="span"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="week-grid"] [data-part="about"] > [data-part="span"]:is([data-edge="start"], [data-edge="only"]) { margin-left: 0; padding-left: 6px; border-top-left-radius: var(--r-row); border-bottom-left-radius: var(--r-row); }
[data-r="week-grid"] [data-part="about"] > [data-part="span"]:is([data-edge="end"], [data-edge="only"]) { margin-right: 0; border-top-right-radius: var(--r-row); border-bottom-right-radius: var(--r-row); }
[data-r="week-grid"] [data-part="about"] > [data-part="span"][data-level="limited"] > svg[data-icon] { color: var(--warning-dot); }
[data-r="week-grid"] [data-part="about"] > [data-part="span"][data-level="unavailable"] > svg[data-icon] { color: var(--danger-dot); }
[data-r="week-grid"] [data-part="context"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="bulk-bar"][data-variant="calendar"] { position: sticky; left: auto; bottom: 16px; translate: none; align-self: center; flex: none; flex-wrap: wrap; justify-content: center; max-width: 100%; margin: 12px 0 0; }
[data-r="bulk-bar"][data-variant="calendar"] > [data-part="sum"] { margin-right: 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="bulk-bar"][data-variant="calendar"] > [data-part="sum"]:empty { display: none; }
[data-r="bulk-bar"][data-variant="calendar"] > [data-r="button"][aria-disabled="true"] { color: var(--ink-4); }
[data-r="bulk-bar"][data-variant="calendar"] > [data-r="button"][aria-disabled="true"] > svg { color: var(--ink-4); }
[data-r="lasso"] { position: absolute; z-index: 3; pointer-events: none; border-radius: var(--r-row); background: color-mix(in srgb, var(--accent) 8%, transparent); box-shadow: inset 0 0 0 var(--px) var(--accent-line); }
:is([data-tile="line"] [data-r="calendar-session"], [data-out-mode="line"][data-filtering] [data-r="calendar-session"][data-out]):not([data-size]) { flex-direction: row; align-items: center; gap: 4px; height: var(--h-20); padding: 0 6px 0 3px; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)); font-size: var(--fs-11); line-height: var(--lh-11); }
@media (hover: hover) {
  :is([data-tile="line"] [data-r="calendar-session"], [data-out-mode="line"][data-filtering] [data-r="calendar-session"][data-out]):not([data-size]):hover { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
}
:is([data-tile="line"] [data-r="calendar-session"], [data-out-mode="line"][data-filtering] [data-r="calendar-session"][data-out]):not([data-size])[data-force~="hover"] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)); }
:is([data-tile="line"] [data-r="calendar-session"], [data-out-mode="line"][data-filtering] [data-r="calendar-session"][data-out]):not([data-size]):is([data-state="missed"], [data-state="excused"], [data-state="canceled"]) { padding: 0 5px 0 2px; box-shadow: none; }
:is([data-tile="line"] [data-r="calendar-session"], [data-out-mode="line"][data-filtering] [data-r="calendar-session"][data-out]):not([data-size]) > :is([data-r="workout"], [data-part="sig"], [data-part="demands"], [data-part="tags"]) { display: none; }
:is([data-tile="line"] [data-r="calendar-session"], [data-out-mode="line"][data-filtering] [data-r="calendar-session"][data-out]):not([data-size]) > [data-part="head"] { flex: 1; min-width: 0; gap: 4px; }
:is([data-tile="line"] [data-r="calendar-session"], [data-out-mode="line"][data-filtering] [data-r="calendar-session"][data-out]):not([data-size]) > [data-part="head"] > [data-r="status"] { transform: scale(.86); margin: 0 -1px; }
:is([data-tile="line"] [data-r="calendar-session"], [data-out-mode="line"][data-filtering] [data-r="calendar-session"][data-out]):not([data-size]) > [data-part="head"] > [data-part="title"] { display: block; white-space: nowrap; text-overflow: ellipsis; font-size: var(--fs-11); line-height: var(--lh-11); }
:is([data-tile="line"] [data-r="calendar-session"], [data-out-mode="line"][data-filtering] [data-r="calendar-session"][data-out]):not([data-size]) > [data-part="meta"] { flex: none; padding: 0; }
:is([data-tile="line"] [data-r="calendar-session"], [data-out-mode="line"][data-filtering] [data-r="calendar-session"][data-out]):not([data-size]) > [data-part="meta"] > :not([data-part="rs"]) { display: none; }
[data-tile="line"] [data-part="lane"] { gap: 3px; }
[data-tile="dot"] [data-part="lane"] { flex-direction: row; flex-wrap: wrap; align-content: flex-start; gap: 4px; }
[data-tile="dot"] [data-r="calendar-session"]:not([data-size]) { flex-direction: row; align-items: center; gap: 3px; width: auto; min-height: 0; padding: 3px 5px 3px 3px; border-radius: var(--r-press); }
[data-tile="dot"] [data-r="calendar-session"]:not([data-size]) > :is([data-r="workout"], [data-part="sig"], [data-part="demands"], [data-part="tags"]) { display: none; }
[data-tile="dot"] [data-r="calendar-session"]:not([data-size]) > [data-part="head"] > :not([data-r="status"]) { display: none; }
[data-tile="dot"] [data-r="calendar-session"]:not([data-size]) > [data-part="meta"] { padding: 0; gap: 0; }
[data-tile="dot"] [data-r="calendar-session"]:not([data-size]) > [data-part="meta"] > :not([data-r="dot"]) { display: none; }
[data-r="month-grid"][data-variant="classic"][data-totals="top"] > :is([data-part="weekdays"], [data-part="week"]) { grid-template-columns: repeat(7, minmax(0, 1fr)) var(--notes-w); }
[data-r="month-grid"][data-variant="classic"][data-totals="top"] > [data-part="weekdays"] > span:first-child { display: none; }
[data-r="month-grid"][data-variant="classic"][data-totals="top"] > [data-part="week"] > [data-part="week-head"] { grid-column: 1 / -1; display: flex; flex-flow: row wrap; align-items: flex-start; gap: 8px 28px; padding: 10px 0; border-bottom: var(--px) solid var(--line-1); }
[data-r="month-grid"][data-variant="classic"][data-totals="top"] > [data-part="week"] > [data-part="week-head"] > * { flex: 0 1 200px; min-width: 0; margin-top: 0; }
[data-r="month-grid"][data-variant="classic"][data-totals="top"] > [data-part="week"] > [data-part="week-head"] > [data-part="week-title"] { flex-basis: 220px; }
[data-r="month-grid"][data-variant="classic"] > [data-part="week"][data-loading] { min-height: 150px; pointer-events: none; }
[data-r="month-grid"][data-variant="classic"] > [data-part="week"][data-loading] > [data-part="week-head"] { gap: 10px; }
[data-r="month-grid"][data-variant="classic"] > [data-part="week"][data-loading] > [data-part="day"] { display: flex; flex-direction: column; gap: 8px; padding: 10px 6px; }
[data-r="month-grid"][data-variant="classic"] > [data-part="week"][data-loading] [data-part="tile-skeleton"] { display: block; height: 56px; border-radius: var(--r-row); background: var(--a5); }
[data-r="month-grid"][data-variant="classic"] > [data-part="loading"] { margin: 0; padding: 10px 0 14px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-align: center; }
[data-r="calendar-bar"] > [data-part="tools"] > [data-part="here"] { display: flex; align-items: center; gap: 6px; flex: none; padding-right: 4px; }
[data-r="calendar-bar"] > [data-part="tools"] > [data-part="here"] > [data-r="avatar-stack"] > [data-r="avatar"] + [data-r="avatar"] { margin-left: 2px; }
[data-r="calendar-bar"] > [data-part="tools"] > [data-part="here"] > [data-part="here-text"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="calendar-session"] > [data-part="head"] > [data-part="changed"] { flex: none; display: inline-flex; margin: 1px -2px 0 auto; }
[data-r="calendar-session"] > [data-part="head"] > [data-part="changed"] > [data-r="avatar"] { box-shadow: 0 0 0 1.5px var(--plane); }
[data-r="calendar-bar"] > [data-part="found"] { display: flex; flex-direction: column; gap: 2px; margin: 0 12px 10px; padding-top: 8px; border-top: var(--px) solid var(--line-1); }
[data-r="calendar-bar"] > [data-part="found"][hidden] { display: none; }
[data-r="calendar-bar"] [data-part="found-head"] { display: flex; align-items: baseline; gap: 8px; padding: 0 6px 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="calendar-bar"] [data-part="found-head"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="calendar-bar"] [data-part="found-list"] { display: flex; flex-direction: column; max-height: 220px; overflow: auto; scrollbar-width: none; }
[data-r="calendar-bar"] [data-part="find"] { display: grid; grid-template-columns: 16px minmax(0, 1fr) 88px 132px; align-items: center; gap: 8px; min-height: var(--row-28); padding: 0 6px; border: 0; border-radius: var(--r-row); background: transparent; font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); text-align: left; transition: background-color var(--state-out) var(--ease-quad); }
@media (hover: hover) {
  [data-r="calendar-bar"] [data-part="find"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="calendar-bar"] [data-part="find"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="calendar-bar"] [data-part="find"]:focus-visible { outline: none; box-shadow: inset 0 0 0 var(--px) var(--accent); }
[data-r="calendar-bar"] [data-part="find"] > [data-part="what"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
[data-r="calendar-bar"] [data-part="find"] > [data-part="what"] > mark { background: none; color: var(--ink); font-weight: var(--fw-550); text-decoration: underline; text-decoration-color: var(--accent-line); text-underline-offset: 2px; }
[data-r="calendar-bar"] [data-part="find"] > :is([data-part="when"], [data-part="week"]) { color: var(--ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="calendar-bar"] [data-part="find"]:not([data-here]) > [data-part="week"] { color: var(--ink-4); }
[data-r="calendar-bar"] [data-part="find"] > [data-part="note-mark"] { width: 10px; height: 12px; margin-left: 3px; border-radius: 2px; box-shadow: inset 0 0 0 1.25px var(--ink-3); }
[data-r="calendar-session"][data-found] { box-shadow: 0 0 0 1.5px var(--raised), 0 0 0 3px var(--accent); }
@container month-grid (max-width: 759px) {
  [data-r="month-grid"][data-variant="classic"] > [data-part="weekdays"] { display: none; }
  [data-r="month-grid"][data-variant="classic"] > [data-part="week"] { display: flex; flex-direction: column; min-height: 0; padding: 12px 0 8px; }
  [data-r="month-grid"][data-variant="classic"] > [data-part="week"][data-loading] { min-height: 0; }
  [data-r="month-grid"][data-variant="classic"] > [data-part="week"] > [data-part="week-head"],
  [data-r="month-grid"][data-variant="classic"][data-totals="top"] > [data-part="week"] > [data-part="week-head"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 12px 16px; padding: 0 0 12px; border-bottom: 0; }
  [data-r="month-grid"][data-variant="classic"] > [data-part="week"] > [data-part="week-head"] > * { grid-column: 1 / -1; margin-top: 0; }
  [data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="block"] { margin-top: -8px; }
  [data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="total"] { grid-column: 1; align-self: center; }
  [data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-r="budget-bar"] { grid-column: 2; align-self: center; margin-top: 0; }
  [data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="sports"] { grid-column: 1; }
  [data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="spread"] { grid-column: 2; }
  [data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] { display: flex; flex-wrap: wrap; justify-content: space-between; }
  [data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > [data-part="meter"] { flex: 0 0 100%; }
  [data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="load"] { display: flex; flex-wrap: wrap; gap: 8px 24px; }
  [data-r="month-grid"][data-variant="classic"] [data-part="load"] > div > dt { font-size: var(--fs-12); line-height: var(--lh-12); }
  [data-r="month-grid"][data-variant="classic"] [data-part="load"] > div > dd { margin-top: 2px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); }
  [data-r="month-grid"][data-variant="classic"] > [data-part="week"] > [data-part="day"] { gap: 4px; padding: 6px 0 8px; border-left: 0; border-top: var(--px) solid var(--line-1); }
  [data-r="month-grid"][data-variant="classic"] > [data-part="week"] > [data-part="day"][data-today] { margin: 0 -8px; padding: 6px 8px 8px; border-radius: var(--r-row); }
  [data-r="month-grid"][data-variant="classic"] > [data-part="week"] > [data-part="day"][data-loading] { padding: 6px 0 8px; }
  [data-r="month-grid"][data-variant="classic"] [data-part="day"] > [data-part="span"] { margin: 0; padding-left: 6px; border-radius: var(--r-row); box-shadow: inset 0 0 0 var(--px) var(--line-2); }
  [data-r="month-grid"][data-variant="classic"] [data-part="day"] > [data-part="span"][data-kind="absence"] { box-shadow: none; border-width: var(--px); }
  [data-r="month-grid"][data-variant="classic"] [data-part="lane"] > [data-overflow] { display: flex; }
  [data-r="month-grid"][data-variant="classic"] [data-part="more"] { display: none; }
  [data-r="month-grid"][data-variant="classic"] > [data-part="week"] > [data-part="notes"] { padding: 8px 0 4px; border-left: 0; border-top: var(--px) solid var(--line-1); }
}
}

/* ═══ 87-script-chart-2026.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="2026-"] [data-part="stage"] { position: relative; width: 100%; }
[data-r="script-chart"][data-name^="2026-"] .layer { position: absolute; inset: 0; pointer-events: none; }
[data-r="script-chart"][data-name^="2026-"] .band { fill: var(--a10); }
[data-r="script-chart"][data-name^="2026-"] .endpill { fill: var(--bg); }
[data-r="script-chart"][data-name^="2026-"] :is(.cursor, .cross).fade:not(.hidden) { transition-duration: var(--state-in); }
[data-r="script-chart"][data-name^="2026-"] .halo { fill: var(--accent); fill-opacity: .16; }
[data-r="script-chart"][data-name="2026-sessions"] [data-mark="bar"] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="2026-sessions"][data-dim] [data-mark="bar"]:not(.on) { opacity: var(--dim); transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="2026-sessions"] .tip .sw[data-kind="dash"] { width: 10px; height: 2px; background: repeating-linear-gradient(90deg, var(--chart-reference) 0 4px, transparent 4px 6px) !important; }
}

/* ═══ 87-script-chart-eight-other.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="eight-other-"] :is(.stage, .pa-plot, .pd-bars, .pd-diff) { position: relative; }
[data-r="script-chart"][data-name^="eight-other-"] .bar { fill: var(--chart-1); }
[data-r="script-chart"][data-name^="eight-other-"] .tip .sw[data-kind="dash"] { height: 2px; background: repeating-linear-gradient(90deg, var(--c, var(--ink-2)) 0 4px, transparent 4px 6px); }
[data-r="script-chart"][data-name^="eight-other-"] :is(.ring, .cross) { pointer-events: none; transition: opacity 0s; }
[data-r="script-chart"][data-name^="eight-other-"] :is(.ring, .cross).hidden { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eight-other-cursor"] .lane + .lane { margin-top: 12px; }
[data-r="script-chart"][data-name="eight-other-cursor"] .day { shape-rendering: crispEdges; }
[data-r="script-chart"][data-name="eight-other-cursor"] .bar { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eight-other-cursor"] .bar.back { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="eight-other-cursor"] .fan { fill: var(--accent); fill-opacity: .55; stroke: none; }
[data-r="script-chart"][data-name="eight-other-cursor"] .fanbox { fill: var(--a5); stroke: none; }
[data-r="script-chart"][data-name="eight-other-cursor"] .fan-g { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eight-other-cursor"] .fan-g.gone { opacity: 0; }
[data-r="script-chart"][data-name="eight-other-plan"] .pa-plot { cursor: crosshair; }
[data-r="script-chart"][data-name="eight-other-plan"] svg:not([data-moving], [data-entering]) :is([data-mark="week"], [data-mark="partial"]) { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eight-other-plan"][data-dim] :is([data-mark="week"], [data-mark="partial"]):not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="eight-other-narrative"] .pd-bars { cursor: crosshair; touch-action: none; user-select: none; }
[data-r="script-chart"][data-name="eight-other-narrative"] .pd-diff { margin-top: 16px; }
[data-r="script-chart"][data-name="eight-other-narrative"] .pd-brush { fill: var(--chart-1); fill-opacity: .12; stroke: var(--chart-1); stroke-width: 1; pointer-events: none; }
[data-r="script-chart"][data-name="eight-other-narrative"] .pd-brush[data-which="B"] { fill: var(--chart-2); stroke: var(--chart-2); }
[data-r="script-chart"][data-name="eight-other-narrative"] .pd-none { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="script-chart"][data-name="eight-other-notes"] .note-pin { stroke: var(--a35); stroke-width: 1; stroke-dasharray: 2 3; shape-rendering: crispEdges; }
[data-r="script-chart"][data-name="eight-other-notes"] .note-words { font-size: var(--fs-11); fill: var(--ink); }
[data-r="script-chart"][data-name="eight-other-notes"] .note-dot { fill: var(--ink); stroke: var(--bg); stroke-width: 2; cursor: default; }
[data-r="script-chart"][data-name="eight-other-notes"] .line.ghost { stroke: var(--a35); stroke-width: 1; pointer-events: none; }
[data-r="script-chart"][data-name="eight-other-history"] svg { touch-action: none; }
[data-r="script-chart"][data-name="eight-other-history"] .pt-g { cursor: ns-resize; }
[data-r="script-chart"][data-name="eight-other-history"] .pt-hit { fill: transparent; }
[data-r="script-chart"][data-name="eight-other-history"] .future { fill: none; stroke: var(--ghost); stroke-width: 1; stroke-dasharray: 4 3; }
[data-r="script-chart"][data-name="eight-other-history"] .track { stroke: var(--a10); stroke-width: 4; stroke-linecap: round; }
[data-r="script-chart"][data-name="eight-other-history"] .trackfill { stroke: var(--accent); stroke-width: 4; stroke-linecap: round; }
[data-r="script-chart"][data-name="eight-other-history"] .tick { stroke: var(--a35); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="script-chart"][data-name="eight-other-history"] .tick.later { opacity: var(--dim); }
[data-r="script-chart"][data-name="eight-other-history"] .knob { fill: var(--knob); stroke: var(--line-4); stroke-width: 1; pointer-events: none; }
[data-r="script-chart"][data-name="eight-other-history"] .trackhit { fill: transparent; cursor: ew-resize; }
}

/* ═══ 87-script-chart-eight.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="eight-"] .plot { position: relative; }
[data-r="script-chart"][data-name^="eight-"] .layer { position: absolute; left: 0; top: 0; pointer-events: none; }
[data-r="script-chart"][data-name^="eight-"] .tip .sw[data-kind="none"] { visibility: hidden; }
[data-r="script-chart"][data-name^="eight-"] :is(.cross, .ring, .dot).fade:not(.hidden) { transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="eight-waffle"] :is([data-mark="square"], [data-mark="square-back"]) { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eight-waffle"][data-dim] :is([data-mark="square"], [data-mark="square-back"]):not(.on) { opacity: var(--dim); transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="eight-voronoi"] .cell { stroke: var(--bg); stroke-width: 2; stroke-linejoin: round; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eight-voronoi"] .cell[data-ghost] { pointer-events: none; }
[data-r="script-chart"][data-name="eight-voronoi"][data-dim] .cell:not(.on) { opacity: var(--dim); transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="eight-voronoi"] .cell-label { font-size: var(--fs-11); font-weight: var(--fw-550); pointer-events: none; }
[data-r="script-chart"][data-name="eight-voronoi"] .cell-value { font-size: var(--fs-11); pointer-events: none; }
[data-r="script-chart"][data-name="eight-icicle"] :is([data-mark="part-top"], [data-mark="part"]) { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eight-icicle"][data-dim] :is([data-mark="part-top"], [data-mark="part"]):not(.on) { opacity: var(--dim); transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="eight-icicle"] :is([data-mark="part-label"], [data-mark="part-value"]) { pointer-events: none; }
[data-r="script-chart"][data-name="eight-arcs"] [data-k] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eight-arcs"][data-dim] [data-k]:not(.on) { opacity: .15; transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="eight-arcs"] :is([data-mark="node-label"], [data-mark="label-ground"]) { pointer-events: none; }
[data-r="script-chart"][data-name="eight-lexis"] [data-mark="life"] { transition: opacity var(--state-out) var(--ease-quad), stroke-width var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eight-lexis"][data-dim] [data-mark="life"]:not(.on) { opacity: var(--dim); transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="eight-lexis"][data-dim] [data-mark="life"].on { stroke-width: 2; transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="eight-lexis"] [data-mark="exit"] { stroke: var(--a50); stroke-width: 1.5; stroke-linecap: round; }
[data-r="script-chart"][data-name="eight-lexis"][data-dim] [data-mark="exit"]:not(.on) { opacity: var(--dim); }
[data-r="script-chart"][data-name="eight-lexis"] .life-hit { fill: none; stroke: transparent; stroke-width: 10; }
[data-r="script-chart"][data-name="eight-cadence"] .peak { fill: none; stroke: var(--ink); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
[data-r="script-chart"][data-name="eight-cadence"] svg.layer { pointer-events: auto; }
[data-r="script-chart"][data-name="eight-linked"] { container-type: inline-size; }
[data-r="script-chart"][data-name="eight-linked"] .trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@container (max-width: 560px) {
  [data-r="script-chart"][data-name="eight-linked"] .trio { grid-template-columns: 1fr; }
}
[data-r="script-chart"][data-name="eight-linked"] .box { position: relative; min-width: 0; }
[data-r="script-chart"][data-name="eight-linked"] .ghost { fill: var(--a10); }
[data-r="script-chart"][data-name="eight-linked"] .plan { fill: none; stroke: var(--reference); stroke-width: 1; stroke-dasharray: 4 3; }
[data-r="script-chart"][data-name="eight-linked"] .dot.mark { opacity: 0; transition: opacity var(--draw-fade) var(--ease-quad); }
[data-r="script-chart"][data-name="eight-linked"] .dot.mark.on { opacity: 1; }
[data-r="script-chart"][data-name="eight-workspace"] :is(.pinbox, .fanbox) { fill: var(--raised); stroke: var(--line-3); stroke-width: 1; rx: var(--r-row); }
[data-r="script-chart"][data-name="eight-workspace"] .pintxt { font-size: var(--fs-11); font-weight: var(--fw-550); fill: var(--ink); pointer-events: none; }
[data-r="script-chart"][data-name="eight-workspace"] .pinline { stroke: var(--a35); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="script-chart"][data-name="eight-workspace"] .pin { cursor: default; }
[data-r="script-chart"][data-name="eight-workspace"] .fan { fill: var(--accent); }
[data-r="script-chart"][data-name="eight-workspace"] .fan-panel { opacity: 0; pointer-events: none; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eight-workspace"] .fan-panel.on { opacity: 1; transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="eight-workspace"] .hint-label { font-size: var(--fs-11); fill: var(--ink-3); }
[data-r="script-chart"][data-name="eight-workspace"] .scrub { stroke: var(--a10); stroke-width: 4; stroke-linecap: round; }
[data-r="script-chart"][data-name="eight-workspace"] .scrubfill { stroke: var(--accent); stroke-width: 4; stroke-linecap: round; }
[data-r="script-chart"][data-name="eight-workspace"] .step { fill: var(--a35); }
[data-r="script-chart"][data-name="eight-workspace"] .step.on { fill: var(--bg); }
[data-r="script-chart"][data-name="eight-workspace"] .knob { fill: var(--knob); stroke: var(--line-3); stroke-width: 1; }
[data-r="script-chart"][data-name="eight-workspace"] .scrubhit { fill: transparent; cursor: ew-resize; touch-action: none; }
[data-r="script-chart"][data-name="eight-diff"] .pd-plot { touch-action: none; cursor: ew-resize; user-select: none; }
[data-r="script-chart"][data-name="eight-bench"] .lodpt { fill: var(--accent); }
[data-r="script-chart"][data-name="eight-bench"] .pick { fill: transparent; stroke: var(--a10); stroke-width: 1; }
[data-r="script-chart"][data-name="eight-bench"] .pick.hot { fill: var(--accent); fill-opacity: .1; stroke: var(--accent); }
[data-r="script-chart"][data-name="eight-bench"] .curvelab { font-size: var(--fs-11); fill: var(--ink); font-weight: var(--fw-550); }
[data-r="script-chart"][data-name="eight-bench"] :is(.line, .lodpt, .dot, .curvelab) { pointer-events: none; }
[data-r="script-chart"][data-name="eight-palette"] rect.sw { stroke: var(--bg); stroke-width: 1; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eight-palette"][data-dim] rect.sw:not(.on) { opacity: var(--dim); transition-duration: var(--state-in); }
}

/* ═══ 87-script-chart-eleven.css ═══ */
@layer components {
[data-r="script-chart"][data-name="eleven-volume"] .vol-plot { position: relative; cursor: grab; touch-action: none; }
[data-r="script-chart"][data-name="eleven-volume"] .vol-plot.dragging { cursor: grabbing; }
[data-r="script-chart"][data-name="eleven-volume"] .vol-plot > :is(canvas, svg) { position: absolute; left: 0; top: 0; pointer-events: none; }
[data-r="script-chart"][data-name="eleven-volume"] .vol-plot { overflow: hidden; }
[data-r="script-chart"][data-name="eleven-volume"] .vol-plot > svg { overflow: hidden; }
[data-r="script-chart"][data-name="eleven-volume"] .edge-back { stroke: var(--grid); stroke-width: 1; }
[data-r="script-chart"][data-name="eleven-volume"] .edge-front { stroke: var(--axis); stroke-width: 1; }
[data-r="script-chart"][data-name="eleven-volume"] .status { margin-top: 6px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="script-chart"][data-name="eleven-slices"] .mpr { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
@media (max-width: 640px) {
  [data-r="script-chart"][data-name="eleven-slices"] .mpr { grid-template-columns: 1fr; }
}
[data-r="script-chart"][data-name="eleven-slices"] .pane { position: relative; min-width: 0; cursor: crosshair; touch-action: none; }
[data-r="script-chart"][data-name="eleven-slices"] .pane canvas { position: absolute; image-rendering: pixelated; }
[data-r="script-chart"][data-name="eleven-slices"] .pane svg { position: relative; }
[data-r="script-chart"][data-name="eleven-slices"] .panel-title { font-size: var(--fs-12); fill: var(--ink); font-weight: var(--fw-550); }
[data-r="script-chart"][data-name="eleven-kalman"] .kf-plot { position: relative; }
[data-r="script-chart"][data-name="eleven-kalman"] .band { fill: var(--chart-1); fill-opacity: .16; stroke: none; }
[data-r="script-chart"][data-name="eleven-kalman"] .est { fill: none; stroke: var(--chart-1); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
[data-r="script-chart"][data-name="eleven-kalman"] .meas { fill: var(--ink); fill-opacity: calc(.4 * var(--shown, 1)); transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eleven-kalman"][data-dim] .meas:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="eleven-kalman"] .gap { fill: var(--a5); }
[data-r="script-chart"][data-name="eleven-kalman"] :is(.band, .est, .readings, .gap, .cross, .ring) { pointer-events: none; }
[data-r="script-chart"][data-name="eleven-flow"] .fl-plot { position: relative; }
[data-r="script-chart"][data-name="eleven-flow"] .fl-plot > svg { margin: 0 auto; }
[data-r="script-chart"][data-name="eleven-flow"] .stream { fill: none; stroke: var(--a20); stroke-linecap: round; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eleven-flow"] .chevron { fill: none; stroke: var(--a35); stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; }
[data-r="script-chart"][data-name="eleven-flow"] .streams { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="eleven-flow"][data-dim] .streams { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="eleven-flow"] .form-zero { stroke: var(--axis); stroke-width: 1; stroke-dasharray: 2 3; }
[data-r="script-chart"][data-name="eleven-flow"] .axis-name { font-size: var(--fs-11); font-weight: var(--fw-550); }
[data-r="script-chart"][data-name="eleven-flow"] .axis-name.cap { fill: var(--ch-capacity); }
[data-r="script-chart"][data-name="eleven-flow"] .axis-name.prs { fill: var(--ch-pressure); }
[data-r="script-chart"][data-name="eleven-flow"] .path { fill: none; stroke: var(--chart-1); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
[data-r="script-chart"][data-name="eleven-flow"] .ahead { fill: none; stroke: var(--chart-1); stroke-width: 1.5; stroke-dasharray: 4 3; }
[data-r="script-chart"][data-name="eleven-flow"] .end { fill: var(--bg); stroke: var(--chart-1); stroke-width: 1.5; }
[data-r="script-chart"][data-name="eleven-flow"] .now { fill: var(--chart-1); stroke: var(--bg); stroke-width: 1.5; }
[data-r="script-chart"][data-name="eleven-flow"] .rest { fill: var(--bg); stroke: var(--ink-3); stroke-width: 1.5; }
[data-r="script-chart"][data-name="eleven-flow"] .traj { fill: none; stroke: var(--a50); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
[data-r="script-chart"][data-name="eleven-flow"] .start { fill: var(--ink-3); stroke: var(--bg); stroke-width: 2; }
[data-r="script-chart"][data-name="eleven-flow"] .traj-end { fill: var(--bg); stroke: var(--ink-3); stroke-width: 1.5; }
[data-r="script-chart"][data-name="eleven-flow"] :is(.streams, .path, .ahead, .end, .now, .rest, .traj, .start, .traj-end, .ring, .lane-label) { pointer-events: none; }
[data-r="script-chart"][data-name="eleven-som"] .som-plot { position: relative; cursor: crosshair; }
[data-r="script-chart"][data-name="eleven-som"] .cell-ring { fill: none; stroke: var(--ink); stroke-width: 1.5; pointer-events: none; }
[data-r="script-chart"][data-name="eleven-weight"] .typo .week { padding-bottom: 6px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="script-chart"][data-name="eleven-weight"] .typo .row { display: flex; align-items: baseline; gap: 14px; padding: 7px 0; border-bottom: var(--px) solid var(--line-3); }
[data-r="script-chart"][data-name="eleven-weight"] .typo .nm { width: 118px; color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); flex: none; }
[data-r="script-chart"][data-name="eleven-weight"] .typo .fig { font-size: var(--fs-13); line-height: var(--lh-13); min-width: 72px; }
[data-r="script-chart"][data-name="eleven-weight"] .typo .num { font-family: var(--font); font-variant-numeric: tabular-nums; transition: color var(--draw-fade) var(--ease-quad); }
[data-r="script-chart"][data-name="eleven-weight"] .typo .fig > [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="script-chart"][data-name="eleven-weight"] .typo .note { margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="script-chart"][data-name="eleven-weight"] .typo .axis { flex: none; align-self: center; }
[data-r="script-chart"][data-name="eleven-weight"] .typo .track { stroke: var(--grid); stroke-width: 1; }
[data-r="script-chart"][data-name="eleven-weight"] .typo .tick { fill: var(--chart-1); }
[data-r="script-chart"][data-name="eleven-lens"] .ln-plot { position: relative; cursor: crosshair; }
[data-r="script-chart"][data-name="eleven-lens"] .bar { fill: var(--chart-1); fill-opacity: .6; shape-rendering: crispEdges; }
[data-r="script-chart"][data-name="eleven-lens"] .bar.open { fill-opacity: .25; shape-rendering: auto; }
[data-r="script-chart"][data-name="eleven-lens"] .bar.open.focus { fill-opacity: .4; }
[data-r="script-chart"][data-name="eleven-lens"] .focus-band { fill: var(--a5); pointer-events: none; }
[data-r="script-chart"][data-name="eleven-lens"] .rowlab { font-size: var(--fs-11); fill: var(--ink-3); }
[data-r="script-chart"][data-name="eleven-lens"] .rowlab.on { fill: var(--ink); }
[data-r="script-chart"][data-name="eleven-lens"] .val { font-size: var(--fs-11); font-weight: var(--fw-450); fill: var(--ink); }
[data-r="script-chart"][data-name="eleven-lens"] .val.missing { fill: var(--ink-3); }
[data-r="script-chart"][data-name="eleven-lens"] .row { pointer-events: none; }
[data-r="script-chart"][data-name="eleven-lens"] .colhead { font-size: var(--fs-11); fill: var(--ink-3); cursor: default; }
[data-r="script-chart"][data-name="eleven-lens"] .colhead.on { fill: var(--ink); font-weight: var(--fw-550); }
@media (hover: hover) {
  [data-r="script-chart"][data-name="eleven-lens"] .colhead:hover { fill: var(--ink); }
}
[data-r="script-chart"][data-name="eleven-lens"] .colhead[data-force~="hover"] { fill: var(--ink); }
[data-r="script-chart"][data-name="eleven-lens"] .colhead:focus-visible { outline: 1px solid var(--focus); outline-offset: 2px; }
}

/* ═══ 87-script-chart-engineering.css ═══ */
@layer components {
[data-r="script-chart"][data-name="engineering-scene"] > [data-part="code"] { margin: 12px 0 0; padding: 12px 14px; max-height: 320px; overflow: auto; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); color: var(--ink-2); font-family: var(--font); font-size: var(--fs-11); line-height: var(--lh-13); white-space: pre; }
[data-r="script-chart"][data-name="engineering-scene"] > [data-part="code"][hidden] { display: none; }
[data-r="script-chart"][data-name="engineering-sentence"] > [data-part="sentence"] { margin-bottom: 10px; }
[data-r="script-chart"][data-name="engineering-sentence"] > [data-part="sentence"] > input { flex: 1 1 auto; min-width: 0; }
[data-r="script-chart"][data-name="engineering-sentence"] > [data-part="facts"] { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 14px; margin: 12px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="script-chart"][data-name="engineering-sentence"] > [data-part="facts"] dt { color: var(--ink-3); }
[data-r="script-chart"][data-name="engineering-sentence"] > [data-part="facts"] dd { margin: 0; color: var(--ink); overflow-wrap: anywhere; }
[data-r="script-chart"][data-name="engineering-sentence"] [data-part="mono"] { font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="script-chart"][data-name="engineering-keyboard"] > [data-part="summary"] { margin: 10px 0 0; max-width: 66ch; color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="script-chart"][data-name^="engineering-"] > [data-part="pair"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
[data-r="script-chart"][data-name^="engineering-"] [data-part="panel"] { min-width: 0; padding: 12px 14px 14px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); }
[data-r="script-chart"][data-name^="engineering-"] [data-part="panel-head"] { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 10px; font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="script-chart"][data-name^="engineering-"] [data-part="panel-head"] b { color: var(--ink); font-weight: var(--fw-550); }
[data-r="script-chart"][data-name^="engineering-"] [data-part="panel-head"] span { color: var(--ink-3); }
[data-r="script-chart"][data-name^="engineering-"] [data-part="measure"] { margin: 10px 0 0; color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); font-variant-numeric: tabular-nums; }
[data-r="script-chart"][data-name^="engineering-"] [data-part="measure"] b { color: var(--ink); font-weight: var(--fw-550); }
[data-r="script-chart"][data-name^="engineering-"] [data-part="measure"] [data-part="worse"] { color: var(--status-serious); }
[data-r="script-chart"][data-name^="engineering-"] [data-part="swatch"] { display: inline-block; width: 8px; height: 8px; margin-right: 6px; vertical-align: 0; border-radius: 2px; }
[data-r="script-chart"][data-name="engineering-gradient"] [data-part="strip"] { display: block; width: 100%; height: 56px; border-radius: var(--r-contain); }
[data-r="script-chart"][data-name="engineering-pixel"] [data-part="pixels"] { display: block; width: 100%; max-width: 312px; height: auto; border-radius: var(--r-contain); box-shadow: 0 0 0 var(--px) var(--line-3); image-rendering: pixelated; }
[data-r="script-chart"][data-name="engineering-curve"] .below-zero { fill: var(--a5); }
[data-r="script-chart"][data-name="engineering-curve"] .lowest { fill: none; stroke: var(--status-serious); stroke-width: 1.5; }
}

/* ═══ 87-script-chart-facets.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="facets-"] :is(.fc-plot, .st-plot) { position: relative; }
[data-r="script-chart"][data-name^="facets-"] svg { overflow: visible; }
[data-r="script-chart"]:is([data-name="facets-shared"], [data-name="facets-own"]) [data-mark="bar"] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"]:is([data-name="facets-shared"], [data-name="facets-own"]) [data-mark="facet-title"] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"]:is([data-name="facets-shared"], [data-name="facets-own"]) .off { opacity: var(--dim); }
[data-r="script-chart"]:is([data-name="facets-shared"], [data-name="facets-own"])[data-dim] [data-mark="bar"]:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"]:is([data-name="facets-shared"], [data-name="facets-own"]) .fc-plot { cursor: crosshair; }
[data-r="script-chart"][data-name="facets-stream"] .st-plot { min-height: 260px; cursor: crosshair; }
[data-r="script-chart"][data-name="facets-gpu"] .gpu-stage { position: relative; cursor: grab; touch-action: none; user-select: none; }
[data-r="script-chart"][data-name="facets-gpu"] .gpu-stage.panning { cursor: grabbing; }
[data-r="script-chart"][data-name="facets-gpu"] .gpu-canvas { position: absolute; inset: 0 auto auto 0; }
[data-r="script-chart"][data-name="facets-gpu"] .gpu-overlay { position: absolute; inset: 0 auto auto 0; pointer-events: none; }
}

/* ═══ 87-script-chart-final.css ═══ */
@layer components {
[data-r="script-chart"][data-name="final-guess"] [data-part="plot"] { touch-action: none; cursor: crosshair; }
[data-r="script-chart"][data-name="final-guess"] [data-part="plot"] > [data-part="clip"] { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
[data-r="script-chart"]:is([data-name="final-source"], [data-name="final-calibration"]) [data-part="plot"] { cursor: crosshair; }
[data-r="script-chart"][data-name="final-grammar"] > [data-part="sentence"] { margin-bottom: 10px; }
[data-r="script-chart"][data-name="final-grammar"] > [data-part="sentence"] > input { flex: 1 1 auto; min-width: 0; }
[data-r="script-chart"][data-name="final-grammar"] > [data-part="spec"] { margin: 12px 0 0; padding: 8px 10px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); color: var(--ink-3); font-family: var(--font); font-size: var(--fs-11); line-height: var(--lh-11); white-space: pre-wrap; word-break: break-word; }
}

/* ═══ 87-script-chart-first-render.css ═══ */
@layer components {
[data-r="script-chart"]:is([data-name^="first-render-"], [data-name="sentence-chart"], [data-name^="engineering-"], [data-name^="final-"]) [data-part="plot"] { position: relative; }
[data-r="script-chart"]:is([data-name^="first-render-"], [data-name="sentence-chart"], [data-name^="engineering-"], [data-name^="final-"]) [data-part="drawing"] > svg { display: block; overflow: visible; }
[data-r="script-chart"]:is([data-name^="first-render-"], [data-name="sentence-chart"], [data-name^="engineering-"], [data-name^="final-"]) .readable { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"]:is([data-name^="first-render-"], [data-name="sentence-chart"], [data-name^="engineering-"], [data-name^="final-"])[data-dim] .readable:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"]:is([data-name^="first-render-"], [data-name="sentence-chart"], [data-name^="engineering-"], [data-name^="final-"])[data-moving] .tip { display: none; }
}

/* ═══ 87-script-chart-history.css ═══ */
@layer components {
[data-r="script-chart"][data-name="history"] > [data-part="readout"] { margin: 0 0 8px; min-height: var(--lh-12); }
[data-r="script-chart"][data-name="history"] [data-part="stage"] { position: relative; width: 100%; min-height: 470px; touch-action: none; user-select: none; cursor: crosshair; }
[data-r="script-chart"][data-name="history"] [data-part="stage"] > :is(canvas, svg) { position: absolute; inset: 0 auto auto 0; pointer-events: none; }
[data-r="script-chart"][data-name="history"] .brush { fill: var(--a5); stroke: none; }
[data-r="script-chart"][data-name="history"] .brush-edge { stroke: var(--accent-mark); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="script-chart"][data-name="history"] [data-part="linked"] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 20px; }
[data-r="script-chart"][data-name="history"] [data-part="linked"] figure { margin: 0; min-width: 0; }
[data-r="script-chart"][data-name="history"] [data-part="linked"] figcaption { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; }
[data-r="script-chart"][data-name="history"] [data-part="linked"] figcaption b { color: var(--ink); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); }
[data-r="script-chart"][data-name="history"] [data-part="linked"] figcaption span { color: var(--ink-3); font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="script-chart"][data-name="history"] [data-part="linked"] canvas { width: 100%; height: 200px; }
@media (max-width: 720px) {
  [data-r="script-chart"][data-name="history"] [data-part="linked"] { grid-template-columns: minmax(0, 1fr); }
}
[data-r="script-chart"][data-name="history"] [data-part="measures"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px 24px; margin: 20px 0 0; }
[data-r="script-chart"][data-name="history"] [data-part="measures"] > div { min-width: 0; }
[data-r="script-chart"][data-name="history"] [data-part="measures"] dt { color: var(--ink-3); font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="script-chart"][data-name="history"] [data-part="measures"] dd { margin: 2px 0 0; color: var(--ink); font-size: var(--fs-12); line-height: var(--lh-12); overflow-wrap: anywhere; }
[data-r="script-chart"][data-name="history"] [data-part="foot"] { margin-top: 12px; }
[data-r="script-chart"][data-name="history"] .tip { min-width: 170px; }
}

/* ═══ 87-script-chart-interaction.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="interaction-"] :is(.stage, .panel-plot) { position: relative; }
[data-r="script-chart"][data-name^="interaction-"] [data-mark="bar"] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="interaction-cursor"] .panels-wrap { container-type: inline-size; }
[data-r="script-chart"][data-name="interaction-cursor"] .panels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
@container (max-width: 640px) {
  [data-r="script-chart"][data-name="interaction-cursor"] .panels { grid-template-columns: minmax(0, 1fr); }
}
[data-r="script-chart"][data-name="interaction-cursor"] .panel { min-width: 0; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="interaction-cursor"] .panel.off { opacity: var(--dim); }
[data-r="script-chart"][data-name="interaction-cursor"] .lane-name { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); color: var(--ink); }
[data-r="script-chart"][data-name="interaction-cursor"] .panel-plot svg { cursor: crosshair; }
[data-r="script-chart"][data-name="interaction-cursor"] :is(.cursor-rule, .cursor-dot) { pointer-events: none; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="interaction-cursor"] :is(.cursor-rule, .cursor-dot):not(.hidden) { transition-duration: 0s; }
[data-r="script-chart"][data-name="interaction-cursor"] .cursor-dot { fill: var(--accent); stroke: var(--bg); stroke-width: 2; }
[data-r="script-chart"][data-name="interaction-brush"] .brush-overlay { fill: transparent; cursor: crosshair; touch-action: none; }
[data-r="script-chart"][data-name="interaction-brush"] .brush-sel { fill: var(--accent); fill-opacity: .1; }
[data-r="script-chart"][data-name="interaction-brush"] .brush-edge { stroke: var(--accent); stroke-width: 1.5; shape-rendering: crispEdges; }
[data-r="script-chart"][data-name="interaction-brush"] [data-mark="bar"].out { opacity: var(--dim); }
[data-r="script-chart"][data-name="interaction-plan"] .plan { touch-action: none; }
[data-r="script-chart"][data-name="interaction-plan"] .plan-area { stroke: none; }
[data-r="script-chart"][data-name="interaction-plan"] .plan-anchor { cursor: grab; outline: none; }
[data-r="script-chart"][data-name="interaction-plan"] .plan-anchor.grabbing { cursor: grabbing; }
[data-r="script-chart"][data-name="interaction-plan"] .plan-hit { fill: transparent; }
[data-r="script-chart"][data-name="interaction-plan"] .plan-anchor:focus-visible .dot { stroke: var(--focus); }
[data-r="script-chart"][data-name="interaction-keyboard"] [data-mark="bar"].off { opacity: var(--dim); }
[data-r="script-chart"][data-name="interaction-keyboard"][data-dim] [data-mark="bar"]:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="interaction-keyboard"] .kb-ring { fill: none; stroke: var(--ink); stroke-width: 1.5; pointer-events: none; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="interaction-keyboard"] .kb-ring:not(.hidden) { transition-duration: 0s; }
[data-r="script-chart"][data-name="interaction-keyboard"] .stage { cursor: crosshair; }
[data-r="script-chart"][data-name="interaction-keyboard"] > [data-part="caption"] { margin: 8px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); max-width: 66ch; }
}

/* ═══ 87-script-chart-level-2.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="level-2-"] [data-part="stage"] { position: relative; width: 100%; }
[data-r="script-chart"][data-name^="level-2-"] .layer { position: absolute; inset: 0; pointer-events: none; }
[data-r="script-chart"][data-name^="level-2-"] .band { fill: var(--a10); }
[data-r="script-chart"][data-name^="level-2-"] .avglab { font-size: var(--fs-11); fill: var(--ink-3); }
[data-r="script-chart"][data-name^="level-2-"] .endlab { font-size: var(--fs-11); font-weight: var(--fw-550); fill: var(--ink); }
[data-r="script-chart"][data-name^="level-2-"] .endpill { fill: var(--bg); }
[data-r="script-chart"][data-name^="level-2-"] :is(.cursor, .cross).fade:not(.hidden) { transition-duration: var(--state-in); }
[data-r="script-chart"][data-name^="level-2-"] .halo { fill: var(--accent); fill-opacity: .16; }
[data-r="script-chart"][data-name^="level-2-"] .tip .sw[data-kind="dash"] { width: 10px; height: 2px; background: repeating-linear-gradient(90deg, var(--chart-reference) 0 4px, transparent 4px 6px); }
[data-r="script-chart"][data-name="level-2-energy"] .note { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="level-2-energy"] .note.dim { transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="level-2-energy"] .ann-box { fill: var(--raised); stroke: var(--line-3); stroke-width: 1; rx: var(--r-row); }
[data-r="script-chart"][data-name="level-2-energy"] .ann { font-size: var(--fs-11); font-weight: var(--fw-550); fill: var(--ink); }
[data-r="script-chart"][data-name="level-2-energy"] .ann-sub { font-size: var(--fs-11); fill: var(--ink-3); }
[data-r="script-chart"][data-name="level-2-energy"] .ann-link { stroke: var(--a35); stroke-width: 1; fill: none; }
[data-r="script-chart"][data-name="level-2-energy"] .ann-pt { fill: var(--accent); stroke: var(--bg); stroke-width: 2; }
[data-r="script-chart"][data-name="level-2-morph"] .col-plot { position: relative; }
[data-r="script-chart"][data-name="level-2-morph"] [data-mark="bar"] { stroke: var(--bg); stroke-width: 0; transition: fill var(--state-out) var(--ease-quad), stroke-width var(--state-out) var(--ease-quad), opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="level-2-morph"] [data-mark="bar"].point { fill: var(--chart-1); stroke-width: 2; }
[data-r="script-chart"][data-name="level-2-morph"][data-dim] [data-mark="bar"]:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="level-2-scatter"] .gpu { touch-action: none; cursor: crosshair; user-select: none; }
[data-r="script-chart"][data-name="level-2-scatter"] .gpu.dragging { cursor: grabbing; }
[data-r="script-chart"][data-name="level-2-scatter"] .hint { position: absolute; right: 12px; top: 4px; }
[data-r="script-chart"][data-name="level-2-scatter"] [data-part="note"] { margin: 8px 0 0; color: var(--ink-3); font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="script-chart"][data-name="level-2-scatter"] .layer.mark { opacity: 0; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="level-2-scatter"] .layer.mark.on { opacity: 1; transition-duration: var(--state-in); }
[data-r="script-chart"][data-name^="level-2-"] .tip { min-width: 150px; will-change: transform; }
[data-r="script-chart"][data-name="level-2-morph"] .target .lab { paint-order: stroke; stroke: var(--bg); stroke-width: 4px; stroke-linejoin: round; }
}

/* ═══ 87-script-chart-level-3-5.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="level-3-5-"] [hidden] { display: none !important; }
[data-r="script-chart"][data-name^="level-3-5-"] [data-part="note"] { margin: 10px 0 0; color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="script-chart"][data-name^="level-3-5-"] .stage { position: relative; width: 100%; touch-action: none; }
[data-r="script-chart"][data-name^="level-3-5-"] .layer { position: absolute; inset: 0; pointer-events: none; }
[data-r="script-chart"][data-name^="level-3-5-"] .halo { fill: var(--accent); fill-opacity: .16; }
[data-r="script-chart"][data-name^="level-3-5-"] .ann-box { fill: var(--raised); stroke: var(--line-3); stroke-width: 1; rx: var(--r-row); }
[data-r="script-chart"][data-name^="level-3-5-"] .ann { font-size: var(--fs-12); font-weight: var(--fw-550); fill: var(--ink); }
[data-r="script-chart"][data-name^="level-3-5-"] .ann-sub { font-size: var(--fs-11); fill: var(--ink-3); }
[data-r="script-chart"][data-name^="level-3-5-"] .ann-link { stroke: var(--a35); stroke-width: 1; fill: none; }
[data-r="script-chart"][data-name^="level-3-5-"] .ann-pt { fill: var(--accent); stroke: var(--bg); stroke-width: 2; }
[data-r="script-chart"][data-name^="level-3-5-"] .hint { position: absolute; right: 12px; top: 4px; }
[data-r="script-chart"][data-name^="level-3-5-"] :is(.ring, .halo) { pointer-events: none; }
[data-r="script-chart"][data-name^="level-3-5-"] .tip { min-width: 150px; will-change: transform; }
[data-r="script-chart"][data-name^="level-3-5-"] .fade:not(.hidden) { transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="level-3-5-drill"] .drill { cursor: crosshair; }
[data-r="script-chart"][data-name="level-3-5-drill"] .drill svg { overflow: visible; }
[data-r="script-chart"][data-name="level-3-5-drill"] .days { position: absolute; inset: 0; }
[data-r="script-chart"][data-name="level-3-5-drill"] [data-mark="bar"] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="level-3-5-drill"] .year[data-drill] [data-mark="bar"] { transition: none; }
[data-r="script-chart"][data-name="level-3-5-drill"] .year.reading [data-mark="bar"]:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="level-3-5-drill"] .day-overlay { cursor: ns-resize; }
[data-r="script-chart"][data-name="level-3-5-drill"] .dragging .dot { r: 5; }
[data-r="chart-card"] > [data-part="trail"] [data-part="up"] { display: contents; }
[data-r="chart-card"] > [data-part="trail"] [data-part="up"][hidden] { display: none; }
[data-r="script-chart"][data-name="level-3-5-brush"] { container-type: inline-size; }
[data-r="script-chart"][data-name="level-3-5-brush"] .split { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; }
[data-r="script-chart"][data-name="level-3-5-brush"] .split > .stage:first-child { cursor: crosshair; }
@container (max-width: 720px) {
  [data-r="script-chart"][data-name="level-3-5-brush"] .split { grid-template-columns: minmax(0, 1fr); }
}
[data-r="script-chart"][data-name="level-3-5-brush"] .hist .bin { fill: var(--accent); }
[data-r="script-chart"][data-name="level-3-5-brush"] .hist .bin.all { fill: var(--bar-context); }
[data-r="script-chart"][data-name="level-3-5-zoom"] .overlay.pan { cursor: grab; }
[data-r="script-chart"][data-name="level-3-5-zoom"] .overlay.pan.held { cursor: grabbing; }
}

/* ═══ 87-script-chart-level-6.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="level-6-"] [hidden] { display: none !important; }
[data-r="script-chart"][data-name^="level-6-"] [data-part="note"] { margin: 10px 0 0; color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="script-chart"][data-name^="level-6-"] .stage { position: relative; width: 100%; touch-action: none; }
[data-r="script-chart"][data-name^="level-6-"] .layer { position: absolute; inset: 0; pointer-events: none; }
[data-r="script-chart"][data-name^="level-6-"] .hint { position: absolute; right: 12px; top: 4px; }
[data-r="script-chart"][data-name^="level-6-"] .tip { min-width: 150px; will-change: transform; }
[data-r="script-chart"][data-name^="level-6-"] .fade:not(.hidden) { transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="level-6-particles"] .field { border-radius: var(--r-contain); overflow: hidden; background: var(--surface); box-shadow: 0 0 0 var(--px) var(--line-3); cursor: crosshair; }
[data-r="script-chart"][data-name="level-6-particles"] .meter { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 12px; color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); font-variant-numeric: tabular-nums; }
[data-r="script-chart"][data-name="level-6-particles"] .meter b { color: var(--ink); font-weight: var(--fw-550); }
[data-r="script-chart"][data-name="level-6-particles"] .meter canvas { width: 28px; height: 28px; }
[data-r="script-chart"][data-name="level-6-particles"] .field canvas.enter { opacity: 0; transition: opacity var(--draw-fade) var(--ease-quad); }
[data-r="script-chart"][data-name="level-6-particles"] .field canvas.enter.in { opacity: 1; }
[data-r="script-chart"][data-name="level-6-picking"] .stage { cursor: crosshair; }
[data-r="script-chart"][data-name="level-6-picking"] > .hint { position: static; margin: 0 0 6px; text-align: right; }
[data-r="script-chart"][data-name="level-6-picking"] .maplab { font-size: var(--fs-11); font-weight: var(--fw-550); fill: var(--ink); paint-order: stroke; stroke: var(--bg); stroke-width: 3px; stroke-linejoin: round; }
[data-r="script-chart"][data-name="level-6-picking"] .maplab.sub { font-weight: var(--fw-450); }
[data-r="script-chart"][data-name="level-6-picking"] .layer.veil { opacity: 0; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="level-6-picking"] .layer.veil.on { opacity: 1; transition-duration: var(--state-in); }
[data-r="script-chart"][data-name="level-6-story"] { container-type: inline-size; }
[data-r="script-chart"][data-name="level-6-story"] .story { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 28px; align-items: start; }
[data-r="script-chart"][data-name="level-6-story"] .steps { position: relative; height: var(--steps-h, 380px); overflow-y: auto; overscroll-behavior: contain; scroll-snap-type: y mandatory; outline: none; }
[data-r="script-chart"][data-name="level-6-story"] .step { box-sizing: border-box; min-height: 100%; display: flex; align-items: center; padding: 16px 0; scroll-snap-align: start; opacity: var(--dim); transition: opacity var(--scale-in) var(--ease-quad); }
[data-r="script-chart"][data-name="level-6-story"] .step.active { opacity: 1; }
[data-r="script-chart"][data-name="level-6-story"] .steps-end { height: 0; }
[data-r="script-chart"][data-name="level-6-story"] .step-title { display: block; margin: 0 0 6px; color: var(--ink); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); }
[data-r="script-chart"][data-name="level-6-story"] .step p { margin: 0; color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
@container (max-width: 640px) {
  [data-r="script-chart"][data-name="level-6-story"] .story { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  [data-r="script-chart"][data-name="level-6-story"] .steps { order: 2; height: 200px; }
  [data-r="script-chart"][data-name="level-6-story"] .stage { order: 1; }
}
[data-r="script-chart"][data-name="level-6-story"] .ghost { fill: none; stroke: var(--ghost); stroke-width: 1; stroke-linejoin: round; stroke-linecap: round; }
[data-r="script-chart"][data-name="level-6-story"] .band { fill: var(--accent); fill-opacity: .1; }
[data-r="script-chart"][data-name="level-6-story"] .hop { fill: none; stroke: var(--accent); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
[data-r="script-chart"][data-name="level-6-story"] .ann-box { fill: var(--raised); stroke: var(--line-3); stroke-width: 1; rx: var(--r-row); }
[data-r="script-chart"][data-name="level-6-story"] .ann { font-size: var(--fs-12); font-weight: var(--fw-550); fill: var(--ink); }
[data-r="script-chart"][data-name="level-6-story"] .ann-sub { font-size: var(--fs-11); fill: var(--ink-3); }
[data-r="script-chart"][data-name="level-6-story"] .ann-link { stroke: var(--a35); stroke-width: 1; fill: none; }
[data-r="script-chart"][data-name="level-6-story"] .ann-pt { fill: var(--accent); stroke: var(--bg); stroke-width: 2; }
@media (prefers-reduced-motion: reduce) {
  [data-r="script-chart"][data-name^="level-6-"] :is(.tip, .step) { transition: none; }
}
}

/* ═══ 87-script-chart-library.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="library-"] :is(.sa-plot, .ca-plot, .rg-plot, .rk-plot, .hg-plot, .bl-plot, .gg-plot, .sl-plot) { position: relative; }
[data-r="script-chart"][data-name^="library-"] :is(.ring, .dot, .cross, .marks) { pointer-events: none; }
[data-r="script-chart"][data-name^="library-"] .fade:not(.hidden) { transition-duration: 0s; }
[data-r="script-chart"][data-name^="library-"] :is([data-moving], [data-entering]) :is([data-row], [data-item], [data-mark="bar"]) { transition: none; }
[data-r="script-chart"][data-name^="library-"] .tip .r span.on { color: var(--ink); font-weight: var(--fw-550); }
[data-r="script-chart"][data-name^="library-"] .tip .sw[data-kind="dash"] { width: 10px; height: 2px; background: repeating-linear-gradient(90deg, var(--chart-reference) 0 4px, transparent 4px 6px); }
[data-r="script-chart"][data-name="library-stack"] .layer { stroke: var(--bg); stroke-width: 1; stroke-linejoin: round; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="library-stack"] .layer.back { opacity: .25; }
[data-r="script-chart"][data-name="library-stack"][data-dim] .layer:not(.on):not(.back) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="library-stack"] .plan { transition: opacity var(--state-out) var(--ease-quad); pointer-events: none; }
[data-r="script-chart"][data-name="library-stack"] .sa-plot { cursor: crosshair; }
[data-r="script-chart"][data-name="library-multiples"] { container-type: inline-size; }
[data-r="script-chart"][data-name="library-multiples"] .multiples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 16px; column-gap: 20px; }
@container (max-width: 520px) {
  [data-r="script-chart"][data-name="library-multiples"] .multiples { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
[data-r="script-chart"][data-name="library-multiples"] .cell { position: relative; border-radius: var(--r-row); cursor: crosshair; outline: none; transition: background-color var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="library-multiples"] .cell.on { background: var(--a5); }
[data-r="script-chart"][data-name="library-multiples"] .cell:focus-visible { outline: 1px solid var(--focus); outline-offset: 2px; }
[data-r="script-chart"][data-name="library-multiples"] .cell .nm { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 4px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="script-chart"][data-name="library-multiples"] .cell .nm b { color: var(--ink-3); font-weight: var(--fw-450); font-variant-numeric: tabular-nums; }
[data-r="script-chart"][data-name="library-multiples"] .line.small { stroke-width: 1.5; }
[data-r="script-chart"][data-name="library-multiples"] .big { position: relative; overflow: hidden; height: 0; margin-bottom: 0; transition: height var(--scale-in) var(--ease-expo), margin-bottom var(--scale-in) var(--ease-expo); }
[data-r="script-chart"][data-name="library-multiples"] .big.open { height: 230px; margin-bottom: 16px; }
[data-r="script-chart"][data-name="library-calendar"] .echo .band { fill: var(--a5); transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="library-calendar"] .sel { fill: none; stroke: var(--ink); stroke-width: 1.5; pointer-events: none; }
[data-r="script-chart"][data-name="library-calendar"] .ca-plot { cursor: crosshair; touch-action: none; }
[data-r="script-chart"][data-name="library-ridge"] [data-row] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="library-ridge"][data-dim] :is([data-mark="density"], [data-mark="ridge"], [data-mark="rug"]):not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="library-ridge"] .rg-plot { cursor: crosshair; }
[data-r="script-chart"][data-name="library-rank"] .rank { fill: var(--accent); transition: fill-opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="library-rank"] .rank.back { fill-opacity: .45; }
[data-r="script-chart"][data-name="library-rank"] .row { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="library-rank"][data-dim] .row:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="library-rank"] .move { fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
[data-r="script-chart"][data-name="library-rank"] .move.up { stroke: var(--status-good); }
[data-r="script-chart"][data-name="library-rank"] .move.down { stroke: var(--status-serious); }
[data-r="script-chart"][data-name="library-histogram"] [data-mark="bar"] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="library-histogram"][data-dim] [data-mark="bar"]:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="library-histogram"] .stats { pointer-events: none; }
[data-r="script-chart"][data-name="library-histogram"] .stats .ground { fill: var(--bg); opacity: .92; }
[data-r="script-chart"][data-name="library-histogram"] .hg-plot { cursor: crosshair; }
[data-r="script-chart"][data-name="library-blocks"] .bl-plot { touch-action: none; }
[data-r="script-chart"][data-name="library-blocks"][data-cursor="grab"] .bl-plot { cursor: grab; }
[data-r="script-chart"][data-name="library-blocks"][data-cursor="grabbing"] .bl-plot { cursor: grabbing; }
[data-r="script-chart"][data-name="library-blocks"][data-cursor="resize"] .bl-plot { cursor: ew-resize; }
[data-r="script-chart"][data-name="library-gauge"] .handle-layer { position: absolute; top: 0; left: 0; overflow: visible; pointer-events: none; }
[data-r="script-chart"][data-name="library-gauge"] .tgthit { fill: transparent; cursor: grab; touch-action: none; pointer-events: all; }
[data-r="script-chart"][data-name="library-gauge"] .tgthit.held { cursor: grabbing; }
[data-r="script-chart"][data-name="library-slope"] [data-item] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="library-slope"][data-dim] [data-item]:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="library-slope"] .sl-plot { cursor: crosshair; }
}

/* ═══ 87-script-chart-nine.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="nine-"] .plot { position: relative; }
[data-r="script-chart"][data-name^="nine-"] .plot svg { overflow: visible; }
[data-r="script-chart"][data-name^="nine-"] .plot:not(.prose, .dt-wrap) { cursor: crosshair; }
[data-r="script-chart"][data-name^="nine-"] .tip { min-width: 150px; }
[data-r="script-chart"][data-name^="nine-"] [data-g] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name^="nine-"][data-dim] [data-g]:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name^="nine-"] :is([data-moving], [data-entering]) [data-g] { transition: none; }
[data-r="script-chart"][data-name^="nine-"] .ring { pointer-events: none; }
[data-r="script-chart"][data-name="nine-roc"] .under { display: flex; align-items: center; gap: 12px; margin: 4px 0 0; }
[data-r="script-chart"][data-name="nine-roc"] .under [data-r="field-label"] { margin: 0; }
[data-r="script-chart"][data-name="nine-roc"] .thrrow { width: 260px; max-width: 100%; }
[data-r="script-chart"][data-name="nine-prose"] .prose { max-width: 62ch; color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="script-chart"][data-name="nine-prose"] .prose p { margin: 0; }
[data-r="script-chart"][data-name="nine-prose"] .prose p + p { margin-top: 14px; }
[data-r="script-chart"][data-name="nine-prose"] .prose b { color: var(--ink); font-weight: var(--fw-550); }
[data-r="script-chart"][data-name="nine-prose"] .word { display: inline-block; margin: 0 2px; vertical-align: -.25em; }
[data-r="script-chart"][data-name="nine-prose"] .word svg { display: block; overflow: visible; }
[data-r="script-chart"][data-name="nine-prose"] .nowrap { white-space: nowrap; }
[data-r="script-chart"][data-name="nine-table"] table.dt { border-collapse: collapse; width: 100%; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="script-chart"][data-name="nine-table"] table.dt th { text-align: left; font-weight: var(--fw-450); color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); padding: 8px 10px; border-bottom: var(--px) solid var(--line-3); white-space: nowrap; cursor: default; }
[data-r="script-chart"][data-name="nine-table"] table.dt th[aria-sort] { color: var(--ink); }
@media (hover: hover) {
  [data-r="script-chart"][data-name="nine-table"] table.dt th:hover { color: var(--ink); }
}
[data-r="script-chart"][data-name="nine-table"] table.dt th[data-force~="hover"] { color: var(--ink); }
[data-r="script-chart"][data-name="nine-table"] table.dt th:focus-visible { outline: 1px solid var(--focus); outline-offset: -2px; }
[data-r="script-chart"][data-name="nine-table"] table.dt th svg.sort { display: inline-block; vertical-align: -1px; margin-left: 4px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
[data-r="script-chart"][data-name="nine-table"] table.dt td { padding: 7px 10px; border-bottom: var(--px) solid var(--line-3); vertical-align: middle; }
@media (hover: hover) {
  [data-r="script-chart"][data-name="nine-table"] table.dt tr:hover td { background: var(--raised-hover); }
}
[data-r="script-chart"][data-name="nine-table"] table.dt tr[data-force~="hover"] td { background: var(--raised-hover); }
[data-r="script-chart"][data-name="nine-table"] table.dt :is(td, th).n { text-align: right; }
[data-r="script-chart"][data-name="nine-table"] .spark { display: block; }
[data-r="script-chart"][data-name="nine-table"] .spark svg { display: block; }
[data-r="script-chart"][data-name="nine-table"] .kmcell { display: flex; align-items: center; gap: 8px; justify-content: flex-end; }
[data-r="script-chart"][data-name="nine-table"] .kmbar { height: 8px; border-radius: 0 4px 4px 0; background: var(--chart-1); }
[data-r="script-chart"][data-name="nine-table"] td.up { color: var(--status-good); }
[data-r="script-chart"][data-name="nine-table"] td.down { color: var(--status-serious); }
[data-r="script-chart"][data-name="nine-table"] .heat { border-radius: 2px; padding: 2px 8px; display: inline-block; min-width: 44px; text-align: center; }
}

/* ═══ 87-script-chart-sentence.css ═══ */
@layer components {
[data-r="script-chart"][data-name="sentence-chart"] > [data-part="sentence"] { margin-bottom: 8px; }
[data-r="script-chart"][data-name="sentence-chart"] > [data-part="sentence"] > input { flex: 1 1 auto; min-width: 0; }
[data-r="script-chart"][data-name="sentence-chart"] > [data-part="spec"] { margin: 0 0 12px; padding: 8px 10px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); color: var(--ink-3); font-family: var(--font); font-size: var(--fs-11); line-height: var(--lh-11); white-space: pre-wrap; word-break: break-word; }
[data-r="script-chart"][data-name="sentence-chart"] > [data-part="notes"] { margin-top: 8px; }
[data-r="script-chart"][data-name="sentence-chart"] > [data-part="notes"] p { margin: 2px 0 0; }
[data-r="script-chart"][data-name="sentence-chart"] [data-part="back"] { color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="script-chart"][data-name="sentence-chart"] [data-part="back"] b { color: var(--ink); font-weight: var(--fw-550); }
[data-r="script-chart"][data-name="sentence-chart"] [data-part="alt"] { color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); }
}

/* ═══ 87-script-chart-seven.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="seven-"] .sc-plot { position: relative; cursor: crosshair; }
[data-r="script-chart"][data-name^="seven-"] :is(.ring, .cross, .echo) { pointer-events: none; transition: opacity 0s; }
[data-r="script-chart"][data-name^="seven-"] :is(.ring, .cross, .echo).hidden { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name^="seven-"] .tip .sw[data-kind="dash"] { width: 10px; height: 2px; background: repeating-linear-gradient(90deg, var(--c, var(--ink-3)) 0 4px, transparent 4px 6px) !important; }
[data-r="script-chart"][data-name^="seven-"] .tip .sw[data-kind="open"] { background: var(--bg) !important; }
[data-r="script-chart"][data-name="seven-spiral"] .days { position: absolute; pointer-events: none; }
[data-r="script-chart"][data-name="seven-spiral"] .days + svg { position: relative; }
[data-r="script-chart"][data-name="seven-spiral"] .year { font-size: var(--fs-11); fill: var(--ink); }
[data-r="script-chart"][data-name="seven-contour"] .field { position: absolute; left: 0; top: 0; pointer-events: none; }
[data-r="script-chart"][data-name="seven-contour"] .den-lines { position: relative; }
[data-r="script-chart"][data-name="seven-power"] .cp-plot { touch-action: pan-y; }
[data-r="script-chart"][data-name="seven-power"] .cp-plot:is(.near, .held) { cursor: ns-resize; touch-action: none; }
[data-r="script-chart"][data-name="seven-survival"] svg:not([data-moving], [data-entering]) [data-mark="band"] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="seven-survival"][data-band-hidden] [data-mark="band"] { opacity: 0; }
[data-r="script-chart"][data-name="seven-poincare"] .pc-plot { touch-action: pan-y; }
[data-r="script-chart"][data-name="seven-poincare"] .pc-plot.on-strip { cursor: ew-resize; touch-action: none; }
[data-r="script-chart"][data-name="seven-poincare"] svg:not([data-moving], [data-entering]) [data-mark="pair"] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="seven-poincare"][data-dim] [data-mark="pair"]:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="seven-recurrence"] .echo { fill: var(--a10); }
[data-r="script-chart"][data-name="seven-fisheye"] .bar { fill: var(--chart-1); transition: fill-opacity var(--state-out) var(--ease-quad), opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="seven-fisheye"] .bar.ctx { fill-opacity: .45; }
[data-r="script-chart"][data-name="seven-fisheye"] .reading .bar:not(.hot, .ctx) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="seven-fisheye"] .lens { fill: var(--a5); }
[data-r="script-chart"][data-name="seven-fisheye"] .lens-label { font-size: var(--fs-11); font-weight: var(--fw-550); fill: var(--ink); }
[data-r="script-chart"][data-name="seven-quality"] svg:not([data-moving], [data-entering]) :is([data-mark="missing"], [data-mark="missing-label"], [data-mark="estimate-band"], [data-mark^="line-"], [data-mark="filled"], [data-mark="lone"], [data-mark="kind"]) { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="seven-quality"][data-smooth] :is([data-mark="missing"], [data-mark="missing-label"], [data-mark="estimate-band"], [data-mark^="line-"], [data-mark="filled"], [data-mark="lone"], [data-mark="kind"]) { opacity: 0; }
[data-r="script-chart"][data-name="seven-quality"] .smooth { fill: none; stroke: var(--chart-1); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; opacity: 0; pointer-events: none; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="seven-quality"][data-smooth] .smooth { opacity: 1; }
}

/* ═══ 87-script-chart-six.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="six-"] :is(.hz-plot, .st-plot, .sk-plot, .pc-plot, .bs-plot, .cy-plot, .cm-plot, .pl-plot) { position: relative; }
[data-r="script-chart"][data-name^="six-"] :is(.ring, .dot, .cross) { pointer-events: none; }
[data-r="script-chart"][data-name^="six-"] .fade:not(.hidden) { transition-duration: 0s; }
[data-r="script-chart"][data-name="six-horizon"] .well { fill: var(--a5); }
[data-r="script-chart"][data-name="six-horizon"] .band { shape-rendering: crispEdges; }
[data-r="script-chart"][data-name="six-horizon"] .rim { fill: none; stroke-width: 1; shape-rendering: crispEdges; }
[data-r="script-chart"][data-name="six-horizon"] .hz-plot { cursor: crosshair; }
[data-r="script-chart"][data-name="six-stream"] .layer { stroke: var(--bg); stroke-width: 1; stroke-linejoin: round; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="six-stream"] .layer.back { opacity: .25; }
[data-r="script-chart"][data-name="six-stream"][data-dim] .layer:not(.on):not(.back) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="six-stream"] .scale-bar { stroke: var(--ink); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="script-chart"][data-name="six-stream"] .st-plot { cursor: crosshair; }
[data-r="script-chart"][data-name="six-sankey"] .link { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="six-sankey"][data-dim] .link:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="six-sankey"] .node { cursor: grab; touch-action: none; outline: none; }
[data-r="script-chart"][data-name="six-sankey"] .node.dragging { cursor: grabbing; }
[data-r="script-chart"][data-name="six-sankey"] .node:focus-visible rect { stroke: var(--focus); stroke-width: 1; }
[data-r="script-chart"][data-name="six-sankey"] .nodelab { font-size: var(--fs-11); pointer-events: none; }
[data-r="script-chart"][data-name="six-sankey"] .nodelab .nm { fill: var(--ink); }
[data-r="script-chart"][data-name="six-sankey"] .nodelab .val { fill: var(--ink-3); }
[data-r="script-chart"][data-name="six-parallel"] .pline { fill: none; stroke: var(--accent); stroke-opacity: .45; stroke-width: 1; stroke-linejoin: round; transition: stroke-opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="six-parallel"] .pline.kept { stroke-opacity: .75; stroke-width: 1.5; }
[data-r="script-chart"][data-name="six-parallel"] .pline.out { stroke: var(--ink-3); stroke-opacity: .14; }
[data-r="script-chart"][data-name="six-parallel"] .pline.on { stroke-opacity: 1; stroke-width: 2; transition-duration: 0s; }
[data-r="script-chart"][data-name="six-parallel"] .axis { stroke: var(--axis); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="script-chart"][data-name="six-parallel"] .axname { font-size: var(--fs-11); font-weight: var(--fw-550); fill: var(--ink); cursor: grab; touch-action: none; }
[data-r="script-chart"][data-name="six-parallel"] .axname.held { cursor: grabbing; }
[data-r="script-chart"][data-name="six-parallel"] .axhit { fill: transparent; cursor: ns-resize; touch-action: none; }
[data-r="script-chart"][data-name="six-parallel"] .brush { fill: var(--a10); stroke: var(--ink); stroke-width: 1; pointer-events: none; }
[data-r="script-chart"][data-name="six-beeswarm"] .pt { stroke: var(--bg); stroke-width: 2; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="six-beeswarm"] .pt.gone { fill: var(--a35); }
[data-r="script-chart"][data-name="six-beeswarm"][data-dim] .pt:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="six-beeswarm"] .boxes { opacity: 0; transition: opacity var(--state-out) var(--ease-quad); pointer-events: none; }
[data-r="script-chart"][data-name="six-beeswarm"][data-box] .boxes { opacity: 1; }
[data-r="script-chart"][data-name="six-beeswarm"][data-box] .points { opacity: .55; }
[data-r="script-chart"][data-name="six-beeswarm"] .points { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="six-beeswarm"] .middle { fill: var(--a10); }
[data-r="script-chart"][data-name="six-beeswarm"] .median { stroke: var(--ink); stroke-width: 2; }
[data-r="script-chart"][data-name="six-beeswarm"] .whisk { stroke: var(--a35); stroke-width: 1; }
[data-r="script-chart"][data-name="six-beeswarm"] .bs-plot { cursor: crosshair; }
[data-r="script-chart"][data-name="six-cycle"] .cy-plot { cursor: crosshair; }
[data-r="script-chart"][data-name="six-matrix"] .echo .band { fill: var(--a5); }
[data-r="script-chart"][data-name="six-matrix"] .cm-plot svg > g { transition: opacity var(--scale-in) var(--ease-quad); }
[data-r="script-chart"][data-name="six-matrix"][data-open] .cm-plot svg > g { opacity: 0; }
[data-r="script-chart"][data-name="six-matrix"] .cm-open { position: absolute; top: 0; left: 0; width: 100%; }
[data-r="script-chart"][data-name="six-matrix"] .cm-plot { cursor: crosshair; }
[data-r="script-chart"][data-name="six-matrix"][data-open] .cm-plot { cursor: default; }
[data-r="chart-card"] [data-part="back"][hidden] { display: none; }
[data-r="script-chart"][data-name="six-polar"] [data-mark="slot"] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="six-polar"][data-dim] [data-mark="slot"]:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="six-connected"] .cs-plot { position: relative; }
[data-r="script-chart"][data-name="six-connected"] .path { fill: none; stroke: var(--a35); stroke-width: 1; stroke-linejoin: round; }
[data-r="script-chart"][data-name="six-connected"] .trail { fill: none; stroke: var(--chart-1); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
[data-r="script-chart"][data-name="six-connected"] .mpt { stroke: var(--bg); stroke-width: 2; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="six-connected"][data-dim] .mpt:not(.on) { opacity: var(--dim); transition-duration: 0s; }
}

/* ═══ 87-script-chart-studio.css ═══ */
@layer components {
[data-r="script-chart"][data-name^="studio-"] { container-type: inline-size; }
[data-r="script-chart"][data-name^="studio-"] :is(.stage, .plot, .donut, .route-plot, .sun-plot) { position: relative; min-width: 0; }
[data-r="script-chart"][data-name^="studio-"] .halo { fill: var(--accent); fill-opacity: .16; }
[data-r="script-chart"][data-name^="studio-"] .fade:not(.hidden) { transition-duration: 0s; }
[data-r="script-chart"][data-name^="studio-"] .studio { display: grid; grid-template-columns: minmax(0, 1fr) 248px; gap: 24px; align-items: start; }
[data-r="script-chart"][data-name^="studio-"] .editor { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 20px; align-items: start; }
@container (max-width: 720px) {
  [data-r="script-chart"][data-name^="studio-"] :is(.studio, .editor) { grid-template-columns: minmax(0, 1fr); }
}
[data-r="script-chart"][data-name^="studio-"] .panel { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="script-chart"][data-name^="studio-"] .panel h4 { margin: 6px 0 0; color: var(--ink-3); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); }
[data-r="script-chart"][data-name^="studio-"] .panel h4:first-child { margin-top: 0; }
[data-r="script-chart"][data-name^="studio-"] .panel p { margin: 0; color: var(--ink-2); }
[data-r="script-chart"][data-name^="studio-"] .panel .row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; }
[data-r="script-chart"][data-name^="studio-"] .panel [data-r="slider-row"] > output { min-width: 44px; }
[data-r="script-chart"][data-name^="studio-"] .panel [data-r="field"] { height: auto; }
[data-r="script-chart"][data-name^="studio-"] .panel textarea { width: 100%; min-height: 64px; resize: vertical; font-variant-numeric: tabular-nums; }
[data-r="script-chart"][data-name="studio-config"] .panel { max-height: 320px; overflow-y: auto; overscroll-behavior: contain; }
[data-r="script-chart"][data-name="studio-config"] .pt { stroke: var(--bg); stroke-width: 2; }
[data-r="script-chart"][data-name="studio-config"] .band { stroke: none; }
[data-r="script-chart"][data-name="studio-config"] .ann-box { fill: var(--raised); stroke: var(--line-3); stroke-width: 1; rx: var(--r-row); }
[data-r="script-chart"][data-name="studio-config"] .ann { font-size: var(--fs-11); fill: var(--ink); }
[data-r="script-chart"][data-name="studio-config"] .ann-link { stroke: var(--a35); stroke-width: 1; fill: none; }
[data-r="script-chart"][data-name="studio-intervals"] .seg { stroke: var(--bg); stroke-width: 1; cursor: grab; }
[data-r="script-chart"][data-name="studio-intervals"] .seg-g { outline: none; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="studio-intervals"] .reading .seg-g:not(.hot) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="studio-intervals"] .seg-g.back { opacity: var(--dim); }
[data-r="script-chart"][data-name="studio-intervals"] .seg.dragging { cursor: grabbing; }
[data-r="script-chart"][data-name="studio-intervals"] .segtop { fill: transparent; cursor: ns-resize; }
[data-r="script-chart"][data-name="studio-intervals"] .segr { fill: transparent; cursor: ew-resize; }
[data-r="script-chart"][data-name="studio-intervals"] .seglab { font-size: var(--fs-11); font-weight: var(--fw-550); fill: var(--ink); pointer-events: none; }
[data-r="script-chart"][data-name="studio-intervals"] .seg-g:focus-visible .seg { stroke: var(--focus); stroke-width: 2; }
[data-r="script-chart"][data-name="studio-intervals"] .draft { fill: var(--a5); pointer-events: none; }
[data-r="script-chart"][data-name="studio-intervals"] .dn { fill: none; stroke-width: 16; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="studio-intervals"] .dn.back { opacity: var(--dim); }
[data-r="script-chart"][data-name="studio-intervals"] .dnlab { font-size: var(--fs-13); font-weight: var(--fw-550); fill: var(--ink); }
[data-r="script-chart"][data-name="studio-intervals"] .dnsub { font-size: var(--fs-12); fill: var(--ink-3); }
[data-r="script-chart"][data-name="studio-intervals"] .dnkey { justify-content: center; margin-top: 4px; }
[data-r="script-chart"][data-name="studio-season"] .plot { cursor: crosshair; touch-action: none; user-select: none; }
[data-r="script-chart"][data-name="studio-season"] .plot:is(.on-race, .held) { cursor: ew-resize; }
[data-r="script-chart"][data-name="studio-route"] .route-plot { cursor: crosshair; }
[data-r="script-chart"][data-name="studio-route"] .runner { fill: var(--accent); stroke: var(--bg); stroke-width: 2; }
[data-r="script-chart"][data-name="studio-route"] .even { fill: var(--ghost); stroke: var(--bg); stroke-width: 2; }
[data-r="script-chart"][data-name="studio-sunburst"] .arc { stroke: var(--bg); stroke-width: 1; cursor: default; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="studio-sunburst"] .arc.back { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="studio-sunburst"] .arclab { font-size: var(--fs-11); fill: var(--ink); pointer-events: none; }
[data-r="script-chart"][data-name="studio-sunburst"] .center { fill: transparent; cursor: default; }
[data-r="script-chart"][data-name="studio-sunburst"] .cname { font-size: var(--fs-12); fill: var(--ink-3); pointer-events: none; }
[data-r="script-chart"][data-name="studio-sunburst"] .cval { font-size: var(--fs-13); font-weight: var(--fw-550); fill: var(--ink); pointer-events: none; }
[data-r="script-chart"]:is([data-name="studio-config"], [data-name="studio-intervals"], [data-name="studio-season"], [data-name="studio-route"]) svg { touch-action: none; }
}

/* ═══ 87-script-chart-ten.css ═══ */
@layer components {
@property --ten-sheen { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@property --ten-glow { syntax: '<number>'; inherits: false; initial-value: 0; }
[data-r="script-chart"][data-name^="ten-"] .sc-plot { position: relative; cursor: crosshair; }
[data-r="script-chart"][data-name^="ten-"] :is(.ring, .cross, .dot) { pointer-events: none; }
[data-r="script-chart"][data-name^="ten-"] .tip .sw[data-kind="dash"] { width: 10px; height: 2px; background: repeating-linear-gradient(90deg, var(--c, var(--ink-3)) 0 4px, transparent 4px 6px) !important; }
[data-r="script-chart"][data-name="ten-surface"] .surf-plot { cursor: grab; touch-action: none; }
[data-r="script-chart"][data-name="ten-surface"] .surf-plot.held { cursor: grabbing; }
[data-r="script-chart"][data-name="ten-force"] .sq-plot { touch-action: pan-y; }
[data-r="script-chart"][data-name="ten-force"] .sq-plot.near { cursor: grab; touch-action: none; }
[data-r="script-chart"][data-name="ten-force"] .sq-plot.held { cursor: grabbing; touch-action: none; }
[data-r="script-chart"][data-name="ten-force"] .edge { stroke: var(--a10); stroke-width: 1; transition: stroke var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="ten-force"][data-dim] .edge { transition-duration: 0s; }
[data-r="script-chart"][data-name="ten-force"][data-dim] .edge:not(.on) { stroke: var(--a5); }
[data-r="script-chart"][data-name="ten-force"] .edge.on { stroke: var(--a35); }
[data-r="script-chart"][data-name="ten-forms"] .bar { fill: var(--chart-1); stroke: var(--bg); stroke-width: 0; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="ten-forms"] .reading .bar:not(.hot) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="ten-spring"] [data-mark="bar"] { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="ten-spring"][data-dim] [data-mark="bar"]:not(.on) { opacity: var(--dim); transition-duration: 0s; }
@keyframes ten-draw-in { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
[data-r="script-chart"][data-name="ten-scroll"] .glowline { fill: none; stroke-width: 6; stroke-linecap: round; filter: blur(7px); opacity: .5; pointer-events: none; }
@supports (animation-timeline: view()) {
  [data-r="script-chart"][data-name="ten-scroll"] :is(.draw, .glowline) { stroke-dasharray: 1; stroke-dashoffset: 1; animation: ten-draw-in linear both; animation-timeline: view(); animation-range: entry 15% cover 45%; }
}
[data-r="script-chart"][data-name="ten-gradient"] .glowcard { position: relative; border-radius: var(--r-contain); padding: 2px; background: linear-gradient(var(--ten-sheen), color-mix(in oklab, var(--chart-1) calc(55% * var(--ten-glow)), transparent), transparent 45%, color-mix(in oklab, var(--chart-5) calc(40% * var(--ten-glow)), transparent) 85%); transition: --ten-glow var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="ten-gradient"] .glowcard[data-lit] { --ten-glow: 1; transition-duration: 0s; }
[data-r="script-chart"][data-name="ten-gradient"] .gr-plot { border-radius: var(--r-contain); background: var(--bg); }
@media (prefers-reduced-motion: reduce) {
  [data-r="script-chart"][data-name="ten-scroll"] :is(.draw, .glowline) { animation: none !important; stroke-dashoffset: 0; }
}
}

/* ═══ 87-script-chart-twelve.css ═══ */
@layer components {
[data-r="script-chart"][data-name="twelve-wiggle"] .wg-plot { position: relative; }
[data-r="script-chart"][data-name="twelve-wiggle"] .wg-plot svg { cursor: crosshair; }
[data-r="script-chart"][data-name="twelve-wiggle"] svg:not([data-moving], [data-entering]) .wg-mark { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="twelve-wiggle"][data-dim] .wg-mark:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="twelve-wiggle"] :is(.cross, .ring) { pointer-events: none; }
[data-r="script-chart"][data-name="twelve-wiggle"] [data-mark="trace"] { vector-effect: non-scaling-stroke; }
[data-r="script-chart"][data-name="twelve-seriation"] .sr-plot { position: relative; overflow: clip; }
[data-r="script-chart"][data-name="twelve-seriation"] .sr-plot svg { cursor: crosshair; }
[data-r="script-chart"][data-name="twelve-seriation"] .sr-cells { position: absolute; left: 0; top: 0; pointer-events: none; }
[data-r="script-chart"][data-name="twelve-seriation"] .sr-cells + svg { position: relative; }
[data-r="script-chart"][data-name="twelve-seriation"] .dend { fill: none; stroke: var(--a35); stroke-width: 1; pointer-events: none; }
[data-r="script-chart"][data-name="twelve-seriation"] .group { fill: none; stroke: var(--ink); stroke-width: 1.5; pointer-events: none; }
[data-r="script-chart"][data-name="twelve-curve"] .cv-plot { position: relative; touch-action: none; }
[data-r="script-chart"][data-name="twelve-curve"] .curve { fill: none; stroke: var(--chart-1); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
[data-r="script-chart"][data-name="twelve-curve"] .fill { fill: var(--chart-1); fill-opacity: .1; }
[data-r="script-chart"][data-name="twelve-curve"] .anchor { fill: var(--chart-1); stroke: var(--bg); stroke-width: 2; }
[data-r="script-chart"][data-name="twelve-curve"] .anchor.focus { stroke: var(--ink); stroke-width: 1.5; }
[data-r="script-chart"][data-name="twelve-curve"] .handle { fill: var(--bg); stroke: var(--chart-1); stroke-width: 1.5; cursor: grab; }
[data-r="script-chart"][data-name="twelve-curve"] .grab { fill: transparent; cursor: grab; }
[data-r="script-chart"][data-name="twelve-curve"] :is(.handle, .grab).held { cursor: grabbing; }
[data-r="script-chart"][data-name="twelve-curve"] .hline { stroke: var(--a35); stroke-width: 1; }
[data-r="script-chart"][data-name="twelve-curve"] :is(.curve, .fill, .anchor, .hline, .cross, .dot, .val) { pointer-events: none; }
[data-r="script-chart"][data-name="twelve-scope"] .sc-plot { position: relative; }
[data-r="script-chart"][data-name="twelve-scope"] .orbit { fill: none; stroke: var(--grid); stroke-width: 1; }
[data-r="script-chart"][data-name="twelve-scope"] .limit { fill: none; stroke: var(--reference); stroke-width: 1; stroke-dasharray: 4 3; }
[data-r="script-chart"][data-name="twelve-scope"] .trail { fill: none; stroke: var(--a35); stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; }
[data-r="script-chart"][data-name="twelve-scope"] .target { fill: var(--chart-1); stroke: var(--bg); stroke-width: 2; }
[data-r="script-chart"][data-name="twelve-scope"] .ath.alert .target { fill: var(--status-serious); }
[data-r="script-chart"][data-name="twelve-scope"] .leader { stroke: var(--a35); stroke-width: 1; }
[data-r="script-chart"][data-name="twelve-scope"] .grab { fill: transparent; cursor: crosshair; }
[data-r="script-chart"][data-name="twelve-scope"] .ath { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="twelve-scope"][data-dim] .ath:not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="twelve-scope"] .sweep { fill: var(--chart-1); fill-opacity: .07; }
[data-r="script-chart"][data-name="twelve-scope"] :is(.trail, .words, .sweep, .target) { pointer-events: none; }
[data-r="script-chart"][data-name="twelve-platform"] .platform { display: grid; gap: 8px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="script-chart"][data-name="twelve-platform"] .feature { display: flex; align-items: center; gap: 8px; min-width: 0; }
[data-r="script-chart"][data-name="twelve-platform"] .feature .state { width: 88px; flex: none; }
[data-r="script-chart"][data-name="twelve-market"] .mp-plot { position: relative; }
[data-r="script-chart"][data-name="twelve-market"] :is([data-mark="value-area"], [data-mark="value-edge"]) { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="twelve-market"][data-va-hidden] :is([data-mark="value-area"], [data-mark="value-edge"]) { opacity: 0; }
[data-r="script-chart"][data-name="twelve-market"] .row-hover { fill: var(--a5); opacity: 0; transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="twelve-market"] .row-hover.on { opacity: 1; transition-duration: 0s; }
[data-r="script-chart"][data-name="twelve-market"] .mp-plot svg { overflow: visible; }
[data-r="script-chart"][data-name="twelve-circos"] .ring-plot { position: relative; }
[data-r="script-chart"][data-name="twelve-circos"] .ribbon { fill: var(--chart-1); }
[data-r="script-chart"][data-name="twelve-circos"] .seg { stroke: var(--bg); stroke-width: 1; }
[data-r="script-chart"][data-name="twelve-circos"] svg:not([data-moving]) .ribbon { transition: opacity var(--state-out) var(--ease-quad), fill-opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="twelve-circos"] svg:not([data-moving]) .seg { transition: opacity var(--state-out) var(--ease-quad); }
[data-r="script-chart"][data-name="twelve-circos"][data-dim] :is(.ribbon, .seg):not(.on) { opacity: var(--dim); transition-duration: 0s; }
[data-r="script-chart"][data-name="twelve-circos"][data-dim] .ribbon:not(.on) { opacity: .12; }
[data-r="script-chart"][data-name="twelve-circos"][data-dim] .ribbon.on { fill-opacity: .4 !important; }
[data-r="script-chart"][data-name="twelve-circos"] .ring-ground { fill: var(--bg); opacity: .92; }
[data-r="script-chart"][data-name="twelve-circos"] .ring-count { font-size: var(--fs-13); font-weight: var(--fw-550); fill: var(--ink); }
[data-r="script-chart"][data-name="twelve-circos"] .tip .sw[data-kind="area"] { width: 8px; height: 8px; border-radius: 2px; }
}

/* ═══ 88-session-demands.css ═══ */
@layer components {
[data-r="demand-strip"] { --low: var(--scale-rank-2); --moderate: var(--scale-rank-3); --high: var(--scale-rank-4); }
[data-r="demand-strip"][data-size="row"] { display: inline-flex; align-items: flex-end; gap: 1px; flex: none; width: 34px; height: 14px; }
[data-r="demand-strip"][data-size="row"] > i { flex: 1 1 0; min-width: 0; height: max(1px, calc(var(--v, 0) * 100%)); border-radius: 1px 1px 0 0; background-color: var(--low); }
[data-r="demand-strip"][data-size="row"] > i[data-band="moderate"] { background-color: var(--moderate); }
[data-r="demand-strip"][data-size="row"] > i[data-band="high"] { background-color: var(--high); }
[data-r="demand-strip"][data-size="full"] { display: grid; grid-template-columns: minmax(0, 1fr) 72px minmax(24px, auto) 64px; row-gap: 4px; column-gap: 8px; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"] { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; gap: 8px; min-height: var(--row-24); }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"] > [data-part="name"] { min-width: 0; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"] > [data-part="bar"] { position: relative; height: 6px; border-radius: var(--r-press); background: var(--a5); overflow: hidden; }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"] > [data-part="bar"]::before,
[data-r="demand-strip"][data-size="full"] > [data-part="demand"] > [data-part="bar"]::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--paper); z-index: 1; }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"] > [data-part="bar"]::before { left: 40%; }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"] > [data-part="bar"]::after { left: 70%; }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"] > [data-part="bar"] > i { display: block; width: calc(var(--v, 0) * 100%); height: 100%; background-color: var(--low); }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"][data-band="moderate"] > [data-part="bar"] > i { background-color: var(--moderate); }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"][data-band="high"] > [data-part="bar"] > i { background-color: var(--high); }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"] > [data-part="value"] { font-weight: var(--fw-550); color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"] > [data-part="band"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"][data-band="high"] > [data-part="band"] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="demand-strip"][data-size="full"] > [data-part="demand"] > [data-part="value"] > small { margin-left: 1px; font-size: var(--fs-11); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="calendar-session"] > [data-part="demands"] { display: none; align-items: center; gap: 6px; min-width: 0; padding-left: 20px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-density="compact"] [data-r="calendar-session"]:not([data-size]) > [data-part="demands"] { padding-left: 0; }
[data-show~="demands"] [data-r="calendar-session"] > [data-part="demands"],
[data-r="calendar-session"][data-show~="demands"] > [data-part="demands"] { display: flex; }
[data-r="calendar-session"][data-show] > [data-part="demands"] { display: none; }
[data-r="calendar-session"][data-show~="demands"] > [data-part="demands"] { display: flex; }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="demands"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="month-grid"][data-variant="classic"] [data-part="week-head"] > [data-part="demands"] > [data-r="demand-strip"] { width: 56px; height: 16px; }
[data-r="fuel-plan"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="fuel-plan"] > [data-part="figures"] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 12px; margin: 0; }
[data-r="fuel-plan"] > [data-part="figures"] > div > dt { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="fuel-plan"] > [data-part="figures"] > div > dd { margin: 2px 0 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="fuel-plan"] > [data-part="figures"] > div > dd > small { font-size: var(--fs-11); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="fuel-plan"] > [data-part="where"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="fuel-plan"] > [data-part="where"] > [data-part="label"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="fuel-plan"] > [data-part="where"] > [data-part="track"] { position: relative; height: 20px; border-radius: var(--r-press); background: var(--a5); }
[data-r="fuel-plan"] > [data-part="where"] > [data-part="track"] > [data-part="feed"] { position: absolute; top: 4px; left: calc(var(--at) * 100%); width: 12px; height: 12px; margin-left: -6px; border-radius: var(--r-round); background-color: var(--ch-carb); box-shadow: 0 0 0 2px var(--paper); }
[data-r="fuel-plan"] > [data-part="where"] > [data-part="axis"] { display: flex; justify-content: space-between; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="fuel-plan"] > [data-part="products"] { display: flex; flex-direction: column; border-top: var(--px) solid var(--line-1); }
[data-r="fuel-plan"] > [data-part="products"] > [data-part="product"] { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto auto; align-items: center; gap: 8px; min-height: var(--row-28); border-bottom: var(--px) solid var(--line-1); }
[data-r="fuel-plan"] > [data-part="products"] > [data-part="product"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="fuel-plan"] > [data-part="products"] > [data-part="product"] > [data-part="name"] { min-width: 0; color: var(--ink); font-weight: var(--fw-500); }
[data-r="fuel-plan"] > [data-part="products"] > [data-part="product"] > [data-part="name"] > small { margin-left: 6px; font-size: var(--fs-11); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="fuel-plan"] > [data-part="products"] > [data-part="product"] > [data-part="count"] { color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="fuel-plan"] > [data-part="products"] > [data-part="product"] > [data-part="grams"] { min-width: 44px; text-align: right; font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="fuel-plan"] > [data-part="coverage"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="fuel-plan"] > [data-part="coverage"] > b { font-weight: var(--fw-550); color: var(--ink-2); }
[data-r="side-panel"] > [data-part="head"] > [data-part="title"] > [data-part="key"] { margin-left: 8px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="session-preview"] [data-part="facts"] > [data-part="demands"] { margin-left: auto; gap: 6px; }
[data-r="side-panel"] [data-part="source"] { display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="side-panel"] [data-part="source"] > [data-part="line"] { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 8px; min-height: var(--row-24); align-items: center; }
[data-r="side-panel"] [data-part="source"] > [data-part="line"] > span { color: var(--ink-3); }
[data-r="side-panel"] [data-part="source"] > [data-part="line"] > b { font-weight: var(--fw-450); color: var(--ink); }
[data-r="side-panel"] [data-part="source"] > [data-part="newer"] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px 8px; margin-top: 6px; padding: 10px 12px; border-radius: var(--r-row); box-shadow: inset 0 0 0 var(--px) var(--line-2); color: var(--ink-2); }
[data-r="side-panel"] [data-part="source"] > [data-part="newer"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); margin-top: 2px; color: var(--info-dot); }
[data-r="side-panel"] [data-part="source"] > [data-part="newer"] > span:not([data-part]) { flex: 1; min-width: 180px; }
[data-r="side-panel"] [data-part="source"] > [data-part="newer"] > [data-part="acts"] { display: flex; gap: 6px; width: 100%; padding-left: 18px; }
}

/* ═══ 89-coach.css ═══ */
@layer components {
[data-r="compliance-grid"] { container: compliance / inline-size; display: flex; flex-direction: column; gap: 12px; min-width: 0; color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="compliance-grid"] > [data-part="head"] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
[data-r="compliance-grid"] > [data-part="head"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="compliance-grid"] > [data-part="head"] > [data-part="range"] { color: var(--ink-3); }
[data-r="compliance-grid"] > [data-part="grid"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="compliance-grid"] [data-part="row"] { display: grid; grid-template-columns: minmax(160px, 1.6fr) repeat(7, minmax(40px, 1fr)) 112px; align-items: stretch; min-height: var(--row-40); border-bottom: var(--px) solid var(--line-1); }
[data-r="compliance-grid"] [data-part="row"][data-head] { min-height: var(--row-28); border-bottom-color: var(--line-2); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="compliance-grid"] [data-part="row"][data-head] > span { display: flex; align-items: center; padding: 0 8px; }
[data-r="compliance-grid"] [data-part="row"][data-head] > span:first-child { padding-left: 0; }
[data-r="compliance-grid"] [data-part="row"][data-head] > span[data-today] { color: var(--accent-ink); font-weight: var(--fw-550); }
[data-r="compliance-grid"] [data-part="who"] { display: flex; align-items: center; gap: 8px; min-width: 0; padding-right: 8px; }
[data-r="compliance-grid"] [data-part="who"] > [data-part="name"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="compliance-grid"] [data-part="who"] > [data-part="name"] > b { font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="compliance-grid"] [data-part="who"] > [data-part="name"] > small { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="compliance-grid"] [data-part="who"] > [data-part="name"] > small[data-attention] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="compliance-grid"] [data-part="cell"] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px; min-width: 0; margin: 4px 2px; border-radius: var(--r-row); outline: none; transition: background-color var(--state-out); }
[data-r="compliance-grid"] [data-part="cell"][data-today] { background: var(--plane-hover); }
@media (hover: hover) {
  [data-r="compliance-grid"] [data-part="cell"]:hover { background: var(--plane-selected); transition-duration: 0s; }
}
[data-r="compliance-grid"] [data-part="cell"][data-force~="hover"] { background: var(--plane-selected); transition-duration: 0s; }
[data-r="compliance-grid"] [data-part="cell"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="compliance-grid"] [data-part="cell"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="compliance-grid"] [data-part="week"] { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 8px; padding-left: 12px; font-variant-numeric: tabular-nums; color: var(--ink-3); }
[data-r="compliance-grid"] [data-part="week"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="compliance-grid"] [data-part="week"] > [data-part="meter"] { grid-column: 1 / -1; height: 3px; margin-top: 4px; border-radius: var(--r-press); background: linear-gradient(90deg, var(--ink-2) calc(var(--v, 0) * 100%), var(--a10) 0); }
[data-r="compliance-grid"] > [data-part="legend"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); }
[data-r="compliance-grid"] > [data-part="legend"] > span { display: inline-flex; align-items: center; gap: 6px; }
[data-part="mark"][data-landing] { display: inline-block; flex: none; width: 10px; height: 10px; border-radius: var(--r-round); }
[data-part="mark"][data-landing="on"] { background: var(--success-dot); }
[data-part="mark"][data-landing="close"] { background: conic-gradient(var(--warning-dot) 0 50%, transparent 0); box-shadow: inset 0 0 0 1.5px var(--warning-dot); }
[data-part="mark"][data-landing="off"] { width: 9px; height: 9px; border-radius: 1px; background: var(--danger-dot); transform: rotate(45deg); }
[data-part="mark"][data-landing="missed"] { width: 12px; height: 2px; border-radius: 1px; background: var(--danger-dot); }
[data-part="mark"][data-landing="excused"] { width: 12px; height: 2px; border-radius: 1px; background: var(--ink-4); }
[data-part="mark"][data-landing="unplanned"] { box-shadow: inset 0 0 0 1.5px var(--ink-3); }
[data-part="mark"][data-landing="planned"] { border: var(--px) dashed var(--ink-3); }
[data-part="mark"][data-landing="today"] { background: radial-gradient(circle, var(--accent) 0 1.5px, transparent 2px); box-shadow: inset 0 0 0 1.5px var(--accent); }
@container compliance (max-width: 640px) {
  [data-r="compliance-grid"] [data-part="row"] { grid-template-columns: minmax(96px, 1fr) repeat(7, minmax(24px, 1fr)) 56px; }
  [data-r="compliance-grid"] [data-part="who"] > [data-part="name"] > small { display: none; }
  [data-r="compliance-grid"] [data-part="week"] { padding-left: 6px; }
}
@container compliance (max-width: 400px) {
  [data-r="compliance-grid"] [data-part="who"] > [data-part="name"] > b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; }
}
[data-r="attention-list"] { display: flex; flex-direction: column; min-width: 0; color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="attention-list"] > [data-part="head"] { display: flex; align-items: baseline; gap: 10px; padding: 0 0 10px; border-bottom: var(--px) solid var(--line-2); }
[data-r="attention-list"] > [data-part="head"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="attention-list"] > [data-part="head"] > [data-part="count"] { color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="attention-row"] { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: start; gap: 4px 12px; padding: 10px 8px; margin: 0 -8px; border-radius: var(--r-row); outline: none; transition: background-color var(--state-out); }
[data-r="attention-row"] + [data-r="attention-row"] { margin-top: 1px; box-shadow: 0 calc(-1 * var(--px)) 0 var(--line-1); }
@media (hover: hover) {
  [data-r="attention-row"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="attention-row"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="attention-row"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="attention-row"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="attention-row"][aria-selected="true"] { background: var(--plane-selected); }
[data-r="attention-row"] > [data-part="body"] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
[data-r="attention-row"] > [data-part="body"] > [data-part="who"] { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
[data-r="attention-row"] > [data-part="body"] > [data-part="who"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; }
[data-r="attention-row"] > [data-part="body"] > [data-part="who"] > span { color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="attention-row"][aria-selected="true"] > [data-part="body"] > [data-part="who"] > span { color: var(--ink-2); }
[data-r="attention-row"] > [data-part="body"] > [data-part="reasons"] { display: flex; flex-wrap: wrap; gap: 4px; }
[data-r="attention-row"] > [data-part="body"] > [data-part="lines"] { display: flex; flex-direction: column; gap: 3px; margin: 0; padding: 0; list-style: none; }
[data-r="attention-row"] > [data-part="body"] > [data-part="lines"] > li { display: flex; align-items: flex-start; gap: 6px; color: var(--ink-2); }
[data-r="attention-row"] > [data-part="body"] > [data-part="lines"] > li > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); margin-top: 2.5px; color: var(--thing, var(--ink-3)); }
[data-r="attention-row"] > [data-part="actions"] { display: flex; align-items: center; gap: 4px; }
[data-r="attention-list"] > [data-part="quiet"] { display: flex; align-items: center; gap: 10px; min-height: var(--row-44); margin-top: 6px; border-top: var(--px) solid var(--line-2); color: var(--ink-3); }
[data-r="calendar-session"] ~ [data-part="coach-mark"] { display: none; align-items: center; gap: 4px; min-width: 0; }
[data-role="coach"] [data-r="calendar-session"] ~ [data-part="coach-mark"] { display: flex; }
[data-part="coach-mark"] > [data-r="button"] { max-width: calc(100% + 6px); margin-left: -6px; }
[data-part="coach-mark"] > [data-r="button"] > span:not([data-part]) { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-part="coach-mark"] [data-part="pips"] { display: inline-flex; align-items: center; gap: 2px; flex: none; }
[data-part="coach-mark"] [data-part="pips"] > i { width: 4px; height: 8px; border-radius: 1px; background: var(--a10); }
[data-part="coach-mark"] [data-part="pips"] > i[data-on] { background: var(--ink-2); }
[data-part="coach-mark"] [data-part="said"] { display: inline-flex; align-items: center; gap: 3px; flex: none; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-part="coach-mark"] [data-part="said"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="coach-thread"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); display: flex; flex-direction: column; width: 300px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="coach-thread"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-height: var(--row-40); padding: 0 8px 0 14px; border-bottom: var(--px) solid var(--line-2); }
[data-r="coach-thread"] > [data-part="head"] > b { flex: 1; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="coach-thread"] > [data-part="marks"] { display: flex; gap: 4px; padding: 10px 14px 4px; }
[data-r="coach-thread"] > [data-part="marks"] > [data-r="button"] { flex: 1; min-width: 0; padding: 0 4px; }
[data-r="coach-thread"] > [data-part="list"] { display: flex; flex-direction: column; gap: 10px; max-height: 220px; padding: 10px 14px; overflow-y: auto; }
[data-r="coach-thread"] > [data-part="list"] > [data-part="entry"] { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 2px 8px; }
[data-r="coach-thread"] > [data-part="list"] > [data-part="entry"] > [data-r="avatar"] { grid-row: 1 / 3; }
[data-r="coach-thread"] > [data-part="list"] > [data-part="entry"] > [data-part="by"] { display: flex; gap: 6px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="coach-thread"] > [data-part="list"] > [data-part="entry"] > [data-part="by"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="coach-thread"] > [data-part="list"] > [data-part="entry"] > [data-part="text"] { color: var(--ink); overflow-wrap: anywhere; }
[data-r="coach-thread"] > [data-part="list"] > [data-part="empty"] { color: var(--ink-3); }
[data-r="coach-thread"] > [data-part="compose"] { display: flex; align-items: flex-end; gap: 6px; padding: 8px 8px 8px 14px; border-top: var(--px) solid var(--line-2); }
[data-r="coach-thread"] > [data-part="compose"] > [data-r="field"] { flex: 1; min-width: 0; }
[data-r="property-editor"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); display: grid; grid-template-columns: minmax(0, 1fr) 280px; min-width: 0; width: 100%; max-width: 760px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="property-editor"] > [data-part="head"] { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; min-height: var(--row-44); padding: 0 8px 0 20px; border-bottom: var(--px) solid var(--line-2); }
[data-r="property-editor"] > [data-part="head"] > [data-part="title"] { flex: 1; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="property-editor"] > [data-part="form"] { display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 16px 20px 20px; }
[data-r="property-editor"] > [data-part="form"] [data-part="pair"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
[data-r="property-editor"] > [data-part="form"] [data-part="triple"] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
[data-r="property-editor"] > [data-part="form"] [data-for-type][hidden] { display: none; }
[data-r="property-editor"] > [data-part="form"] [data-part="line"] { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: var(--row-28); }
[data-r="property-editor"] > [data-part="form"] [data-part="line"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="property-editor"] > [data-part="form"] [data-part="values"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
[data-r="property-editor"] [data-part="line"][data-condition-for] > [data-part="condition"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-width: 0; }
[data-r="property-editor"] [data-part="line"][data-condition-for] > [data-part="condition"] > [data-r="select"] { max-width: 160px; }
[data-r="property-editor"] > [data-part="example"] { display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 16px 20px 20px; border-left: var(--px) solid var(--line-2); background: var(--paper); border-bottom-right-radius: var(--r-contain); }
[data-r="property-editor"] > [data-part="example"] > [data-part="title"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); }
[data-r="property-editor"] > [data-part="example"] > [data-part="case"] { display: flex; flex-direction: column; gap: 6px; }
[data-r="property-editor"] > [data-part="example"] > [data-part="case"] > [data-part="label"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="property-editor"] > [data-part="example"] [data-part="forms"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
[data-r="property-editor"] > [data-part="example"] [data-part="form-name"] { display: block; margin-bottom: 4px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="property-editor"] > [data-part="example"] [data-part="shape"] { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: var(--r-round); color: var(--pc, var(--ink-3)); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="property-editor"] > [data-part="example"] [data-part="shape"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="property-editor"] > [data-part="example"] [data-part="pill"] { display: inline-flex; align-items: center; gap: 5px; height: var(--h-20); padding: 0 8px 0 6px; border-radius: var(--r-mark); box-shadow: inset 0 0 0 var(--px) var(--line-3); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="property-editor"] > [data-part="example"] [data-part="pill"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--pc, var(--ink-3)); }
[data-r="property-editor"] > [data-part="example"] [data-part="word"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="property-editor"] > [data-part="example"] [data-part="text-form"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
[data-r="property-editor"] > [data-part="example"] [data-part="where"] { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="property-editor"] > [data-part="example"] [data-part="where"] > li { display: flex; align-items: center; gap: 6px; }
[data-r="property-editor"] > [data-part="example"] [data-part="where"] > li > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--success-dot); }
[data-r="property-editor"] > [data-part="example"] [data-part="where"] > li[data-off] { color: var(--ink-3); }
[data-r="property-editor"] > [data-part="example"] [data-part="where"] > li[data-off] > svg[data-icon] { color: var(--thing, var(--ink-4)); }
[data-r="property-editor"] > [data-part="foot"] { grid-column: 1 / -1; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 10px 12px; border-top: var(--px) solid var(--line-2); }
[data-r="property-editor"] > [data-part="foot"] > [data-part="note"] { flex: 1; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
@container (max-width: 620px) {
  [data-r="property-editor"] { grid-template-columns: minmax(0, 1fr); }
  [data-r="property-editor"] > [data-part="example"] { border-left: 0; border-top: var(--px) solid var(--line-2); border-bottom-left-radius: var(--r-contain); }
}
[data-r="availability-editor"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); display: flex; flex-direction: column; width: 100%; max-width: 640px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="availability-editor"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-height: var(--row-44); padding: 0 8px 0 20px; border-bottom: var(--px) solid var(--line-2); }
[data-r="availability-editor"] > [data-part="head"] > [data-part="title"] { flex: 1; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="availability-editor"] > [data-part="body"] { display: flex; flex-direction: column; gap: 14px; padding: 16px 20px; }
[data-r="availability-editor"] [data-part="days"] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2px 0; user-select: none; }
[data-r="availability-editor"] [data-part="days"] [data-part="day"] { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; height: 52px; padding: 6px 0 0; border: 0; border-radius: var(--r-row); background: transparent; font: inherit; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; cursor: default; outline: none; transition: background-color var(--state-out); }
[data-r="availability-editor"] [data-part="days"] [data-part="day"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="availability-editor"] [data-part="days"] [data-part="day"] > [data-part="dots"] { display: flex; gap: 2px; height: 6px; }
[data-r="availability-editor"] [data-part="days"] [data-part="day"] > [data-part="dots"] > i { width: 5px; height: 5px; border-radius: var(--r-round); background: var(--ink-4); }
[data-r="availability-editor"] [data-part="days"] [data-part="day"] > [data-part="dots"] > i[data-breaks] { background: var(--warning-dot); }
@media (hover: hover) {
  [data-r="availability-editor"] [data-part="days"] [data-part="day"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="availability-editor"] [data-part="days"] [data-part="day"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="availability-editor"] [data-part="days"] [data-part="day"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="availability-editor"] [data-part="days"] [data-part="day"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="availability-editor"] [data-part="days"] [data-part="day"][aria-selected="true"] { border-radius: 0; background: var(--plane-selected); color: var(--ink-2); }
[data-r="availability-editor"] [data-part="days"] [data-part="day"][aria-selected="true"]:is([data-edge="start"], [data-edge="end"], [data-edge="only"]) { background: var(--accent); box-shadow: var(--lit); color: var(--on-accent); }
[data-r="availability-editor"] [data-part="days"] [data-part="day"][aria-selected="true"]:is([data-edge="start"], [data-edge="end"], [data-edge="only"]) > b { color: var(--on-accent); }
[data-r="availability-editor"] [data-part="days"] [data-part="day"][aria-selected="true"]:is([data-edge="start"], [data-edge="end"], [data-edge="only"]) > [data-part="dots"] > i { background: var(--on-accent); }
[data-r="availability-editor"] [data-part="days"] [data-part="day"][aria-selected="true"]:is([data-edge="start"], [data-edge="only"]) { border-top-left-radius: var(--r-row); border-bottom-left-radius: var(--r-row); }
[data-r="availability-editor"] [data-part="days"] [data-part="day"][aria-selected="true"]:is([data-edge="end"], [data-edge="only"]) { border-top-right-radius: var(--r-row); border-bottom-right-radius: var(--r-row); }
[data-r="availability-editor"] [data-part="days"] [data-part="day"][data-past] { color: var(--ink-disabled); }
[data-r="availability-editor"] [data-part="days"] [data-part="day"][data-past] > b { color: var(--ink-disabled); }
[data-r="availability-editor"] [data-part="range"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="availability-editor"] [data-part="range"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="availability-editor"] [data-part="line"] { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: var(--row-28); }
[data-r="availability-editor"] [data-part="line"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="availability-editor"] [data-part="line"][hidden] { display: none; }
[data-r="availability-editor"] [data-part="line"] > [data-r="field"] { width: 112px; }
[data-r="availability-editor"] > [data-part="effect"] { display: flex; flex-direction: column; gap: 6px; padding: 12px 20px 14px; border-top: var(--px) solid var(--line-2); background: var(--paper); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="availability-editor"] > [data-part="effect"] > [data-part="sum"] { color: var(--ink-2); }
[data-r="availability-editor"] > [data-part="effect"] > [data-part="sum"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="availability-editor"] > [data-part="effect"] > [data-part="breaks"] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
[data-r="availability-editor"] > [data-part="effect"] > [data-part="breaks"] > li { display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: var(--row-28); color: var(--ink); }
[data-r="availability-editor"] > [data-part="effect"] > [data-part="breaks"] > li > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--warning-dot); }
[data-r="availability-editor"] > [data-part="effect"] > [data-part="breaks"] > li > span > small { margin-left: 6px; font-size: var(--fs-11); color: var(--ink-3); }
[data-r="availability-editor"] > [data-part="foot"] { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 10px 12px; border-top: var(--px) solid var(--line-2); }
[data-r="availability-editor"] > [data-part="foot"] > [data-part="note"] { flex: 1; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="availability-editor"] [data-part="days"] [data-part="day"][aria-selected="true"] > [data-part="dots"] > i[data-breaks] { background: var(--warning-dot); box-shadow: 0 0 0 1px var(--on-accent); }
}

/* ═══ 90-workout-text.css ═══ */
@layer components {
[data-r="workout-text"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); container: workout-text / inline-size; display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 14px 16px 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="workout-text"] > [data-part="head"] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
[data-r="workout-text"] > [data-part="head"] > div:first-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="workout-text"] > [data-part="head"] > div:first-child > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="workout-text"] > [data-part="head"] > div:first-child > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="workout-text"] > [data-part="body"] { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 20px; align-items: start; }
[data-r="workout-text"] [data-part="write"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
[data-r="workout-text"] [data-part="editor"] { position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr); border-radius: var(--r-value); background: var(--raised); /* the field's own rest, hover and focus (components/20-field.css): a .5 line, the line darker on hover, --ring-field in focus */ box-shadow: inset 0 0 0 .5px var(--line-4); --ring-gap: var(--raised); transition: box-shadow var(--ring-in) var(--ease-ring); overflow: hidden; }
@media (hover: hover) {
  [data-r="workout-text"] [data-part="editor"]:hover { box-shadow: inset 0 0 0 .5px var(--line-5); transition-duration: 0s; }
}
[data-r="workout-text"] [data-part="editor"][data-force~="hover"] { box-shadow: inset 0 0 0 .5px var(--line-5); transition-duration: 0s; }
[data-r="workout-text"] [data-part="editor"]:is(:focus-within, [data-force~="focus"]) { box-shadow: var(--ring-field); }
[data-r="workout-text"] [data-part="gutter-box"] { position: relative; overflow: hidden; border-right: var(--px) solid var(--line-1); }
[data-r="workout-text"] [data-part="gutter"] { display: flex; flex-direction: column; padding: 8px 0; }
[data-r="workout-text"] [data-part="ln"] { position: relative; height: var(--lh-13); padding-right: 8px; font-size: var(--fs-11); line-height: var(--lh-13); text-align: right; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="workout-text"] [data-part="ln"][data-kind="repeat"] { color: var(--ink-2); font-weight: var(--fw-550); }
[data-r="workout-text"] [data-part="ln"][data-tone="warning"] { color: var(--warning-ink); font-weight: var(--fw-550); }
[data-r="workout-text"] [data-part="ln"][data-tone="danger"] { color: var(--danger-ink); font-weight: var(--fw-550); }
[data-r="workout-text"] [data-part="ln"]:is([data-tone="warning"], [data-tone="danger"])::before { content: ""; position: absolute; left: 4px; top: 6.5px; width: 6px; height: 6px; border-radius: var(--r-press); background: var(--warning-dot); }
[data-r="workout-text"] [data-part="ln"][data-tone="danger"]::before { background: var(--danger-dot); }
[data-r="workout-text"] [data-part="text"] { display: block; width: 100%; min-height: calc(var(--lh-13) * 12 + 16px); margin: 0; padding: 8px 10px; border: 0; outline: 0; resize: vertical; background: transparent; font-family: var(--font); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); font-variant-numeric: tabular-nums; white-space: pre; overflow-wrap: normal; overflow-x: auto; tab-size: 2; }
[data-r="workout-text"] [data-part="text"]::placeholder { color: var(--ink-3); }
[data-r="workout-text"] [data-part="problems"] { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
[data-r="workout-text"] [data-part="problems"] > li { display: flex; align-items: flex-start; gap: 6px; min-height: var(--row-28); padding: 4px 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="workout-text"] [data-part="problems"] > li > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); margin-top: 2px; }
[data-r="workout-text"] [data-part="problems"] > li[data-tone="danger"] > svg[data-icon] { color: var(--danger-dot); }
[data-r="workout-text"] [data-part="problems"] > li[data-tone="warning"] > svg[data-icon] { color: var(--warning-dot); }
[data-r="workout-text"] [data-part="problems"] > li[data-tone="ok"] > svg[data-icon] { color: var(--success-dot); }
[data-r="workout-text"] [data-part="problems"] > li > [data-part="goto"] { flex: none; margin-top: -2px; font-variant-numeric: tabular-nums; }
[data-r="workout-text"] [data-part="problems"] > li > [data-part="message"] { flex: 1; min-width: 0; padding-top: 1px; }
[data-r="workout-text"] [data-part="problems"] > li > [data-part="fix"] { flex: none; margin-top: -2px; }
[data-r="workout-text"] [data-part="help"] { margin: 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="workout-text"] [data-part="read"] { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
[data-r="workout-text"] [data-part="reads-as"] { display: flex; flex-direction: column; gap: 2px; }
[data-r="workout-text"] [data-part="reads-as"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="workout-text"] [data-part="reads-as"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="workout-text"] [data-part="figures"] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; margin: 0; }
[data-r="workout-text"] [data-part="figures"] > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="workout-text"] [data-part="figures"] dt { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="workout-text"] [data-part="figures"] dd { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="workout-text"] [data-part="figures"] > [data-tone="danger"] dd { color: var(--danger-ink); }
[data-r="workout-text"] [data-part="figures"] > [data-tone="warning"] dd { color: var(--warning-ink); }
[data-r="workout-text"] [data-part="figures"] > [data-part="empty"] { grid-column: 1 / -1; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="workout-text"] [data-part="zones"] { display: flex; flex-direction: column; gap: 3px; }
[data-r="workout-text"] [data-part="zone"] { display: grid; grid-template-columns: 22px minmax(0, 1fr) 40px; align-items: center; gap: 8px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="workout-text"] [data-part="zone"] > [data-part="bar"] { position: relative; height: 6px; border-radius: var(--r-press); background: var(--a10); overflow: hidden; }
[data-r="workout-text"] [data-part="zone"] > [data-part="bar"] > i { position: absolute; inset: 0 auto 0 0; width: var(--w); border-radius: inherit; background: var(--zone-c); }
[data-r="workout-text"] [data-part="zone"] > [data-part="time"] { text-align: right; color: var(--ink-2); }
[data-r="workout-text"] [data-part="zone"][data-zone="1"] { --zone-c: var(--scale-1); }
[data-r="workout-text"] [data-part="zone"][data-zone="2"] { --zone-c: var(--scale-2); }
[data-r="workout-text"] [data-part="zone"][data-zone="3"] { --zone-c: var(--scale-3); }
[data-r="workout-text"] [data-part="zone"][data-zone="4"] { --zone-c: var(--scale-4); }
[data-r="workout-text"] [data-part="zone"][data-zone="5"] { --zone-c: var(--scale-5); }
[data-r="workout-text"] [data-part="zone"][data-zone="6"] { --zone-c: var(--scale-6); }
[data-r="workout-text"] [data-part="demands"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="workout-text"] [data-part="demands"]:empty { display: none; }
[data-r="workout-text"] > [data-part="strip"] { min-width: 0; }
[data-r="workout-text"] > [data-part="strip"]:empty { display: none; }
[data-r="workout-text"] > [data-part="strip"] > [data-r="workout"] { width: 100%; }
@container workout-text (max-width: 560px) {
  [data-r="workout-text"] > [data-part="body"] { grid-template-columns: minmax(0, 1fr); }
  [data-r="workout-text"] > [data-part="head"] { flex-wrap: wrap; }
}
[data-r="workout-text"] [data-part="paint"] { display: none; }
[data-r="workout-text"][data-painted] [data-part="editor"] > [data-part="text"] { grid-column: 2; grid-row: 1; }
[data-r="workout-text"][data-painted] [data-part="editor"] > [data-part="gutter-box"] { grid-column: 1; grid-row: 1; }
[data-r="workout-text"][data-painted] [data-part="paint"] { display: block; position: absolute; inset: 0 0 0 32px; margin: 0; padding: 8px 10px; overflow: hidden; pointer-events: none; /* its box comes from the editor, never from its words: what a key writes in it is laid out inside it alone */ contain: strict; font-family: var(--font); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-400); color: var(--ink); font-variant-numeric: tabular-nums; white-space: pre; tab-size: 2; overflow-wrap: normal; }
[data-r="workout-text"][data-painted] [data-part="text"] { position: relative; color: transparent; caret-color: var(--ink); -webkit-text-fill-color: transparent; }
[data-r="workout-text"][data-painted] [data-part="text"]::placeholder { -webkit-text-fill-color: var(--ink-3); }
[data-r="workout-text"] [data-part="paint"] :is([data-k="int"], [data-k="prog"], [data-k="hr"], [data-k="pace"], [data-k="cad"], [data-k="tq"], [data-k="lac"], [data-k="rpe"], [data-k="fuel"], [data-k="fluid"], [data-k="caf"], [data-k="rule"]) { color: var(--ink); text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; text-decoration-skip-ink: none; }
[data-r="workout-text"] [data-part="paint"] :is([data-k="int"], [data-k="prog"]) { text-decoration-color: var(--ch-power); }
[data-r="workout-text"] [data-part="paint"] [data-k="hr"] { text-decoration-color: var(--ch-hr); }
[data-r="workout-text"] [data-part="paint"] [data-k="pace"] { text-decoration-color: var(--ch-pace); }
[data-r="workout-text"] [data-part="paint"] [data-k="cad"] { text-decoration-color: var(--ch-cadence); }
[data-r="workout-text"] [data-part="paint"] [data-k="tq"] { text-decoration-color: var(--ch-torque); }
[data-r="workout-text"] [data-part="paint"] [data-k="lac"] { text-decoration-color: var(--ch-lactate); }
[data-r="workout-text"] [data-part="paint"] [data-k="rpe"] { text-decoration-color: var(--ch-load); }
[data-r="workout-text"] [data-part="paint"] [data-k="fuel"] { text-decoration-color: var(--ch-carb); }
[data-r="workout-text"] [data-part="paint"] [data-k="fluid"] { text-decoration-color: var(--ch-fluid); }
[data-r="workout-text"] [data-part="paint"] [data-k="caf"] { text-decoration-color: var(--ch-energy); }
[data-r="workout-text"] [data-part="paint"] [data-k="rule"] { text-decoration-color: var(--ch-form); }
[data-r="workout-text"] [data-part="paint"] :is([data-k="dir"], [data-k="rep"], [data-k="time"]) { color: var(--ink); font-weight: var(--fw-500); }
[data-r="workout-text"] [data-part="paint"] [data-k="time"] { font-weight: var(--fw-400); }
[data-r="workout-text"] [data-part="paint"] :is([data-k="dirv"], [data-k="name"], [data-k="label"], [data-k="flag"], [data-k="cue"]) { color: var(--ink-2); }
[data-r="workout-text"] [data-part="paint"] [data-k="var"] { color: var(--ink); text-decoration: underline dotted; text-underline-offset: 3px; }
[data-r="workout-text"] [data-part="paint"] :is([data-k="note"], [data-k="comment"], [data-k="mark"]) { color: var(--ink-3); }
[data-r="workout-text"] [data-part="paint"] [data-k="bad"] { color: var(--danger-ink); text-decoration: underline wavy; text-decoration-color: var(--danger-dot); text-underline-offset: 3px; }
[data-r="workout-text"] [data-part="ln"][data-here] { color: var(--ink); }
[data-r="workout-text"] [data-part="ln"][data-kind="rule"]:not([data-tone]) { color: var(--ink-2); }
[data-r="workout-text"] [data-part="line-read"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-height: var(--row-28); min-width: 0; }
[data-r="workout-text"] [data-part="line-read"]:empty { display: none; }
[data-r="workout-text"] [data-part="line-read"] > [data-part="ln-kind"] { margin-right: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="workout-text"] > [data-part="strip"]:has(~ [data-part="lanes"]) { padding-left: 28px; }
[data-r="workout-text"] > [data-part="lanes"] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
[data-r="workout-text"]:has(> [data-part="strip"]:empty) > [data-part="lanes"] { display: none; }
[data-r="workout-text"] > [data-part="head"] > div:last-child:not([data-r]) { display: flex; align-items: center; gap: 4px; flex: none; }
[data-r="workout-text"] [data-part="strip"] > [data-r="workout"] > svg[data-part="hand"] { position: absolute; left: 0; top: 0; width: 100%; height: var(--wh); overflow: visible; pointer-events: none; }
[data-r="workout-text"] [data-part="strip"] > [data-r="workout"] > svg[data-part="hand"] > path { fill: none; stroke: var(--ink-2); stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
[data-r="workout-text"] [data-part="strip"] > [data-r="workout"] > svg[data-part="hand"] > path[data-part="halo"] { stroke: var(--raised); stroke-width: 4px; }
[data-r="workout-text"][data-compact] { padding: 0; gap: 8px; border-radius: 0; background: transparent; box-shadow: none; }
[data-r="workout-text"][data-compact] > [data-part="head"] { display: none; }
[data-r="workout-text"][data-compact] > [data-part="body"] { grid-template-columns: minmax(0, 1fr); }
[data-r="workout-text"][data-compact] [data-part="text"] { min-height: calc(var(--lh-13) * 6 + 16px); }
[data-r="workout-text"][data-compact] [data-part="problems"] > li[data-tone="ok"] { display: none; }
@media (pointer: coarse), (max-width: 640px) {
  [data-r="workout-text"] [data-part="text"],
  [data-r="workout-text"][data-painted] [data-part="paint"] { font-size: var(--fs-16); line-height: var(--lh-16); }
  [data-r="workout-text"] [data-part="ln"] { height: var(--lh-16); line-height: var(--lh-16); }
  [data-r="workout-text"] [data-part="ln"]:is([data-tone="warning"], [data-tone="danger"])::before { top: 8.5px; }
}
[data-r="page"][data-focus] [data-r="workout-text"] { display: grid; grid-template-columns: minmax(320px, 2fr) minmax(0, 3fr); grid-template-rows: auto auto minmax(0, 1fr) auto; grid-template-areas: "head head" "write read" "write strip" "write lanes"; gap: 16px 32px; height: 100%; padding: 16px 24px 80px; border-radius: 0; background: transparent; box-shadow: none; }
[data-r="page"][data-focus="present"] [data-r="workout-text"] { padding-bottom: 24px; }
[data-r="page"][data-focus] [data-r="workout-text"] > [data-part="head"] { grid-area: head; }
[data-r="page"][data-focus] [data-r="workout-text"] > [data-part="body"] { display: contents; }
[data-r="page"][data-focus] [data-r="workout-text"] [data-part="write"] { grid-area: write; min-height: 0; }
[data-r="page"][data-focus] [data-r="workout-text"] [data-part="editor"] { flex: 1 1 auto; min-height: 0; }
[data-r="page"][data-focus] [data-r="workout-text"] [data-part="editor"] > [data-part="text"] { height: 100%; min-height: 0; resize: none; overflow: auto; }
[data-r="page"][data-focus] [data-r="workout-text"] [data-part="problems"] { flex: 0 1 auto; min-height: 0; max-height: 33%; overflow-y: auto; overscroll-behavior: contain; }
[data-r="page"][data-focus] [data-r="workout-text"] [data-part="line-read"] { flex: none; }
[data-r="page"][data-focus] [data-r="workout-text"] [data-part="read"] { grid-area: read; flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 12px 32px; }
[data-r="page"][data-focus] [data-r="workout-text"] [data-part="read"] > [data-part="figures"] { display: flex; flex-wrap: wrap; gap: 8px 24px; }
[data-r="page"][data-focus] [data-r="workout-text"] [data-part="read"] > :is([data-part="zones"], [data-part="demands"]) { flex: 1 1 200px; }
[data-r="page"][data-focus] [data-r="workout-text"] > [data-part="strip"] { grid-area: strip; display: flex; min-height: 0; }
[data-r="page"][data-focus] [data-r="workout-text"] > [data-part="strip"] > [data-r="workout"] { --wh: 100%; height: 100%; }
[data-r="page"][data-focus] [data-r="workout-text"] > [data-part="lanes"] { grid-area: lanes; }
[data-r="page"][data-focus] [data-r="workout-text"] > [data-part="lanes"] > [data-r="tabs"] { display: none; }
[data-r="page"][data-focus] [data-r="workout-text"] > [data-part="lanes"] > [data-r="reserve-line"] > [data-part="plot"] > [data-part="field"] { height: 96px; }
[data-r="page"][data-focus] [data-r="workout-text"] > [data-part="lanes"] > [data-r="reserve-line"] > [data-part="plot"] > [data-part="y"][data-at="zero"] { top: 96px; }
@container page (width < 720px) {
  [data-r="page"][data-focus] [data-r="workout-text"] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto minmax(0, 1fr) auto; grid-template-areas: "head" "write" "read" "strip" "lanes"; gap: 8px; padding: 8px 12px 64px; }
}
@container page (height < 500px) {
  [data-r="page"][data-focus] [data-r="workout-text"] { gap: 8px 24px; padding: 8px 16px 64px; }
  [data-r="page"][data-focus] [data-r="workout-text"] [data-part="read"] > :is([data-part="zones"], [data-part="demands"]) { display: none; }
  [data-r="page"][data-focus] [data-r="workout-text"] > [data-part="lanes"] > [data-r="reserve-line"] > [data-part="plot"] > [data-part="field"] { height: 28px; }
  [data-r="page"][data-focus] [data-r="workout-text"] > [data-part="lanes"] > [data-r="reserve-line"] > [data-part="plot"] > [data-part="y"] { display: none; }
  [data-r="page"][data-focus] [data-r="workout-text"] [data-part="read"] > [data-part="reads-as"] { display: none; }
  [data-r="page"][data-focus] [data-r="workout-text"] [data-part="read"] > [data-part="figures"] { gap: 4px 16px; }
  [data-r="page"][data-focus] [data-r="workout-text"] [data-part="read"] > [data-part="figures"] > div { flex: none; white-space: nowrap; }
  [data-r="page"][data-focus] [data-r="workout-text"] > [data-part="strip"] [data-part="sets"] { display: none; }
  [data-r="page"][data-focus] [data-r="workout-text"] > [data-part="strip"] > [data-r="workout"] { padding-bottom: 0; }
}
@container page (height < 500px) and (width >= 720px) {
  [data-r="page"][data-focus] [data-r="workout-text"] { grid-template-columns: minmax(280px, 1fr) minmax(0, 2fr); }
}
@container page (height < 440px) {
  [data-r="page"][data-focus] [data-r="workout-text"] > [data-part="lanes"] > [data-r="reserve-line"] > [data-part="row"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
}

/* ═══ 91-colour-map.css ═══ */
@layer components {
:where(svg[data-icon]) { color: var(--thing, currentColor); }
svg[data-icon="ride"],
svg[data-icon="gravel"] { --thing: var(--sport-ride); }
svg[data-icon="run"],
svg[data-icon="track"] { --thing: var(--sport-run); }
svg[data-icon="swim"] { --thing: var(--sport-swim); }
svg[data-icon="strength"] { --thing: var(--sport-strength); }
svg[data-icon="walk"] { --thing: var(--sport-walk); }
svg[data-icon="climb"],
svg[data-icon="mountain"] { --thing: var(--sport-hike); }
svg[data-icon="row"] { --thing: var(--sport-row); }
svg[data-icon="ski"] { --thing: var(--sport-ski); }
svg[data-icon="yoga"] { --thing: var(--sport-mobility); }
svg[data-icon="hrv"] { --thing: var(--body-hrv); }
svg[data-icon="heartRate"],
svg[data-icon="heart"] { --thing: var(--body-rhr); }
svg[data-icon="sleep"] { --thing: var(--body-sleep); }
svg[data-icon="weight"] { --thing: var(--body-weight); }
svg[data-icon="thermometer"] { --thing: var(--body-temperature); }
svg[data-icon="muscle"] { --thing: var(--body-soreness); }
svg[data-icon="lungs"] { --thing: var(--body-spo2); }
svg[data-icon="brain"] { --thing: var(--body-stress); }
svg[data-icon="blood"] { --thing: var(--ch-glucose); }
svg[data-icon="sweat"],
svg[data-icon="salt"] { --thing: var(--ch-sodium); }
svg[data-icon="gut"] { --thing: var(--ch-fructose); }
svg:is([data-icon="gel"], [data-icon="bar"], [data-icon="drinkMix"], [data-icon="carbs"], [data-icon="banana"], [data-icon="bowl"], [data-icon="scoop"], [data-icon="fuel"]) { --thing: var(--macro-carbohydrate); }
svg:is([data-icon="bottle"], [data-icon="drop"]) { --thing: var(--ch-fluid); }
svg:is([data-icon="caffeine"], [data-icon="coffee"]) { --thing: var(--orange-550); }
svg:is([data-icon="sun"], [data-icon="sunrise"], [data-icon="sunset"]) { --thing: var(--sky-sun); }
svg[data-icon="cloudSun"] { --thing: var(--sky-cloud-sun); }
svg[data-icon="cloud"] { --thing: var(--sky-cloud); }
svg:is([data-icon="rain"], [data-icon="humidity"]) { --thing: var(--sky-rain); }
svg[data-icon="wind"] { --thing: var(--sky-wind); }
svg[data-icon="fog"] { --thing: var(--sky-fog); }
svg[data-icon="storm"] { --thing: var(--sky-storm); }
svg[data-icon="cold"] { --thing: var(--sky-snow); }
svg[data-icon="heat"] { --thing: var(--ch-temperature); }
svg[data-icon="moon"] { --thing: var(--body-sleep); }
svg[data-icon="power"] { --thing: var(--ch-power); }
:is([data-part="field"], [data-r="property"] > [data-part="label"], [data-r="field"], [data-r="search"], [data-part="label"][data-kind="name"], [data-r="sidebar-item"], [data-r="page-state"], [data-ink-icons]) svg[data-icon] { --thing: initial; }
[data-r="status"][data-state="planned"] { color: var(--session-planned); }
[data-r="status"][data-state="done"] { color: var(--session-done); }
[data-r="status"][data-state="missed"] { color: var(--session-missed); }
[data-r="status"][data-state="today"] { color: var(--accent); }
[data-r="status"]:is([data-state="skipped"], [data-state="excused"]) { color: var(--session-excused); }
[data-r="status"][data-state="in-progress"] { color: var(--session-progress); }
[data-r="status"][data-state="canceled"] { color: var(--ink-4); }
[data-part="readings"] > [data-part="reading"]:is([data-band="worse"], [data-band="better"]) > svg[data-icon] { color: var(--thing, var(--ink-4)); }
[data-sport="ride"] { --sport: var(--sport-ride); }
[data-sport="run"] { --sport: var(--sport-run); }
[data-sport="swim"] { --sport: var(--sport-swim); }
[data-sport="gym"],
[data-sport="strength"] { --sport: var(--sport-strength); }
[data-sport="walk"] { --sport: var(--sport-walk); }
[data-part="readings"] > [data-part="reading"][data-key="al"] > [data-r="dot"] { flex: none; margin: 0 3px; }
}

/* ═══ 92-register.css ═══ */
@layer components {
[data-r="register"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
[data-r="register"] > [data-part="bar"] { display: flex; align-items: center; gap: 8px; min-width: 0; }
[data-r="register"] > [data-part="bar"] > [data-r="query"] { flex: 1; min-width: 0; }
[data-r="register"] > [data-part="bar"] > [data-r="query"] { padding-left: 20px; }
[data-r="register"] > [data-part="body"] { position: relative; min-width: 0; }
[data-r="register"] > [data-part="body"] > [data-part="detail"] { position: absolute; top: 8px; right: 8px; bottom: 8px; z-index: var(--z-sticky); width: var(--panel-list); min-width: 0; padding: 12px 16px 16px; overflow: auto; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); scrollbar-width: none; }
[data-r="register"]:not([data-open]) > [data-part="body"] > [data-part="detail"] { display: none; }
[data-r="register"] > [data-part="body"] > [data-part="detail"] > [data-part="close"] { position: absolute; top: 8px; right: 8px; }
[data-r="register"] [data-part="cards"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
[data-r="register"] > [data-part="subject"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; padding-top: 12px; }
[data-r="register"] > [data-part="subject"][hidden],
[data-r="register"] [data-part="group"][hidden] { display: none; }
[data-r="register"] > [data-part="subject"] > [data-part="subject-head"] { display: flex; align-items: baseline; gap: 8px; margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="register"] [data-part="group"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
[data-r="register"] [data-part="group"] + [data-part="group"] { margin-top: 8px; }
[data-r="register"] [data-part="group"] > [data-part="group-head"] { display: flex; align-items: baseline; gap: 6px; margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="register"] :is([data-part="subject-head"], [data-part="group-head"]) > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="register"] > [data-part="waiting"] { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0 20px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="register"] > [data-part="waiting"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); }
[data-r="register"] [data-r="list-row"] > [data-part="title"] { font-weight: var(--fw-500); }
[data-r="evidence"] { position: relative; display: inline-block; flex: none; width: 12px; height: 12px; margin-right: 6px; vertical-align: -1px; border-radius: var(--r-round); box-shadow: inset 0 0 0 1.25px var(--ink-3); }
[data-r="evidence"][data-grade="established"] { background: conic-gradient(var(--ink-2) 0 100%); box-shadow: inset 0 0 0 1.25px var(--ink-2); }
[data-r="evidence"][data-grade="supported"] { background: conic-gradient(var(--ink-2) 0 75%, transparent 75%); box-shadow: inset 0 0 0 1.25px var(--ink-2); }
[data-r="evidence"][data-grade="emerging"] { background: conic-gradient(var(--ink-3) 0 50%, transparent 50%); }
[data-r="evidence"][data-grade="early"] { background: conic-gradient(var(--ink-3) 0 25%, transparent 25%); }
[data-r="evidence"][data-grade="ramtt-s-own"] { background: radial-gradient(circle, var(--accent) 0 3px, transparent 3.5px); box-shadow: inset 0 0 0 1.25px var(--accent); }
[data-r="metric-detail"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
[data-r="metric-detail"] > [data-part="head"] { display: flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="metric-detail"] > [data-part="name"] { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="metric-detail"] > [data-part="short"] { margin-top: -6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="metric-detail"] > [data-part="note"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="metric-detail"] > [data-part="facts"] { display: flex; flex-direction: column; margin: 4px 0 0; }
[data-r="metric-detail"] [data-part="facts"] > [data-part="row"] { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 8px; align-items: baseline; min-height: var(--row-28); padding: 5px 0; box-shadow: inset 0 calc(var(--px) * -1) 0 var(--line-2); }
[data-r="metric-detail"] [data-part="facts"] dt { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="metric-detail"] [data-part="facts"] dd { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="metric-detail"] > [data-part="section"] { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; }
[data-r="metric-detail"] > [data-part="section"] > [data-part="label"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); margin-bottom: 2px; }
[data-r="metric-detail"] > [data-part="section"] > [data-part="fence"] { display: flex; align-items: center; gap: 6px; min-height: var(--row-28); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="metric-detail"] > [data-part="section"] > [data-part="fence"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--status-serious); }
[data-r="metric-detail"] > [data-part="missing"] { display: flex; align-items: center; gap: 6px; margin: 4px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="metric-detail"] > [data-part="missing"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--info-dot); }
[data-r="property-card"] { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 12px 14px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); }
[data-r="property-card"][hidden] { display: none; }
[data-r="property-card"] > [data-part="head"] { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
[data-r="property-card"] [data-part="name"] { flex: 1; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="property-card"] [data-part="form"] { flex: none; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="property-card"] > [data-part="values"] { display: flex; flex-wrap: wrap; gap: 4px; }
[data-r="property-card"] > [data-part="values"] > [data-part="more"] { align-self: center; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="property-card"] > [data-part="foot"] { display: flex; justify-content: space-between; gap: 8px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="property-card"] > [data-part="note"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
:is([data-r="token"], [data-r="property"] > [data-r="button"], [data-r="property"] > [data-r="select"], [data-r="menu-item"]) > [data-part="steps"] { display: inline-flex; flex: none; gap: 1px; margin-right: 2px; }
:is([data-r="token"], [data-r="property"] > [data-r="button"], [data-r="property"] > [data-r="select"], [data-r="menu-item"]) > [data-part="steps"] > i { width: 3px; height: 8px; border-radius: 1px; background: var(--line-4); }
:is([data-r="token"], [data-r="property"] > [data-r="button"], [data-r="property"] > [data-r="select"], [data-r="menu-item"]) > [data-part="steps"] > i[data-on] { background: var(--c, var(--ink-2)); }
[data-r="allostatic"],
[data-r="regulators"] { display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 320px; min-width: 0; padding: 14px 16px 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); }
:is([data-r="allostatic"], [data-r="regulators"]) > [data-part="head"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 8px; }
:is([data-r="allostatic"], [data-r="regulators"]) > [data-part="head"] > [data-part="title"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
:is([data-r="allostatic"], [data-r="regulators"]) > [data-part="head"] > [data-part="trend"] { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="allostatic"] > [data-part="head"] > [data-part="trend"][data-dir="improving"] > svg[data-icon],
[data-r="regulators"] > [data-part="head"] > [data-part="trend"][data-dir="improving"] > svg[data-icon] { color: var(--status-good); }
[data-r="allostatic"] > [data-part="head"] > [data-part="trend"][data-dir="declining"] > svg[data-icon],
[data-r="regulators"] > [data-part="head"] > [data-part="trend"][data-dir="declining"] > svg[data-icon] { color: var(--status-critical); }
[data-r="allostatic"] > [data-part="figure"] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 4px; margin-top: -10px; }
[data-r="allostatic"] [data-part="value"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="allostatic"] [data-part="of"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); white-space: nowrap; }
[data-r="allostatic"] [data-part="band"] { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); }
[data-r="allostatic"] > [data-part="meter"] { position: relative; display: grid; grid-template-columns: 40fr 30fr 30fr; gap: 2px; height: 6px; }
[data-r="allostatic"] > [data-part="meter"] > i { border-radius: 2px; opacity: .3; }
[data-r="allostatic"] > [data-part="meter"] > i[data-band="1"] { background-color: var(--al-1); }
[data-r="allostatic"] > [data-part="meter"] > i[data-band="2"] { background-color: var(--al-2); }
[data-r="allostatic"] > [data-part="meter"] > i[data-band="3"] { background-color: var(--al-3); }
[data-r="allostatic"][data-band="1"] > [data-part="meter"] > i[data-band="1"],
[data-r="allostatic"][data-band="2"] > [data-part="meter"] > i[data-band="2"],
[data-r="allostatic"][data-band="3"] > [data-part="meter"] > i[data-band="3"] { opacity: 1; }
[data-r="allostatic"] > [data-part="meter"] > [data-part="mark"] { position: absolute; top: -2px; left: calc(var(--at) * 1%); width: 10px; height: 10px; margin-left: -5px; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); }
[data-r="allostatic"] > [data-part="parts"] { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
[data-r="allostatic"] [data-part="part"] { display: grid; grid-template-columns: minmax(0, 104px) minmax(0, 1fr) 24px; grid-template-rows: auto auto; column-gap: 8px; align-items: center; padding: 3px 0; }
[data-r="allostatic"] [data-part="part"] > [data-part="name"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="allostatic"] [data-part="part"][data-lead] > [data-part="name"] { color: var(--ink); font-weight: var(--fw-500); }
[data-r="allostatic"] [data-part="part"] > [data-part="bar"] { height: 4px; border-radius: 2px; background: var(--line-2); overflow: hidden; }
[data-r="allostatic"] [data-part="part"] > [data-part="bar"] > i { display: block; width: calc(var(--v) * 1%); height: 100%; border-radius: 2px; }
[data-r="allostatic"] [data-part="part"] > [data-part="bar"] > i[data-band="1"] { background-color: var(--al-1); }
[data-r="allostatic"] [data-part="part"] > [data-part="bar"] > i[data-band="2"] { background-color: var(--al-2); }
[data-r="allostatic"] [data-part="part"] > [data-part="bar"] > i[data-band="3"] { background-color: var(--al-3); }
[data-r="allostatic"] [data-part="part"] > [data-part="num"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); text-align: right; font-variant-numeric: tabular-nums; }
[data-r="allostatic"] [data-part="part"] > [data-part="said"] { grid-column: 1 / -1; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="allostatic"] [data-part="part"]:not([data-lead]) > [data-part="said"] { display: none; }
:is([data-r="allostatic"], [data-r="regulators"]) > [data-part="lead"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
:is([data-r="allostatic"], [data-r="regulators"]) > [data-part="lead"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="allostatic"] > [data-part="days"] { display: flex; flex-direction: column; gap: 4px; margin: 0; }
[data-r="allostatic"] > [data-part="days"] > svg { width: 100%; height: 44px; overflow: visible; }
[data-r="allostatic"] > [data-part="days"] > svg > line { stroke-width: 1.5; stroke-linecap: round; vector-effect: non-scaling-stroke; }
[data-r="allostatic"] > [data-part="days"] > svg > line[data-part="rule"] { stroke: var(--chart-grid); stroke-width: 1; stroke-dasharray: 2 3; }
[data-r="allostatic"] > [data-part="days"] > figcaption { display: flex; justify-content: space-between; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="regulators"] > [data-part="reg"] { display: grid; grid-template-columns: minmax(0, 1fr) auto 28px; align-items: center; gap: 10px; min-height: var(--row-28); }
[data-r="regulators"] > [data-part="reg"] > [data-part="name"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="regulators"] > [data-part="reg"] > [data-part="pips"] { display: inline-flex; gap: 3px; }
[data-r="regulators"] > [data-part="reg"] > [data-part="pips"] > i { width: 14px; height: 6px; border-radius: 2px; background: var(--line-3); }
[data-r="regulators"] > [data-part="reg"][data-band="good"] [data-part="pips"] > i[data-on] { background-color: var(--status-good); }
[data-r="regulators"] > [data-part="reg"][data-band="warning"] [data-part="pips"] > i[data-on] { background-color: var(--status-warning); }
[data-r="regulators"] > [data-part="reg"][data-band="critical"] [data-part="pips"] > i[data-on] { background-color: var(--status-critical); }
[data-r="regulators"] > [data-part="reg"] > [data-part="num"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; }
}

/* ═══ 93-workout-builder.css ═══ */
@layer components {
[data-r="workout-builder"] { container: workout-builder / inline-size; position: relative; display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 14px 0 16px; }
[data-r="workout-builder"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-width: 0; flex-wrap: wrap; }
[data-r="workout-builder"] > [data-part="head"] > [data-part="name"] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 180px; }
[data-r="workout-builder"] [data-part="title"] { width: 100%; min-width: 0; height: var(--h-24); margin-left: -6px; padding: 0 6px; border: 0; border-radius: var(--r-value); background: transparent; font: inherit; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); outline: none; }
@media (hover: hover) {
  [data-r="workout-builder"] [data-part="title"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="workout-builder"] [data-part="title"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="workout-builder"] [data-part="title"]:focus-visible,
[data-r="workout-builder"] [data-part="title"]:focus { box-shadow: var(--ring-field); background: var(--raised); }
[data-r="workout-builder"] [data-part="signature"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="workout-builder"] > [data-part="head"] > [data-part="actions"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; max-width: 100%; }
[data-r="workout-builder"] > [data-part="canvas"] { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 20px 0 0 28px; border-radius: var(--r-value); outline: none; }
[data-r="workout-builder"] > [data-part="canvas"]:focus-visible { box-shadow: 0 0 0 var(--px) var(--accent), 0 0 6px 1px var(--ring-glow); }
[data-r="workout-builder"] [data-part="field"] { position: relative; height: 160px; contain: size layout style; }
[data-r="workout-builder"] [data-part="zones"] { position: absolute; inset: 0; pointer-events: none; }
[data-r="workout-builder"] [data-part="zones"] > span { position: absolute; left: 0; right: 0; box-shadow: inset 0 var(--px) 0 var(--chart-grid); }
[data-r="workout-builder"] [data-part="zones"] > span > b { position: absolute; left: -28px; top: 50%; transform: translateY(-50%); width: 22px; font-size: var(--fs-9); line-height: var(--lh-9); font-weight: var(--fw-500); color: var(--ink-3); text-align: right; font-variant-numeric: tabular-nums; }
[data-r="workout-builder"] [data-part="zones"] > [data-part="cp"] { height: 1px; box-shadow: none; background: repeating-linear-gradient(90deg, var(--chart-reference) 0 3px, transparent 3px 6px); }
[data-r="workout-builder"] [data-part="zones"] > [data-part="cp"] > b { left: auto; right: 0; top: -12px; transform: none; width: auto; color: var(--ink-3); }
[data-r="workout-builder"] [data-part="blocks"] { position: absolute; inset: 0; }
[data-r="workout-builder"] [data-part="block"] { --z-lit: var(--scale-2-lit); --z-deep: var(--scale-2-deep); --z-edge: var(--scale-2-edge); position: absolute; bottom: 0; min-width: 2px; border-right: var(--px) solid var(--paper); background: var(--scale-2) linear-gradient(var(--z-lit), var(--z-deep)); box-shadow: inset 0 1px 0 var(--rim); cursor: grab; transition: box-shadow var(--state-out) var(--ease-quad); }
[data-r="workout-builder"] [data-part="block"] { border-radius: 3px 3px 0 0; }
[data-r="workout-builder"] [data-part="block"][data-zone="1"] { --z-lit: var(--scale-1-lit); --z-deep: var(--scale-1-deep); --z-edge: var(--scale-1-edge); background-color: var(--scale-1); }
[data-r="workout-builder"] [data-part="block"][data-zone="2"] { --z-lit: var(--scale-2-lit); --z-deep: var(--scale-2-deep); --z-edge: var(--scale-2-edge); background-color: var(--scale-2); }
[data-r="workout-builder"] [data-part="block"][data-zone="3"] { --z-lit: var(--scale-3-lit); --z-deep: var(--scale-3-deep); --z-edge: var(--scale-3-edge); background-color: var(--scale-3); }
[data-r="workout-builder"] [data-part="block"][data-zone="4"] { --z-lit: var(--scale-4-lit); --z-deep: var(--scale-4-deep); --z-edge: var(--scale-4-edge); background-color: var(--scale-4); }
[data-r="workout-builder"] [data-part="block"][data-zone="5"] { --z-lit: var(--scale-5-lit); --z-deep: var(--scale-5-deep); --z-edge: var(--scale-5-edge); background-color: var(--scale-5); }
[data-r="workout-builder"] [data-part="block"][data-zone="6"] { --z-lit: var(--scale-6-lit); --z-deep: var(--scale-6-deep); --z-edge: var(--scale-6-edge); background-color: var(--scale-6); }
@media (hover: hover) {
  [data-r="workout-builder"] [data-part="block"]:hover { box-shadow: inset 0 1px 0 var(--rim), inset 0 0 0 1px var(--z-edge); transition-duration: 0s; }
}
[data-r="workout-builder"] [data-part="block"][data-force~="hover"] { box-shadow: inset 0 1px 0 var(--rim), inset 0 0 0 1px var(--z-edge); transition-duration: 0s; }
[data-r="workout-builder"] [data-part="block"][aria-selected="true"] { box-shadow: inset 0 1px 0 var(--rim), 0 0 0 var(--px) var(--accent); z-index: 1; }
[data-r="workout-builder"] [data-part="block"][data-iter]:not([data-iter="0"])[aria-selected="true"] { box-shadow: inset 0 1px 0 var(--rim), 0 0 0 var(--px) var(--accent-line); }
[data-r="workout-builder"] [data-part="block"] > [data-part="edge-top"] { position: absolute; left: 0; right: 0; top: -4px; height: 9px; cursor: ns-resize; }
[data-r="workout-builder"] [data-part="block"] > [data-part="edge-end"] { position: absolute; top: 0; bottom: 0; right: -4px; width: 8px; cursor: ew-resize; z-index: 1; }
[data-r="workout-builder"] [data-part="block"][data-ramp] > [data-part="edge-top"] { top: 0; height: 12px; }
[data-r="workout-builder"][data-dragging="move"] [data-part="block"] { cursor: grabbing; }
[data-r="workout-builder"][data-dragging] [data-part="block"] { transition: none; }
[data-r="workout-builder"] [data-part="sets"] { position: absolute; left: 0; right: 0; top: -18px; height: 0; }
[data-r="workout-builder"] [data-part="set"] { position: absolute; top: calc(var(--depth, 0) * 8px); height: 6px; border: var(--px) solid var(--line-5); border-bottom: 0; border-radius: 3px 3px 0 0; }
[data-r="workout-builder"] [data-part="set"] > [data-part="label"] { position: absolute; left: 50%; top: -8px; transform: translateX(-50%); padding: 0 4px; background: var(--paper); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="workout-builder"] [data-part="set"][aria-selected="true"] { border-color: var(--accent); }
[data-r="workout-builder"] [data-part="set"][aria-selected="true"] > [data-part="label"] { color: var(--accent-ink); }
[data-r="workout-builder"] [data-part="reserve"] { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
[data-r="workout-builder"] [data-part="reserve"] > path { fill: none; stroke: var(--ink-2); stroke-width: 1.25; stroke-dasharray: 3 2; }
[data-r="workout-builder"] [data-part="ceiling"] { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
[data-r="workout-builder"] [data-part="ceiling"] > path { fill: none; stroke: var(--chart-reference); stroke-width: 1; stroke-dasharray: 1px 2px; stroke-linecap: round; }
[data-r="workout-builder"] > [data-part="canvas"] [data-part="readout"] { position: absolute; z-index: 2; transform: translateX(-50%); padding: 3px 7px; border-radius: var(--r-press); background: var(--ink); color: var(--raised); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); white-space: nowrap; pointer-events: none; font-variant-numeric: tabular-nums; }
[data-r="workout-builder"] [data-part="time"] { position: relative; height: 16px; box-shadow: inset 0 var(--px) 0 var(--chart-axis); }
[data-r="workout-builder"] [data-part="time"] > span { position: absolute; top: 3px; transform: translateX(-50%); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="workout-builder"] [data-part="time"] > span:first-child { transform: none; }
[data-r="workout-builder"] > [data-part="figures"] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 24px; padding: 10px 0; box-shadow: inset 0 var(--px) 0 var(--line-2), inset 0 calc(var(--px) * -1) 0 var(--line-2); }
[data-r="workout-builder"] [data-part="fig"] { display: flex; flex-direction: column; gap: 2px; }
[data-r="workout-builder"] [data-part="fig"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="workout-builder"] [data-part="fig"] > b { display: inline-flex; align-items: center; gap: 4px; }
[data-r="workout-builder"] [data-part="fig"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="workout-builder"] [data-part="fig"] [data-part="empty-mark"] { color: var(--danger-ink); }
[data-r="workout-builder"] [data-part="zones-bar"] { display: flex; gap: 1px; flex: 1; min-width: 120px; height: 6px; margin-bottom: 4px; border-radius: 2px; overflow: hidden; }
[data-r="workout-builder"] [data-part="zones-bar"] > i[data-zone="1"] { background-color: var(--scale-1); }
[data-r="workout-builder"] [data-part="zones-bar"] > i[data-zone="2"] { background-color: var(--scale-2); }
[data-r="workout-builder"] [data-part="zones-bar"] > i[data-zone="3"] { background-color: var(--scale-3); }
[data-r="workout-builder"] [data-part="zones-bar"] > i[data-zone="4"] { background-color: var(--scale-4); }
[data-r="workout-builder"] [data-part="zones-bar"] > i[data-zone="5"] { background-color: var(--scale-5); }
[data-r="workout-builder"] [data-part="zones-bar"] > i[data-zone="6"] { background-color: var(--scale-6); }
[data-r="workout-builder"] > [data-part="rows"] { display: flex; flex-direction: column; gap: 1px; outline: none; }
[data-r="workout-builder"] [data-part="rows"] > :is([data-part="row"], [data-part="set-row"]) { display: grid; align-items: center; gap: 6px; min-height: var(--row-32); padding: 0 4px 0 calc(4px + var(--depth, 0) * 20px); border-radius: var(--r-row); transition: background-color var(--state-out) var(--ease-quad); }
[data-r="workout-builder"] [data-part="rows"] > [data-part="row"] { grid-template-columns: 14px 10px minmax(0, 1fr) 76px 84px 96px 20px; }
[data-r="workout-builder"] [data-part="rows"] > [data-part="set-row"] { grid-template-columns: 14px auto minmax(0, 1fr) 20px; }
@media (hover: hover) {
  [data-r="workout-builder"] [data-part="rows"] > :is([data-part="row"], [data-part="set-row"]):hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="workout-builder"] [data-part="rows"] > :is([data-part="row"], [data-part="set-row"])[data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="workout-builder"] [data-part="rows"] > :is([data-part="row"], [data-part="set-row"])[aria-selected="true"] { background: var(--plane-selected); }
[data-r="workout-builder"] [data-part="rows"] [data-part="grip"] { display: flex; color: var(--ink-4); cursor: grab; }
[data-r="workout-builder"] [data-part="rows"] [data-part="grip"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="workout-builder"] [data-part="rows"] [data-part="zone"] { width: 8px; height: 8px; border-radius: var(--r-round); background: var(--scale-2); }
[data-r="workout-builder"] [data-part="rows"] [data-part="zone"][data-zone="1"] { background: var(--scale-1); }
[data-r="workout-builder"] [data-part="rows"] [data-part="zone"][data-zone="3"] { background: var(--scale-3); }
[data-r="workout-builder"] [data-part="rows"] [data-part="zone"][data-zone="4"] { background: var(--scale-4); }
[data-r="workout-builder"] [data-part="rows"] [data-part="zone"][data-zone="5"] { background: var(--scale-5); }
[data-r="workout-builder"] [data-part="rows"] [data-part="zone"][data-zone="6"] { background: var(--scale-6); }
[data-r="workout-builder"] [data-part="rows"] input { min-width: 0; height: var(--h-24); padding: 0 6px; border: 0; border-radius: var(--r-value); background: transparent; font: inherit; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); font-variant-numeric: tabular-nums; outline: none; cursor: text; }
[data-r="workout-builder"] [data-part="rows"] input::placeholder { color: var(--ink-3); }
@media (hover: hover) {
  [data-r="workout-builder"] [data-part="rows"] input:hover { background: var(--plane-selected); transition-duration: 0s; }
}
[data-r="workout-builder"] [data-part="rows"] input[data-force~="hover"] { background: var(--plane-selected); transition-duration: 0s; }
[data-r="workout-builder"] [data-part="rows"] input:focus { background: var(--raised); box-shadow: var(--ring-field); }
[data-r="workout-builder"] [data-part="rows"] input[aria-invalid="true"] { box-shadow: var(--ring-field-danger); }
[data-r="workout-builder"] [data-part="rows"] input:is([data-part="dur"], [data-part="pct"]) { text-align: right; }
[data-r="workout-builder"] [data-part="rows"] [data-part="watts"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="workout-builder"] [data-part="rows"] [data-part="count"] { display: inline-flex; align-items: center; gap: 2px; }
[data-r="workout-builder"] [data-part="rows"] [data-part="count"] > input { width: 40px; text-align: center; font-weight: var(--fw-550); }
[data-r="workout-builder"] [data-part="rows"] [data-part="sum"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="workout-builder"] [data-part="rows"] > [data-part="empty"] { margin: 0; padding: 12px 4px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="workout-builder"] > [data-part="text-view"] { display: none; }
[data-r="workout-builder"][data-view="text"] > :is([data-part="canvas"], [data-part="figures"], [data-part="rows"]) { display: none; }
[data-r="workout-builder"][data-view="text"] > [data-part="text-view"] { display: block; }
[data-r="workout-builder"] > [data-part="text-view"] > [data-r="workout-text"] { padding: 0; box-shadow: none; }
[data-r="workout-builder"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
[data-r="workout-builder"] > [data-r="menu"] { width: max-content; min-width: 220px; }
[data-r="workout-builder"][data-variant="bare"] { --plane: inherit; --plane-hover: inherit; --plane-selected: inherit; --plane-selected-hover: inherit; --ring: inherit; --ring-hover: inherit; --pill-rest: inherit; gap: 10px; padding: 0; background: transparent; box-shadow: none; border-radius: 0; }
[data-r="workout-builder"][data-variant="bare"] [data-part="block"] { border-right-color: var(--plane); }
[data-r="side-panel"] [data-part="section-head"] > [data-part="acts"] { display: flex; align-items: center; gap: 4px; margin-left: auto; }
@container (max-width: 620px) {
  [data-r="workout-builder"] [data-part="rows"] > [data-part="row"] { grid-template-columns: 14px 10px minmax(0, 1fr) 64px 72px 20px; }
  [data-r="workout-builder"] [data-part="rows"] [data-part="watts"] { display: none; }
}
@container workout-builder (max-width: 479px) {
  [data-r="workout-builder"] > [data-part="head"] > [data-part="actions"] { flex: 1 0 100%; min-width: 0; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; }
  [data-r="workout-builder"] > [data-part="head"] > [data-part="actions"]::-webkit-scrollbar { display: none; }
  [data-r="workout-builder"] > [data-part="head"] > [data-part="actions"] > [data-r="button"] { flex: none; }
  [data-r="workout-builder"] [data-part="rows"] > [data-part="row"] { grid-template-columns: 10px minmax(0, 1fr) 56px 64px 20px; }
  [data-r="workout-builder"] [data-part="rows"] > [data-part="set-row"] { grid-template-columns: auto minmax(0, 1fr) 20px; }
  [data-r="workout-builder"] [data-part="rows"] [data-part="grip"] { display: none; }
}
@media (pointer: coarse) {
  [data-r="workout-builder"] [data-part="block"] > [data-part="edge-top"]::before { content: ""; position: absolute; left: 0; right: 0; top: -18px; bottom: -18px; }
  [data-r="workout-builder"] [data-part="block"] > [data-part="edge-end"]::before { content: ""; position: absolute; top: 0; bottom: 0; left: -18px; right: -18px; }
}
[data-r="workout-builder"][data-tool]:not([data-tool="select"]) [data-part="field"] { cursor: crosshair; }
[data-r="workout-builder"][data-tool]:not([data-tool="select"]) [data-part="block"] { cursor: crosshair; }
[data-r="workout-builder"] [data-part="ink"] { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 3; }
[data-r="workout-builder"] [data-part="ink"] path { fill: none; stroke: var(--ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
[data-r="workout-builder"] [data-part="ink"][data-tool="erase"] path,
[data-r="workout-builder"] [data-part="ink"][data-tool="pattern"] path { stroke: var(--ink-3); stroke-width: 6; stroke-opacity: .5; }
[data-r="workout-builder"][data-tool]:not([data-tool="select"]) > [data-part="canvas"] [data-part="field"] { touch-action: none; }
[data-r="workout-builder"][data-tool="reserve"] [data-r="reserve-line"]:not([data-kind]) > [data-part="plot"] > [data-part="field"],
[data-r="workout-builder"][data-tool="fuel"] [data-r="reserve-line"][data-kind="glycogen"] > [data-part="plot"] > [data-part="field"] { touch-action: none; cursor: crosshair; }
@media (pointer: coarse) {
  [data-r="workout-builder"][data-tool="reserve"] [data-r="reserve-line"]:not([data-kind]) > [data-part="plot"] > [data-part="field"],
  [data-r="workout-builder"][data-tool="fuel"] [data-r="reserve-line"][data-kind="glycogen"] > [data-part="plot"] > [data-part="field"] { height: 112px; }
  [data-r="workout-builder"][data-tool="reserve"] [data-r="reserve-line"]:not([data-kind]) > [data-part="plot"] > [data-part="y"][data-at="zero"],
  [data-r="workout-builder"][data-tool="fuel"] [data-r="reserve-line"][data-kind="glycogen"] > [data-part="plot"] > [data-part="y"][data-at="zero"] { top: 112px; }
}
[data-r="workout-builder"] [data-part="field"] > svg:is([data-part="ghost"], [data-part="hand"], [data-part="ride"], [data-part="trace"], [data-part="writing"], [data-part="pen-hover"], [data-part="compare"]) { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 2; }
[data-r="workout-builder"] [data-part="field"] > svg:is([data-part="ghost"], [data-part="writing"], [data-part="pen-hover"]) { z-index: 3; }
[data-r="workout-builder"] [data-part="field"] > svg[data-part="compare"] { z-index: 3; }
[data-r="workout-builder"] [data-part="field"] > svg[data-part="compare"] path { fill: none; stroke: var(--ink); stroke-width: 1.5; stroke-dasharray: 4 3; stroke-linejoin: round; }
[data-r="workout-builder"] [data-part="field"] > svg[data-part="ghost"] path { fill: none; stroke: var(--ink-2); stroke-width: 1.5; stroke-dasharray: 4 3; stroke-linejoin: round; }
[data-r="workout-builder"] [data-part="field"] > svg[data-part="hand"] { --hand-size: 2px; }
[data-r="workout-builder"] [data-part="field"] > svg[data-part="hand"] path { fill: none; stroke: var(--ink-3); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
[data-r="workout-builder"] [data-part="field"] > svg[data-part="hand"] path[data-shape="outline"] { fill: var(--ink-3); stroke: none; }
[data-r="workout-builder"] [data-part="field"] > canvas[data-part="wet"] { --ink-size: 3px; position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 3; color: var(--ink); opacity: 1; }
[data-r="workout-builder"] [data-part="field"] > canvas[data-part="wet"][data-settling="out"] { opacity: 0; transition: opacity var(--opacity-out) linear; }
[data-r="workout-builder"][data-drawing] [data-part="zones"] > span[data-pen] > b { color: var(--ink); }
[data-r="workout-builder"][data-drawing] [data-part="field"] > [data-part="readout"] { z-index: 3; pointer-events: none; }
[data-r="workout-builder"][data-drawing] [data-part="field"] > [data-part="cursor"] > [data-part="readout"] { visibility: hidden; }
[data-r="workout-builder"] [data-part="field"] > svg[data-part="ride"] path { fill: none; stroke: var(--ink-2); stroke-width: 1.25; stroke-linejoin: round; }
[data-r="workout-builder"] [data-part="field"] > svg[data-part="trace"] path { fill: none; stroke: var(--ink-3); stroke-width: 1.25; stroke-dasharray: 3 3; }
[data-r="workout-builder"] [data-part="field"] > svg[data-part="writing"] path { fill: none; stroke: var(--accent); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
[data-r="workout-builder"] [data-part="field"] > svg[data-part="pen-hover"] line { stroke: var(--ink-3); stroke-width: 1; stroke-dasharray: 2 3; }
[data-r="workout-builder"] [data-part="field"] > svg[data-part="pen-hover"] circle { fill: var(--ink); }
[data-r="workout-builder"] [data-part="field"] > [data-part="ring-band"] { position: absolute; top: 0; bottom: 0; z-index: 3; pointer-events: none; box-shadow: inset var(--px) 0 0 var(--accent), inset calc(var(--px) * -1) 0 0 var(--accent); }
[data-r="reserve-line"] > [data-part="plot"] > [data-part="field"] > svg:is([data-part="reserve-ink"], [data-part="fuel-ink"]) { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 2; }
[data-r="reserve-line"] > [data-part="plot"] > [data-part="field"] > svg > [data-part="drawn"] { fill: none; stroke: var(--ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
[data-r="reserve-line"] > [data-part="plot"] > [data-part="field"] > svg > [data-part="got"] { fill: none; stroke: var(--ink-2); stroke-width: 1.25; stroke-dasharray: 3 2; }
[data-r="reserve-line"] > [data-part="plot"] > [data-part="field"] > svg[data-part="fuel-ink"] > [data-part="dose"] { fill: var(--ink); }
@media (pointer: coarse) {
  [data-r="workout-builder"] > [data-draw-for] [data-r="button"] { --h: var(--h-44); }
}
[data-r="page"][data-focus] [data-r="workout-builder"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto minmax(0, 3fr) minmax(0, 1fr) minmax(0, 1fr); align-content: stretch; gap: 12px 32px; height: 100%; padding: 16px 24px 80px; border-radius: 0; background: transparent; box-shadow: none; }
[data-r="page"][data-focus="present"] [data-r="workout-builder"] { padding-bottom: 24px; }
[data-r="page"][data-focus="present"] [data-r="workout-builder"] [data-part="block"][aria-selected="true"] { box-shadow: inset 0 1px 0 var(--rim); }
[data-r="page"][data-focus="present"] [data-r="workout-builder"] > [data-part="canvas"]:focus-visible { box-shadow: none; }
[data-r="page"][data-focus="present"] [data-r="workout-builder"] [data-part="set"][aria-selected="true"] { border-color: var(--line-5); }
[data-r="page"][data-focus="present"] [data-r="workout-builder"] [data-part="set"][aria-selected="true"] > [data-part="label"] { color: var(--ink-2); }
[data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="head"] { grid-area: 1 / 1; align-self: center; }
[data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="head"] > :is([data-part="views"], [data-part="actions"]) { display: none; }
[data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="figures"] { grid-area: 1 / 2; flex-wrap: nowrap; padding: 0; box-shadow: none; }
[data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="figures"] > [data-part="zones-bar"] { flex: none; width: 120px; }
[data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="canvas"] { display: flex; grid-column: 1 / -1; grid-row: 2; min-height: 0; }
[data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="canvas"] > [data-part="field"] { flex: 1 1 auto; height: auto; min-height: 96px; }
[data-r="page"][data-focus] [data-r="workout-builder"] > [data-r="reserve-line"] { grid-column: 1 / -1; min-height: 0; }
[data-r="page"][data-focus] [data-r="workout-builder"] > [data-r="reserve-line"]:not([data-kind]) { grid-row: 3; }
[data-r="page"][data-focus] [data-r="workout-builder"] > [data-r="reserve-line"][data-kind="glycogen"] { grid-row: 4; }
[data-r="page"][data-focus] [data-r="workout-builder"] > :is([data-r="tabs"], [data-part="rows"], [data-part="text-view"]) { display: none; }
[data-r="page"][data-focus] [data-r="workout-builder"][data-view="text"] > :is([data-part="canvas"], [data-part="figures"]) { display: flex; }
[data-r="workout-builder"] > [data-part="canvas"] > [data-part="field"] > [data-part="cursor"] { position: absolute; z-index: 2; top: -4px; bottom: 0; left: var(--x, 0%); width: 1px; transform: translateX(-50%); background: var(--ink-2); pointer-events: none; }
[data-r="workout-builder"] > [data-part="canvas"] > [data-part="field"] > [data-part="cursor"][hidden] { display: none; }
[data-r="workout-builder"] > [data-part="canvas"] > [data-part="field"] > [data-part="cursor"] > [data-part="readout"] { top: -24px; left: 0; }
[data-r="workout-builder"][data-playing] [data-part="field"] > :is([data-part="blocks"], [data-part="ceiling"]),
[data-r="workout-builder"][data-playing] > [data-r="reserve-line"] > [data-part="plot"] > [data-part="field"] > svg[data-part="line"] { mask-image: linear-gradient(90deg, var(--ink) var(--played, 0%), rgb(var(--ring-rgb) / .3) var(--played, 0%)); }
[data-r="workout-builder"][data-zoomed] > [data-part="canvas"] > [data-part="field"] > :is([data-part="blocks"], svg) { overflow: clip; }
[data-r="workout-builder"][data-zoomed] [data-part="field"] > [data-part="sets"] { clip-path: inset(-40px 0 -8px 0); }
[data-r="workout-builder"][data-zoomed] [data-part="time"] { overflow: clip; }
[data-r="workout-builder"] > [data-part="canvas"] > [data-part="minimap"] { position: relative; flex: none; height: 24px; margin-top: 4px; }
[data-r="workout-builder"] > [data-part="canvas"] > [data-part="minimap"][hidden] { display: none; }
[data-r="workout-builder"] > [data-part="canvas"] > [data-part="minimap"] > [data-r="strip"] { width: 100%; height: 100%; }
[data-r="workout-builder"] > [data-part="canvas"] > [data-part="minimap"] > [data-part="window"] { position: absolute; top: -2px; bottom: -2px; left: var(--from, 0%); width: var(--span, 100%); border-radius: var(--r-value); background: rgb(var(--ring-rgb) / .06); box-shadow: 0 0 0 var(--px) var(--ink-2); cursor: grab; touch-action: none; }
[data-r="workout-builder"] > [data-part="canvas"] > [data-part="minimap"] > [data-part="window"]:active { cursor: grabbing; }
[data-r="page"][data-focus] [data-r="workout-builder"]:has(> div > [data-r="field-hint"]) { grid-template-rows: auto auto minmax(0, 3fr) minmax(0, 1fr) minmax(0, 1fr); }
[data-r="page"][data-focus] [data-r="workout-builder"]:has(> div > [data-r="field-hint"]) > div:has(> [data-r="field-hint"]) { grid-column: 1 / -1; grid-row: 2; }
[data-r="page"][data-focus] [data-r="workout-builder"] > div:has(> [data-r="field-hint"]) > [data-r="tabs"] { display: none; }
[data-r="page"][data-focus] [data-r="workout-builder"]:has(> div > [data-r="field-hint"]) > [data-part="canvas"] { grid-row: 3; }
[data-r="page"][data-focus] [data-r="workout-builder"]:has(> div > [data-r="field-hint"]) > [data-r="reserve-line"]:not([data-kind]) { grid-row: 4; }
[data-r="page"][data-focus] [data-r="workout-builder"]:has(> div > [data-r="field-hint"]) > [data-r="reserve-line"][data-kind="glycogen"] { grid-row: 5; }
[data-r="page"][data-focus] [data-r="workout-builder"]:has(> div > [data-r="field-hint"]) > [data-part="rows"]:has(> [data-part="empty"]) { grid-row: 3; }
[data-r="page"][data-hand="atelier"]:not([data-focus], [data-narrow]) [data-r="workout-builder"] > [data-part="canvas"] { flex: 1 1 auto; }
[data-r="page"][data-hand="atelier"]:not([data-focus], [data-narrow]) [data-r="workout-builder"] > [data-part="canvas"] > [data-part="field"] { flex: 1 1 auto; height: auto; min-height: 160px; }
[data-r="page"][data-hand="atelier"]:not([data-focus], [data-narrow]) [data-r="workout-builder"] > [data-part="rows"] { display: none; }
[data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="rows"]:has(> [data-part="empty"]) { display: block; grid-column: 1 / -1; grid-row: 2; place-self: center; pointer-events: none; }
@container page (height < 500px) {
  [data-r="page"][data-focus] [data-r="workout-builder"] { grid-template-rows: auto minmax(96px, 1fr) auto auto; gap: 6px 24px; padding: 8px 16px 64px; }
  [data-r="page"][data-focus] [data-r="workout-builder"]:has(> div > [data-r="field-hint"]) { grid-template-rows: auto auto minmax(80px, 1fr) auto auto; }
  [data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="figures"] { gap: 4px 16px; }
  [data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="figures"] > [data-part="zones-bar"] { display: none; }
  [data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="head"] [data-part="signature"] { display: none; }
  [data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="canvas"] { padding-top: 16px; }
  [data-r="page"][data-focus] [data-r="workout-builder"] > [data-r="reserve-line"] { gap: 2px; }
  [data-r="page"][data-focus] [data-r="workout-builder"] > [data-r="reserve-line"] > [data-part="plot"] > [data-part="field"] { flex: none; height: 28px; min-height: 28px; }
  [data-r="page"][data-focus] [data-r="workout-builder"] > [data-r="reserve-line"] > [data-part="plot"] > [data-part="y"][data-at="full"] { display: none; }
}
@container page (height < 440px) {
  [data-r="page"][data-focus] [data-r="workout-builder"] > [data-r="reserve-line"] > [data-part="row"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@container page (width < 720px) {
  [data-r="page"][data-focus] [data-r="workout-builder"] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 3fr) minmax(0, 1fr) minmax(0, 1fr); gap: 6px; padding: 8px 12px 64px; }
  [data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="figures"] { grid-area: 2 / 1; gap: 4px 16px; overflow-x: auto; scrollbar-width: none; }
  [data-r="page"][data-focus] [data-r="workout-builder"] > [data-part="canvas"] { grid-row: 3; }
  [data-r="page"][data-focus] [data-r="workout-builder"] > [data-r="reserve-line"]:not([data-kind]) { grid-row: 4; }
  [data-r="page"][data-focus] [data-r="workout-builder"] > [data-r="reserve-line"][data-kind="glycogen"] { grid-row: 5; }
}
}

/* ═══ 94-cards.css ═══ */
@layer components {
[data-r="page"][data-template="cards"] { --side-w: var(--panel-side); }
[data-r="page"][data-template="cards"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { padding: 16px 24px 40px; min-width: 0; }
[data-r="page"][data-template="cards"] > [data-part="side"] > [data-r="side-panel"] { margin: 0; }
[data-r="page"][data-template="cards"] [data-part="views"] { flex: 0 1 auto; flex-wrap: nowrap; min-width: 0; overflow-x: auto; scrollbar-width: none; }
[data-r="page"][data-template="cards"] [data-part="views"] > [role="tab"] { flex: none; }
[data-r="page"][data-template="cards"] [data-part="views"] > [data-part="divider"] { flex: none; align-self: center; width: 1px; height: 16px; margin: 0 4px; background: var(--line-3); }
[data-r="page"][data-template="cards"] [data-part="views"] > [role="tab"] [data-part="label"][contenteditable="plaintext-only"] { outline: none; cursor: text; }
[data-r="page"][data-template="cards"] [data-part="views"] > [role="tab"] > svg[data-icon] { color: var(--thing, var(--ink-3)); }
[data-r="page"][data-template="cards"] > [data-part="bottom"] { display: flex; align-items: center; gap: 16px; height: var(--row-44); padding: 0 16px; box-shadow: inset 0 var(--px) 0 var(--line-2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="page"][data-template="cards"] > [data-part="bottom"] > [data-part="week"] { flex: none; min-width: 176px; font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; }
[data-r="page"][data-template="cards"] > [data-part="bottom"] > [data-r="slider"] { flex: 1 1 auto; min-width: 120px; }
[data-r="page"][data-template="cards"] > [data-part="bottom"] > [data-part="limiter"] { flex: none; white-space: nowrap; }
[data-r="page"][data-template="cards"] > [data-part="bottom"] > [data-part="today"][hidden] { display: none; }
@container page (max-width: 719px) {
  [data-r="page"][data-template="cards"] > [data-part="bottom"] > [data-part="limiter"] { display: none; }
  [data-r="page"][data-template="cards"] > [data-part="bottom"] > [data-part="week"] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  [data-r="page"][data-template="cards"] > [data-part="bottom"] { gap: 12px; }
  [data-r="page"][data-template="cards"] > [data-part="bottom"] > [data-r="slider"] { flex: 1 1 56px; min-width: 56px; }
  [data-r="page"][data-template="cards"] > [data-part="bottom"] > [data-part="today"] { flex: none; }
  [data-r="page"][data-template="cards"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { padding: 12px 16px 32px; }
}
[data-r="card-wall"] { --row: 40px; --gap: 12px; --pad-y: 12px; --pad-x: 14px; container: wall / inline-size; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
[data-r="card-wall"][data-spacing="compact"] { --row: 32px; --gap: 8px; --pad-y: 10px; --pad-x: 12px; }
[data-r="card-wall"] > [data-part="grid"] { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: var(--row); gap: var(--gap); min-width: 0; min-height: calc(var(--rows, 4) * (var(--row) + var(--gap)) - var(--gap)); }
[data-r="card-wall"][data-editing] > [data-part="grid"] { min-height: calc((var(--rows, 4) + 2) * (var(--row) + var(--gap)) - var(--gap)); background-image: linear-gradient(to right, color-mix(in oklab, var(--ink) 3%, transparent) calc(100% - var(--gap)), transparent calc(100% - var(--gap))); background-size: calc((100% + var(--gap)) / 12) 100%; }
[data-r="card-wall"] > [data-part="grid"] > :is([data-r="wall-card"], [data-part="ghost"]) { grid-column: calc(var(--x) + 1) / span var(--w); grid-row: calc(var(--y) + 1) / span var(--h); }
[data-r="card-wall"] > [data-part="grid"] > [data-part="ghost"] { border-radius: var(--r-contain); background: var(--a5); box-shadow: inset 0 0 0 var(--px) var(--line-4); outline: 1px dashed var(--line-5); outline-offset: -1px; pointer-events: none; }
@container wall (max-width: 599px) {
  [data-r="card-wall"] > [data-part="grid"] { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row dense; }
  [data-r="card-wall"] > [data-part="grid"] > [data-r="wall-card"] { grid-column: auto / span var(--wn, 1); grid-row: auto / span var(--h); }
  [data-r="card-wall"] > [data-part="grid"] > [data-part="ghost"] { display: none; }
}
[data-r="card-wall"][data-variant="shelf"] > [data-part="columns"] { columns: var(--col-min, 240px); column-gap: var(--gap); min-width: 0; }
[data-r="card-wall"][data-variant="shelf"] > [data-part="columns"]:has(> [data-part="column"]) { display: grid; grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)); align-items: start; gap: var(--gap); columns: auto; }
[data-r="card-wall"][data-variant="shelf"] > [data-part="columns"] > [data-part="column"] { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; }
[data-r="card-wall"][data-variant="shelf"] [data-part="item"] { position: relative; min-width: 0; break-inside: avoid; }
[data-r="card-wall"][data-variant="shelf"] > [data-part="columns"] > [data-part="item"] { margin-bottom: var(--gap); }
[data-r="card-wall"][data-variant="shelf"] [data-part="item"] > :first-child { width: 100%; }
[data-r="card-wall"][data-variant="shelf"] [data-part="item"] > [data-part="actions"] { position: absolute; right: 6px; bottom: 6px; display: flex; gap: 2px; padding: 2px; border-radius: var(--r-press); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); opacity: 0; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-r="card-wall"][data-variant="shelf"] [data-part="item"]:hover > [data-part="actions"] { opacity: 1; transition-duration: 0s; }
}
[data-r="card-wall"][data-variant="shelf"] [data-part="item"][data-force~="hover"] > [data-part="actions"] { opacity: 1; transition-duration: 0s; }
[data-r="card-wall"][data-variant="shelf"] [data-part="item"]:focus-within > [data-part="actions"] { opacity: 1; transition-duration: 0s; }
@media (hover: none) {
  [data-r="card-wall"][data-variant="shelf"] [data-part="item"] > [data-part="actions"] { opacity: 1; }
}
[data-r="card-wall"][data-variant="shelf"] > [data-part="note"] > [data-r="button"] { flex: none; }
[data-r="card-wall"] > [data-part="note"] { display: flex; align-items: center; gap: 8px; min-height: var(--row-32); padding: 0 4px 0 12px; border-radius: var(--r-row); box-shadow: 0 0 0 var(--px) var(--line-2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="card-wall"] > [data-part="note"][hidden] { display: none; }
[data-r="card-wall"] > [data-part="note"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="card-wall"] > [data-part="note"] > [data-part="text"] { flex: 1 1 auto; min-width: 0; }
[data-r="card-wall"] > [data-part="note"] > [data-part="text"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="card-wall"] > [data-part="says"] { display: flex; align-items: flex-start; gap: 8px; margin: 0; max-width: var(--col-prose); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="card-wall"] > [data-part="says"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="card-wall"] > [data-part="says"] b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="card-wall"] > [data-part="coverage"] { min-width: 0; max-width: var(--col-prose); }
[data-r="card-wall"] > [data-part="coverage"][hidden] { display: none; }
[data-r="card-wall"] > [data-part="grid"] > [data-r="skeleton"] { grid-column: calc(var(--x) + 1) / span var(--w); grid-row: calc(var(--y) + 1) / span var(--h); width: auto; height: auto; border-radius: var(--r-contain); }
@container wall (max-width: 599px) {
  [data-r="card-wall"] > [data-part="grid"] > [data-r="skeleton"] { grid-column: auto / span var(--wn, 1); grid-row: auto / span var(--h); }
}
[data-r="card-wall"] > [data-part="empty"] { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 64px 24px; text-align: center; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="card-wall"] > [data-part="empty"][hidden] { display: none; }
[data-r="card-wall"]:not([data-editing]):has(> [data-part="empty"]:not([hidden])) > [data-part="grid"] { display: none; }
[data-r="card-wall"] > [data-part="empty"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="card-wall"] > [data-part="empty"] > [data-part="actions"] { display: flex; gap: 8px; margin-top: 8px; }
[data-r="wall-card"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); --reading: up-to-date; container: card / size; position: relative; display: flex; flex-direction: column; gap: 6px; min-width: 0; min-height: 0; padding: var(--pad-y, 12px) var(--pad-x, 14px); overflow: hidden; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); font-variant-numeric: tabular-nums; outline: none; cursor: default; content-visibility: auto; contain-intrinsic-size: auto 196px; }
@media (hover: hover) {
  [data-r="wall-card"]:hover { box-shadow: 0 0 0 var(--px) var(--line-5); transition-duration: 0s; }
}
[data-r="wall-card"][data-force~="hover"] { box-shadow: 0 0 0 var(--px) var(--line-5); transition-duration: 0s; }
[data-r="wall-card"]:focus-visible { outline: none; box-shadow: 0 0 0 var(--px) var(--line-5); transition-duration: 0s; }
[data-r="wall-card"][data-force~="focus"] { outline: none; box-shadow: 0 0 0 var(--px) var(--line-5); transition-duration: 0s; }
[data-r="wall-card"][data-state="out-of-date"] { --reading: out-of-date; }
[data-r="wall-card"][data-state="waiting"] { --reading: waiting; }
@starting-style { [data-r="wall-card"] { opacity: 0; } }
[data-r="wall-card"] { transition: box-shadow var(--state-out), background-color var(--state-out), opacity var(--section) var(--ease-expo); }
[data-r="wall-card"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; flex: none; min-width: 0; height: var(--h-20); margin: -2px -6px 0 0; }
[data-r="wall-card"] > [data-part="head"] > svg[data-glyph] { flex: none; }
[data-r="wall-card"] > [data-part="head"] > [data-part="tiny"] { display: none; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink-2); }
@container card (max-width: 199px) {
  [data-r="wall-card"] > [data-part="head"] > [data-part="name"][data-has-tiny] { display: none; }
  [data-r="wall-card"] > [data-part="head"] > [data-part="tiny"] { display: block; }
}
[data-r="wall-card"] > [data-part="head"] > [data-part="name"] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="wall-card"] > [data-part="head"] > svg[data-part="pinned"] { display: none; flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--ink-3); }
[data-r="wall-card"][data-pin] > [data-part="head"] > svg[data-part="pinned"] { display: block; }
[data-r="wall-card"] > [data-part="head"] > [data-r="reading-state"] { flex: none; }
[data-r="wall-card"] > [data-part="head"] > [data-r="reading-state"][data-part="state-mark"] { display: none; }
@container card (max-width: 219px) {
  [data-r="wall-card"] > [data-part="head"] > [data-r="reading-state"][data-part="state"] { display: none; }
  [data-r="wall-card"] > [data-part="head"] > [data-r="reading-state"][data-part="state-mark"] { display: inline-flex; }
}
[data-r="wall-card"] > [data-part="head"] > [data-r="button"]:is([data-part="menu"], [data-part="close"]) { display: none; flex: none; }
[data-r="wall-card"] > [data-part="head"] > [data-r="button"][data-part="menu"] { position: absolute; top: calc(var(--pad-y, 12px) - 2px); right: 8px; z-index: 2; box-shadow: -8px 0 8px var(--raised); }
:where([data-r="wall-card"] > [data-part="head"]) > [data-r="button"][data-part="menu"] { background: var(--plane); }
[data-r="card-wall"][data-editing]:not([data-fixed]) [data-r="wall-card"] > [data-part="head"] > [data-part="menu"] { display: inline-flex; opacity: 0; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-r="card-wall"][data-editing]:not([data-fixed]) [data-r="wall-card"]:hover > [data-part="head"] > [data-part="menu"] { opacity: 1; transition-duration: 0s; }
}
[data-r="card-wall"][data-editing]:not([data-fixed]) [data-r="wall-card"]:is(:focus-visible, :focus-within, [data-menu-open]) > [data-part="head"] > [data-part="menu"] { opacity: 1; transition-duration: 0s; }
[data-r="wall-card"][data-open] > [data-part="head"] > [data-part="close"] { display: inline-flex; }
[data-r="wall-card"] > [data-part="body"] { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; min-height: 0; min-width: 0; }
[data-r="wall-card"] [data-part="line"] { display: flex; align-items: center; gap: 8px; flex: none; min-width: 0; min-height: var(--h-20); white-space: nowrap; }
[data-r="wall-card"] [data-part="value"] { flex: 0 1 auto; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; }
[data-r="wall-card"] [data-part="value"] > [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="wall-card"] [data-part="value"][data-empty] { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="wall-card"] [data-part="line"] > [data-r="fact"] { flex: none; }
[data-r="wall-card"] [data-part="line"] > [data-part="of"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--ink-3); }
[data-r="wall-card"] [data-part="line"] > [data-r="delta"] > [data-part="since"] { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="wall-card"] [data-part="change"] > [data-r="delta"] > [data-part="since"] { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="wall-card"] :is([data-part="when"], [data-part="reason"]) { flex: none; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-3); }
[data-r="wall-card"] [data-part="reason"] { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
[data-r="wall-card"] [data-part="foot"] { display: flex; justify-content: space-between; gap: 8px; flex: none; margin-top: auto; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; }
[data-r="wall-card"] [data-part="foot"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="wall-card"] [data-standing="good"] { --s: var(--status-good); }
[data-r="wall-card"] [data-standing="warning"] { --s: var(--status-warning); }
[data-r="wall-card"] [data-standing="serious"] { --s: var(--status-serious); }
[data-r="wall-card"] [data-part="figure"] { position: relative; display: flex; flex: 1 1 auto; min-height: 12px; min-width: 0; }
[data-r="wall-card"] [data-part="spark"] { position: relative; flex: 1 1 auto; min-height: 0; }
[data-r="wall-card"] [data-part="spark"] > svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
[data-r="wall-card"] [data-part="spark"] path { fill: none; stroke: var(--c); stroke-width: 1.5px; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
[data-r="wall-card"] [data-part="spark"] path[data-mark="after"] { stroke-opacity: .28; }
[data-r="wall-card"] [data-part="spark"] path[data-mark="area"] { fill: var(--c); fill-opacity: .08; stroke: none; }
[data-r="wall-card"] [data-part="spark"] :is(path, line)[data-mark="ref"] { stroke: var(--chart-reference); stroke-width: 1px; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
[data-r="wall-card"] [data-part="spark"] rect[data-mark="half"] { fill: var(--c); fill-opacity: .12; }
[data-r="wall-card"] [data-part="spark"] > i { position: absolute; width: 6px; height: 6px; border-radius: var(--r-round); background: var(--c); box-shadow: 0 0 0 1.5px var(--raised); translate: -50% -50%; }
[data-r="wall-card"] [data-part="spark"] > i[data-part="from"] { background: var(--raised); box-shadow: inset 0 0 0 1.5px var(--c); }
[data-r="wall-card"] [data-part="spark"] > i[data-part="dot"] { width: 4px; height: 4px; box-shadow: none; opacity: .45; }
[data-r="wall-card"] [data-part="spark"] > i[data-part="dot"][data-after] { opacity: .14; }
[data-r="wall-card"] [data-part="spark"][data-kind="points"] > i[data-part="dot"] { width: 6px; height: 6px; opacity: .6; }
[data-r="wall-card"] [data-part="spark"] > i[data-now] { opacity: 1; box-shadow: 0 0 0 1.5px var(--raised); }
[data-r="wall-card"] [data-part="chart"] { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; margin: 0 -4px -4px; overflow: hidden; }
[data-r="wall-card"] [data-part="chart"] > [data-r="scene-chart"] { --chart-1: var(--c); flex: 1 1 auto; min-height: 0; }
[data-r="wall-card"] [data-part="meter"] { position: relative; flex: none; height: 6px; margin: 6px 0 2px; border-radius: var(--r-mark); background: var(--a10); }
[data-r="wall-card"] [data-part="meter"] > [data-part="usual"] { position: absolute; top: 0; bottom: 0; left: var(--a); width: calc(var(--b) - var(--a)); background: var(--a10); border-radius: var(--r-mark); }
[data-r="wall-card"] [data-part="meter"] > [data-part="fill"] { position: absolute; top: 0; bottom: 0; left: 0; width: var(--p); border-radius: var(--r-mark); background: var(--c); }
[data-r="wall-card"] [data-part="ring-row"] { display: flex; align-items: center; gap: 12px; flex: 1 1 auto; min-height: 0; }
[data-r="wall-card"] [data-part="ring"] { flex: none; width: clamp(28px, calc(100cqh - 52px), 88px); height: auto; aspect-ratio: 1; rotate: -90deg; }
[data-r="wall-card"] [data-part="ring"] > circle { fill: none; stroke-width: 3.5px; }
[data-r="wall-card"] [data-part="ring"] > [data-mark="track"] { stroke: var(--a10); }
[data-r="wall-card"] [data-part="ring"] > [data-mark="fill"] { stroke: var(--c); stroke-linecap: round; }
[data-r="wall-card"] [data-part="ring-text"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="wall-card"] [data-part="columns"] { display: flex; align-items: stretch; gap: 3px; flex: 1 1 auto; min-height: 0; }
[data-r="wall-card"] [data-part="columns"] > [data-part="column"] { position: relative; flex: 1 1 0; min-width: 0; }
[data-r="wall-card"] [data-part="columns"] > [data-part="column"] > i { position: absolute; left: 0; right: 0; bottom: 0; height: max(2px, var(--v)); border-radius: var(--r-key) var(--r-key) 0 0; background: var(--c); opacity: .45; }
[data-r="wall-card"] [data-part="columns"] > [data-part="column"][data-now] > i { opacity: 1; }
[data-r="wall-card"] [data-part="columns"]:not(:has([data-now])) > [data-part="column"] > i { opacity: .8; }
[data-r="wall-card"] [data-part="axis"] { display: flex; gap: 3px; flex: none; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="wall-card"] [data-part="axis"] > span { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
[data-r="wall-card"] [data-part="axis"][data-thin] > span { overflow: visible; text-overflow: clip; translate: var(--shift, 0) 0; }
[data-r="wall-card"] [data-part="axis"][data-thin] > span[data-skip] { visibility: hidden; }
[data-r="wall-card"] [data-part="track"] { display: flex; gap: 2px; flex: none; margin: 4px 0; }
[data-r="wall-card"] [data-part="track"] > i { flex: 1 1 0; height: 6px; border-radius: var(--r-mark); background: var(--a10); }
[data-r="wall-card"] [data-part="track"] > i[data-standing] { background: var(--s); opacity: .35; }
[data-r="wall-card"] [data-part="track"] > i[data-now] { background: var(--s, var(--c)); opacity: 1; }
[data-r="wall-card"] :is(ul, ol):is([data-part="rows"], [data-part="checks"], [data-part="rungs"]) { margin: 0; padding: 0; list-style: none; }
[data-r="wall-card"] [data-part="rows"] { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow: hidden; }
[data-r="wall-card"] [data-part="rows"] > li { display: flex; align-items: center; gap: 8px; min-height: var(--row-24); box-shadow: inset 0 calc(var(--px) * -1) 0 var(--line-1); }
[data-r="wall-card"] [data-part="rows"] > li > [data-part="name"] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-2); }
[data-r="wall-card"] [data-part="rows"] > li[data-now] > [data-part="name"] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="wall-card"] [data-part="rows"] > li > [data-part="count"] { flex: none; color: var(--ink-3); }
@container card (max-width: 159px) {
  [data-r="wall-card"][data-form="bands"] [data-part="rows"] > li > [data-part="count"] { display: none; }
}
[data-r="wall-card"] [data-part="rungs"] { display: flex; gap: 3px; flex: none; margin-top: 2px; }
[data-r="wall-card"] [data-part="rungs"] > li { display: flex; flex-direction: column; gap: 4px; flex: 1 1 0; min-width: 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="wall-card"] [data-part="rungs"] > li::before { content: ""; height: 6px; border-radius: var(--r-mark); background: var(--a10); }
[data-r="wall-card"] [data-part="rungs"] > li[data-past]::before { background: var(--c); opacity: .45; }
[data-r="wall-card"] [data-part="rungs"] > li[data-now]::before { background: var(--c); }
[data-r="wall-card"] [data-part="rungs"] > li[data-now] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="wall-card"] [data-part="rungs"] > li > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="wall-card"] [data-part="strip"] { position: relative; flex: 1 1 auto; min-height: 16px; box-shadow: inset 0 calc(var(--px) * -1) 0 var(--line-3); }
[data-r="wall-card"] [data-part="strip"] > b[data-part="seam"] { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--line-2); }
[data-r="wall-card"] [data-part="strip"] > i { position: absolute; bottom: 0; width: 4px; height: calc(var(--s, .5) * 100%); translate: -50% 0; border-radius: var(--r-key) var(--r-key) 0 0; background: var(--c); }
[data-r="wall-card"] [data-part="strip"] > i[data-after] { opacity: .28; }
[data-r="wall-card"] [data-part="strip"] > i[data-now]::after { content: ""; position: absolute; left: 50%; top: -4px; width: 6px; height: 6px; translate: -50% -50%; border-radius: var(--r-round); background: var(--c); }
[data-r="wall-card"] [data-part="strip"] > i[data-part="gap"] { height: 6px; width: 4px; background: none; box-shadow: inset 0 0 0 var(--px) var(--line-5); border-radius: var(--r-key); }
[data-r="wall-card"] [data-part="cells"] { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); grid-template-rows: repeat(7, minmax(0, 1fr)); gap: 2px; flex: 1 1 auto; min-height: 0; }
[data-r="wall-card"] [data-part="cells"] > i { min-width: 0; min-height: 0; border-radius: 2px; background: var(--a5); }
[data-r="wall-card"] :is([data-part="cells"], [data-part="scale"], [data-part="grid9"]) > i[data-step="1"] { background: color-mix(in oklab, var(--c) 16%, var(--raised)); }
[data-r="wall-card"] :is([data-part="cells"], [data-part="scale"], [data-part="grid9"]) > i[data-step="2"] { background: color-mix(in oklab, var(--c) 32%, var(--raised)); }
[data-r="wall-card"] :is([data-part="cells"], [data-part="scale"], [data-part="grid9"]) > i[data-step="3"] { background: color-mix(in oklab, var(--c) 52%, var(--raised)); }
[data-r="wall-card"] :is([data-part="cells"], [data-part="scale"], [data-part="grid9"]) > i[data-step="4"] { background: color-mix(in oklab, var(--c) 74%, var(--raised)); }
[data-r="wall-card"] :is([data-part="cells"], [data-part="scale"], [data-part="grid9"]) > i[data-step="5"] { background: var(--c); }
[data-r="wall-card"] [data-part="cells"] > i[data-after] { background: none; box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="wall-card"] [data-part="scale"] { display: inline-flex; align-items: center; gap: 2px; }
[data-r="wall-card"] [data-part="scale"] > span { margin: 0 4px; }
[data-r="wall-card"] [data-part="scale"] > i { width: 8px; height: 8px; border-radius: 2px; }
[data-r="wall-card"] [data-part="stack"] { display: flex; gap: 2px; flex: none; height: 8px; margin: 4px 0; }
[data-r="wall-card"] [data-part="stack"] > i { width: var(--v); border-radius: var(--r-mark); background: var(--c); }
[data-r="wall-card"] [data-part="rows-table"] { flex: 1 1 auto; min-height: 0; overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: none; margin: 0 calc(var(--pad-x, 14px) * -1); }
[data-r="wall-card"] [data-part="rows-table"] > [data-r="table"] { width: 100%; }
[data-r="wall-card"] [data-part="rows-table"] td[data-empty] { color: var(--ink-3); font-weight: var(--fw-450); }
[data-r="wall-card"] [data-part="rows-table"] tr[data-now] > :is(td, th) { color: var(--ink); }
[data-r="wall-card"] [data-part="radar"] { position: relative; flex: none; height: calc(100% - 28px); aspect-ratio: 1; max-width: 100%; margin: 14px auto; }
[data-r="wall-card"] [data-part="radar"] > svg { width: 100%; height: 100%; overflow: visible; }
[data-r="wall-card"] [data-part="radar"] [data-mark="grid"] { fill: none; stroke: var(--line-3); stroke-width: 1px; vector-effect: non-scaling-stroke; }
[data-r="wall-card"] [data-part="radar"] [data-mark="shape"] { fill: var(--c); fill-opacity: .16; stroke: var(--c); stroke-width: 1.5px; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
[data-r="wall-card"] [data-part="radar"] > [data-part="labels"] > span { position: absolute; translate: -50% -50%; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; }
[data-r="wall-card"] [data-part="checks"] { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-height: 0; }
[data-r="wall-card"] [data-part="checks"] > li { display: flex; align-items: center; gap: 8px; min-height: var(--row-24); color: var(--ink-2); }
[data-r="wall-card"] [data-part="checks"] > li > svg[data-glyph] { flex: none; }
[data-r="wall-card"] [data-part="checks"] > li > [data-part="name"] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="wall-card"] [data-part="checks"] > li > [data-part="status"] { flex: none; color: var(--ink-3); }
[data-r="wall-card"] [data-part="stores"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; flex: 1 1 auto; min-height: 0; }
[data-r="wall-card"] [data-part="store"] { display: flex; gap: 10px; min-width: 0; min-height: 0; }
[data-r="wall-card"] [data-part="store"] > [data-part="level"] { position: relative; flex: none; width: 14px; overflow: hidden; border-radius: var(--r-key); background: var(--a10); }
[data-r="wall-card"] [data-part="store"] > [data-part="level"] > i { position: absolute; left: 0; right: 0; bottom: 0; height: var(--p); background: var(--c); }
[data-r="wall-card"] [data-part="store-text"] { display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; min-width: 0; }
[data-r="wall-card"] [data-part="store-text"] > [data-part="name"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-2); }
[data-r="wall-card"] [data-part="store-text"] > [data-part="of"] { color: var(--ink-3); }
@container card (max-width: 199px) {
  [data-r="wall-card"] [data-part="stores"] { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}
[data-r="wall-card"] [data-part="plane"] { position: relative; flex: 1 1 auto; min-height: 0; box-shadow: inset var(--px) calc(var(--px) * -1) 0 var(--line-3); }
[data-r="wall-card"] [data-part="plane"] > i { position: absolute; width: 6px; height: 6px; translate: -50% -50%; border-radius: var(--r-round); background: var(--c); opacity: .6; }
[data-r="wall-card"] [data-part="plane"] > i[data-after] { opacity: .2; }
[data-r="wall-card"] [data-part="plane"] > i[data-now] { opacity: 1; box-shadow: 0 0 0 2px var(--raised), 0 0 0 3px var(--c); }
[data-r="wall-card"] [data-part="grid9"] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 2px; flex: 1 1 auto; min-height: 0; }
[data-r="wall-card"] [data-part="grid9"] > i { display: flex; align-items: center; justify-content: center; border-radius: var(--r-key); background: var(--a5); font-style: normal; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink); }
[data-r="wall-card"] [data-part="pairs"] { display: flex; gap: 6px; flex: 1 1 auto; min-height: 16px; }
[data-r="wall-card"] [data-part="pairs"] > [data-part="pair"] { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; flex: 1 1 0; min-width: 0; align-items: end; padding-bottom: 0; }
[data-r="wall-card"] [data-part="pairs"] > [data-part="pair"] > i { height: max(2px, var(--v)); border-radius: 2px 2px 0 0; background: var(--a20); align-self: end; }
[data-r="wall-card"] [data-part="pairs"] > [data-part="pair"] > i + i { background: var(--c); }
[data-r="wall-card"] [data-part="pairs"] > [data-part="pair"] > b { position: absolute; left: 0; right: 0; bottom: -16px; text-align: center; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="wall-card"] [data-part="pairs"]:has(> [data-part="pair"] > b:not([hidden])) { margin-bottom: 18px; }
@container card (max-height: 95px) {
  [data-r="wall-card"] [data-part="pairs"][data-part] { margin-bottom: 0; }
}
[data-r="wall-card"] [data-part="pairs"] > [data-part="pair"][data-apart] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="wall-card"] [data-part="more"] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 32px; flex: none; margin-top: 8px; padding-top: 12px; box-shadow: inset 0 var(--px) 0 var(--line-2); }
[data-r="wall-card"] [data-part="more"] > [data-part="note"] { grid-column: 1; margin: 0; max-width: var(--col-prose); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="wall-card"] [data-part="more"] > [data-part="facts"] { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-direction: column; margin: 0; }
[data-r="wall-card"] [data-part="more"] > [data-part="facts"] > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 8px; align-items: center; min-height: var(--row-28); box-shadow: inset 0 calc(var(--px) * -1) 0 var(--line-1); }
[data-r="wall-card"] [data-part="more"] dt { color: var(--ink-3); }
[data-r="wall-card"] [data-part="more"] dd { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; color: var(--ink); }
[data-r="wall-card"]:not([data-open]) > [data-part="body"] > [data-part="more"] { display: none; }
[data-r="wall-card"] [data-part="more"] > [data-part="forms"] { grid-column: 1; display: flex; flex-wrap: wrap; gap: 4px; align-self: start; }
@container card style(--reading: out-of-date) {
  [data-r="wall-card"] :is([data-part="value"], [data-part="figure"], [data-part="chart"], [data-part="meter"]) { opacity: .45; }
}
@container card style(--reading: waiting) {
  [data-r="wall-card"] [data-part="figure"] { opacity: .45; }
  [data-r="wall-card"] [data-part="line"] > [data-r="delta"][data-r] { display: none; }
}
[data-r="card-wall"][data-editing]:not([data-fixed]) [data-r="wall-card"] { cursor: grab; touch-action: none; user-select: none; }
[data-r="card-wall"][data-editing]:not([data-fixed]) [data-r="wall-card"] [data-r="scene-chart"] { pointer-events: none; }
[data-r="wall-card"] > [data-part="resize"] { display: none; position: absolute; z-index: 2; touch-action: none; }
[data-r="card-wall"][data-editing]:not([data-fixed]) [data-r="wall-card"] > [data-part="resize"] { display: block; }
[data-r="wall-card"] > [data-part="resize"][data-edge="e"] { top: 12px; bottom: 12px; right: 0; width: 10px; cursor: ew-resize; }
[data-r="wall-card"] > [data-part="resize"][data-edge="s"] { left: 12px; right: 12px; bottom: 0; height: 10px; cursor: ns-resize; }
[data-r="wall-card"] > [data-part="resize"][data-edge="se"] { right: 0; bottom: 0; width: 18px; height: 18px; cursor: nwse-resize; }
[data-r="wall-card"] > [data-part="resize"][data-edge="se"]::after { content: ""; position: absolute; right: 5px; bottom: 5px; width: 6px; height: 6px; border-right: 1.5px solid var(--line-5); border-bottom: 1.5px solid var(--line-5); border-bottom-right-radius: 2px; /* allow: radius · the corner of a grip */ opacity: 0; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-r="wall-card"]:hover > [data-part="resize"][data-edge="se"]::after { opacity: 1; transition-duration: 0s; }
}
[data-r="wall-card"]:is(:focus-visible, [data-resizing]) > [data-part="resize"][data-edge="se"]::after { opacity: 1; transition-duration: 0s; }
[data-r="wall-card"][data-held],
[data-r="card-wall"][data-editing] [data-r="wall-card"][data-held] { z-index: 3; cursor: grabbing; box-shadow: 0 0 0 var(--px) var(--line-4), var(--e3); will-change: transform; transition: none; }
[data-r="wall-card"][data-resizing] { z-index: 3; box-shadow: 0 0 0 var(--px) var(--line-5), var(--e2); transition: none; }
[data-r="wall-card"] > [data-part="size"] { position: absolute; right: 22px; bottom: 6px; z-index: 3; padding: 2px 6px; border-radius: var(--r-press); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); color: var(--ink); pointer-events: none; }
[data-r="wall-card"] > [data-part="size"][hidden] { display: none; }
[data-r="wall-card"][data-open] { box-shadow: 0 0 0 var(--px) var(--line-5); }
[data-r="wall-card"] > [data-part="owner"] { display: flex; align-items: center; gap: 12px; flex: none; min-width: 0; margin-top: 2px; padding-top: 10px; box-shadow: inset 0 var(--px) 0 var(--line-2); }
[data-r="wall-card"] > [data-part="owner"] > [data-r="button"] { flex: none; }
[data-r="wall-card"] > [data-part="owner"] > [data-part="says"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-3); }
[data-r="wall-card"] [data-part="cells"] { position: relative; }
[data-r="card-wall"][data-marker] [data-r="wall-card"]:is([data-form="number"], [data-form="sparkline"], [data-form="trend"], [data-form="gauge"], [data-form="curve"]) [data-part="spark"]:is(:not([data-kind]), [data-kind="readings"])::before,
[data-r="card-wall"][data-marker] [data-r="wall-card"] :is([data-part="strip"], [data-part="cells"])::before { content: ""; position: absolute; top: -3px; bottom: -3px; left: calc(var(--t-edge, 1) * 100%); width: 1px; translate: -50% 0; background: var(--a35); pointer-events: none; }
[data-r="card-wall"][data-marker] [data-r="wall-card"] [data-part="strip"]::before { left: calc(var(--t-mid, 1) * 100%); }
[data-r="card-wall"][data-marker] [data-r="wall-card"] [data-part="cells"]::before { z-index: 1; left: calc(var(--t-mid, 1) * (100% + 2px) - 1px); }
[data-r="wall-card"] [data-r="scene-chart"][data-at] > [data-part="plot"] > [data-part="tip"] { visibility: hidden; }
@media (hover: hover) {
  [data-r="wall-card"] [data-r="scene-chart"][data-at]:hover > [data-part="plot"] > [data-part="tip"] { visibility: visible; }
}
[data-r="wall-card"] [data-r="scene-chart"][data-at][data-force~="hover"] > [data-part="plot"] > [data-part="tip"] { visibility: visible; }
[data-r="wall-card"] [data-r="scene-chart"][data-at]:focus-visible > [data-part="plot"] > [data-part="tip"] { visibility: visible; }
[data-r="wall-card"] [data-r="budget-bar"][data-part="target"] { flex: none; margin: 6px 0 2px; }
[data-r="wall-card"] [data-r="budget-bar"] > [data-part="track"] { display: block; margin: 0; }
[data-r="wall-card"] [data-r="budget-bar"][data-kind="card"] > [data-part="track"] > [data-part="done"] { background: var(--c); }
@container card (max-width: 219px) {
  [data-r="wall-card"][data-r] :is([data-tier="m"], [data-tier="l"], [data-tier="xl"])[data-tier] { display: none; }
}
@container card (max-width: 319px) {
  [data-r="wall-card"][data-r] :is([data-tier="l"], [data-tier="xl"])[data-tier] { display: none; }
}
@container card (max-width: 499px) {
  [data-r="wall-card"][data-r] [data-tier="xl"][data-tier] { display: none; }
}
@container card (max-height: 95px) {
  [data-r="wall-card"][data-r] [data-tall][data-tall] { display: none; }
}
@container card (max-height: 149px) {
  [data-r="wall-card"][data-r] :is([data-tall="2"], [data-tall="3"], [data-tall="4"])[data-tall] { display: none; }
}
@container card (max-height: 249px) {
  [data-r="wall-card"][data-r] :is([data-tall="3"], [data-tall="4"])[data-tall] { display: none; }
}
@container card (max-height: 359px) {
  [data-r="wall-card"][data-r] [data-tall="4"][data-tall] { display: none; }
}
@container card (min-width: 320px) and (min-height: 150px) {
  [data-r="wall-card"][data-r] [data-small][data-small] { display: none; }
}
@container card (min-width: 320px) {
  [data-r="wall-card"][data-form="ladder"] [data-part="line"] > [data-part="band"][data-part] { display: none; }
}
[data-r="wall-card"] [data-short] { display: none; }
@container card (max-height: 69px) {
  [data-r="wall-card"][data-r] [data-short][data-short] { display: inline-flex; }
  [data-r="wall-card"][data-r] [data-part="change"][data-part] { display: none; }
}
@container card (max-width: 119px) {
  [data-r="wall-card"] > [data-part="head"] > svg[data-glyph] { display: none; }
  [data-r="wall-card"] [data-part="line"] { flex-wrap: wrap; row-gap: 0; }
  [data-r="wall-card"] [data-part="value"] { overflow: visible; white-space: normal; }
  [data-r="wall-card"] [data-part="ring"] { display: none; }
}
[data-r="card-picker"] { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; min-width: 0; }
[data-r="card-picker"] > [data-part="search"] { flex: none; padding: 8px 12px; }
[data-r="card-picker"] > [data-part="search"] > [data-r="query"] { width: 100%; }
[data-r="card-picker"] > [data-part="list"] { position: relative; flex: 1 1 auto; min-height: 120px; overflow-y: auto; outline: none; overscroll-behavior: contain; }
[data-r="card-picker"] > [data-part="list"]:focus-visible { box-shadow: inset 0 0 0 var(--px) var(--accent); }
[data-r="card-picker"] > [data-part="list"][data-force~="focus"] { box-shadow: inset 0 0 0 var(--px) var(--accent); }
[data-r="card-picker"] > [data-part="list"] > [data-part="spacer"] { position: relative; }
[data-r="card-picker"] > [data-part="list"] > [data-part="spacer"] > :is([data-r="list-row"], [data-r="list-group"]) { position: absolute; left: 6px; right: 6px; }
[data-r="card-picker"] [data-r="list-row"] { cursor: grab; touch-action: none; }
[data-r="card-picker"] [data-r="list-row"] > svg[data-icon] { flex: none; }
[data-r="card-picker"] [data-r="list-row"] > [data-part="title"] { flex: 1 1 auto; white-space: nowrap; }
[data-r="card-picker"] [data-r="list-row"] > [data-part="end"] > [data-r="evidence"] { margin-right: 0; }
[data-r="card-picker"] [data-r="list-row"][data-on] > [data-part="end"] > [data-part="on"] { color: var(--ink-3); }
[data-r="card-picker"] [data-r="list-group"] > [data-r="dot"] { margin-right: 2px; }
[data-r="card-picker"] [data-r="list-group"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="card-picker"] > [data-part="none"] { padding: 24px 16px; text-align: center; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="card-picker"] > [data-part="none"][hidden] { display: none; }
[data-r="card-picker"] > [data-part="preview"] { display: flex; flex-direction: column; gap: 8px; flex: none; padding: 12px; box-shadow: inset 0 var(--px) 0 var(--line-2); }
[data-r="card-picker"] > [data-part="preview"] > [data-part="stage"] { position: relative; height: calc(var(--ph, 196px) * var(--k, 1)); overflow: hidden; border-radius: var(--r-contain); background: var(--paper); }
[data-r="card-picker"] > [data-part="preview"] > [data-part="stage"] > [data-r="wall-card"] { position: absolute; top: 0; left: 0; width: var(--pw, 360px); height: var(--ph, 196px); transform: scale(var(--k, 1)); transform-origin: 0 0; content-visibility: visible; }
[data-r="card-picker"] > [data-part="preview"] [data-part="says"] { flex: 1 1 auto; min-width: 0; margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="card-picker"] > [data-part="preview"] > [data-part="controls"] { display: flex; align-items: center; gap: 8px; min-width: 0; }
[data-r="card-picker"] > [data-part="preview"] > [data-part="controls"] > [data-part="spacer"] { flex: 1 1 auto; }
[data-r="card-picker"] [data-part="carry"],
[data-part="carry"][data-r="wall-card"] { position: fixed; z-index: var(--z-popover); pointer-events: none; box-shadow: 0 0 0 var(--px) var(--line-4), var(--e3); }
@media (prefers-reduced-motion: reduce) {
  [data-r="wall-card"] { transition: none; }
}
}

/* ═══ 95-split-view.css ═══ */
@layer components {
[data-r="split-view"] { --sv-w: 0px; --sv-seam: 8px; --sv-hit: 12px; --sv-min: 58ch; --sv-seam-w: min(var(--sv-seam), var(--sv-w)); position: relative; display: flex; flex: 1 1 auto; min-width: 0; min-height: 0; margin: 8px 8px 8px 0; font-size: var(--fs-13); line-height: var(--lh-13); overflow: clip; overflow-clip-margin: 1px; }
@media (pointer: coarse) {
  [data-r="split-view"] { --sv-hit: 20px; }
}
[data-r="shell"] > [data-part="work"] > [data-r="split-view"] { flex: 1 1 auto; }
[data-r="shell"] > [data-part="work"]:has(> [data-r="status-bar"]) > [data-r="split-view"] { margin-bottom: 0; }
[data-r="split-view"] > [data-part="pane"] { margin: 0; min-height: 0; }
[data-r="split-view"] > [data-part="pane"][data-side="start"] { flex: 1 1 0; min-width: min(var(--sv-min), 100%); margin-right: calc(var(--sv-seam-w) + var(--sv-w)); }
[data-r="split-view"] > [data-part="pane"][data-side="end"] { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: var(--sv-w); min-width: 0; transition: box-shadow var(--state-out) ease-out; }
[data-r="split-view"][data-state="closed"] > [data-part="pane"][data-side="end"] { visibility: hidden; pointer-events: none; box-shadow: none; }
[data-r="split-view"][data-over] > [data-part="pane"][data-side="end"] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e3); transition-timing-function: ease-in; }
[data-r="split-view"][data-full] > [data-part="pane"][data-side="start"] { visibility: hidden; }
[data-r="split-view"] > [data-part="seam"] { position: absolute; z-index: 3; top: 0; bottom: 0; /* centered on the 8 px between the panes, and never out of the host: at all of the width it stands on the left edge of the right pane */ right: min(calc(var(--sv-w) - (var(--sv-hit) - var(--sv-seam-w)) / 2), calc(100% - var(--sv-hit))); width: var(--sv-hit); display: flex; align-items: center; justify-content: center; cursor: ew-resize; touch-action: none; outline: none; }
[data-r="split-view"][data-state="closed"] > [data-part="seam"] { display: none; }
[data-r="split-view"] > [data-part="seam"] > [data-part="grip"] { width: 3px; height: 48px; border-radius: var(--r-round); background: var(--ink-4); opacity: 0; transition: opacity var(--state-out), height var(--state-out), background-color var(--state-out); }
@media (hover: hover) {
  [data-r="split-view"] > [data-part="seam"]:hover > [data-part="grip"] { opacity: 1; transition-delay: var(--scale-in); }
}
[data-r="split-view"] > [data-part="seam"][data-force~="hover"] > [data-part="grip"] { opacity: 1; transition-delay: var(--scale-in); }
[data-r="split-view"][data-dragging] > [data-part="seam"] > [data-part="grip"] { opacity: 1; background: var(--ink-3); transition-delay: 0s; }
[data-r="split-view"] > [data-part="seam"]:focus-visible > [data-part="grip"] { opacity: 1; height: calc(100% - 24px); background: var(--accent); transition-delay: 0s; }
[data-r="split-view"] > [data-part="seam"][data-force~="focus"] > [data-part="grip"] { opacity: 1; height: calc(100% - 24px); background: var(--accent); transition-delay: 0s; }
[data-r="split-view"][data-holds="room"][data-state="open"] > [data-part="pane"][data-focus] { box-shadow: 0 0 0 var(--px) var(--line-4); }
[data-r="split-view"][data-holds="room"][data-state="open"][data-over] > [data-part="pane"][data-side="end"][data-focus] { box-shadow: 0 0 0 var(--px) var(--line-4), var(--e3); }
[data-r="split-view"][data-holds="room"][data-state="open"] > [data-part="pane"]:not([data-focus]) [data-r="page-header"] > [data-part="bar"]:first-child :is([data-part="title"], [data-r="breadcrumbs"] > [aria-current="page"]) { color: var(--ink-2); }
[data-r="split-view"] [data-part="pane-tools"] { display: flex; align-items: center; gap: 2px; flex: none; }
[data-r="split-view"]:is([data-state="closed"], [data-holds="object"]) [data-part="pane-tools"] { display: none; }
[data-r="split-view"][data-narrow][data-holds="room"][data-state="open"] > [data-part="pane"] { position: absolute; inset: 0; width: auto; min-width: 0; margin: 0; box-shadow: 0 0 0 var(--px) var(--line-2); }
[data-r="split-view"][data-narrow][data-holds="room"][data-state="open"] > [data-part="pane"]:not([data-focus]) { visibility: hidden; }
[data-r="split-view"][data-narrow][data-holds="room"] > [data-part="seam"] { display: none; }
[data-r="split-view"] > [data-part="switch"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); position: absolute; z-index: 3; left: 50%; bottom: 12px; translate: -50% 0; display: none; padding: 4px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); }
[data-r="split-view"][data-narrow][data-holds="room"][data-state="open"] > [data-part="switch"] { display: inline-flex; }
[data-r="split-view"][data-narrow][data-holds="room"][data-state="open"] > [data-part="pane"] [data-r="scroll-area"][data-part="main"] > [data-part="viewport"] { padding-bottom: 56px; }
[data-r="split-view"][data-narrow][data-holds="room"][data-state="open"] > [data-part="switch"] { max-width: calc(100% - 24px); }
[data-r="split-view"][data-narrow][data-holds="room"][data-state="open"] > [data-part="switch"] > [data-r="button"] { flex: 0 1 auto; min-width: 0; max-width: 168px; }
[data-r="split-view"][data-narrow][data-holds="room"][data-state="open"] > [data-part="switch"] > [data-r="button"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="split-view"] > [data-part="probe"] { position: absolute; top: 0; left: 0; width: var(--sv-min); height: 0; visibility: hidden; pointer-events: none; }
[data-r="split-view"] [data-part="choose"] { display: flex; flex-direction: column; gap: 12px; max-width: 360px; margin: 0 auto; padding: 48px 20px; }
[data-r="split-view"] [data-part="choose"] > p { color: var(--ink-2); }
[data-r="split-view"] [data-part="choose"] > [data-part="places"] { display: flex; flex-direction: column; gap: 1px; }
}

/* ═══ 96-templates-more.css ═══ */
@layer components {
[data-r="page"][data-template="figure"] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "header" "main" "bottom"; }
[data-r="curve"] { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: 20px 24px 16px; outline: none; color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-part="column"] > [data-r="curve"] { padding-inline: 0; }
[data-r="curve"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -4px; }
[data-r="curve"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -4px; }
[data-r="curve"] > [data-part="margin"] { display: flex; align-items: flex-start; gap: 24px; flex: none; min-width: 0; margin-bottom: 16px; }
[data-r="curve"] [data-part="headline"] { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; }
[data-r="curve"] [data-part="headline"] > [data-part="label"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="curve"] [data-part="headline"] > [data-part="number"] { display: flex; align-items: center; gap: 8px; min-width: 0; }
[data-r="curve"] [data-part="headline"] [data-part="value"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="curve"] [data-part="headline"] > [data-part="sentence"] { max-width: 60ch; margin: 2px 0 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); text-wrap: pretty; }
[data-r="curve"] > [data-part="margin"] > [data-part="controls"] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; flex: none; }
[data-r="curve"] [data-part="key"] { display: inline-flex; align-items: center; gap: 12px; margin-right: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="curve"] [data-part="key"] > span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
[data-r="curve"] [data-part="key"] i,
[data-r="curve"] [data-part="readout"] i[data-series] { display: inline-block; width: 12px; height: 2px; border-radius: var(--r-press); background: var(--ch-power); }
[data-r="curve"] [data-part="key"] i[data-series="1"],
[data-r="curve"] [data-part="readout"] i[data-series="1"] { background: var(--ink-3); }
[data-r="curve"] > [data-part="figure"] { position: relative; display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
[data-r="curve"] > [data-part="figure"] > [data-part="plan"] { flex: none; padding: 0 12px 16px; }
[data-r="curve"] > [data-part="figure"] > [data-part="plan"] > [data-r="workout"] { width: 100%; }
[data-r="curve"] [data-part="plot"] { position: relative; flex: 1 1 auto; min-height: 160px; touch-action: pan-y; }
[data-r="curve"] [data-part="plot"] > svg { position: absolute; left: 0; top: 0; overflow: visible; }
[data-r="curve"] [data-part="plot"] > [data-part="overlay"] { pointer-events: none; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="line"] { stroke: var(--c, var(--ink)); stroke-width: 2px; fill: none; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="line"][data-kind="projection"] { stroke-dasharray: 6px 4px; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="line"][data-series="0"] { stroke: var(--ch-power); }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="line"][data-series="1"] { stroke: var(--ink-3); stroke-width: 1.5px; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="line"][data-series="2"] { stroke: var(--ink-2); stroke-width: 1.5px; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="area"] { fill: var(--c, var(--ink)); opacity: .10; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="gap"] { stroke: none; opacity: .16; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="gap"][data-side="a"] { fill: var(--ch-power); }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="gap"][data-side="b"] { fill: var(--ink); opacity: .08; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="peak"] { fill: var(--ch-power); stroke: var(--paper); stroke-width: 1.5px; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="ref"] { fill: none; stroke: var(--chart-reference); stroke-width: 1px; stroke-dasharray: 4px 3px; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) :is([data-mark="y-label"], [data-mark="x-label"]) { font-family: var(--font); font-size: var(--fs-11); font-weight: var(--fw-450); fill: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="form"] { fill: var(--ch-form); fill-opacity: .7; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="form"][data-kind="projection"] { fill-opacity: .35; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="ref-label"] { font-family: var(--font); font-size: var(--fs-11); font-weight: var(--fw-450); fill: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="point"] { fill: var(--c, var(--ink)); stroke: var(--paper); stroke-width: 2px; }
[data-r="curve"] [data-part="phases"] { position: absolute; left: 0; right: 0; height: 16px; pointer-events: none; }
[data-r="curve"] [data-part="phase"] { position: absolute; top: 0; display: flex; align-items: center; height: 16px; padding-left: 6px; overflow: hidden; box-shadow: inset var(--px) 0 0 var(--line-3); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; }
[data-r="curve"] [data-part="phase"][data-now] { color: var(--ink); }
[data-r="curve"] [data-part="marks"] { position: absolute; inset: 0; pointer-events: none; }
[data-r="curve"] :is([data-part="today"], [data-part="event-dot"]) { position: absolute; width: 9px; height: 9px; margin: -5px 0 0 -5px; border-radius: var(--r-round); background: var(--paper); box-shadow: inset 0 0 0 1.5px var(--ink); }
[data-r="curve"] [data-part="event-dot"] { width: 7px; height: 7px; margin: -4px 0 0 -4px; background: var(--ink-2); box-shadow: 0 0 0 2px var(--paper); }
[data-r="curve"] [data-part="event-dot"][data-kind="race"] { background: var(--paper); box-shadow: inset 0 0 0 1.5px var(--ink-2), 0 0 0 2px var(--paper); }
[data-r="curve"] [data-part="event"] { position: absolute; display: flex; flex-direction: column; gap: 1px; padding: 4px 8px; font-size: var(--fs-11); line-height: var(--lh-11); white-space: nowrap; }
[data-r="curve"] [data-part="event"] > b { font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="curve"] [data-part="event"] > span { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="crossing"] { stroke: var(--ink-3); stroke-width: 1px; shape-rendering: crispEdges; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="zero"] { stroke: var(--ink-4); stroke-width: 1px; shape-rendering: crispEdges; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="grid"] { stroke: var(--chart-grid); stroke-width: 1px; shape-rendering: crispEdges; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="axis"] { stroke: var(--chart-axis); stroke-width: 1px; shape-rendering: crispEdges; }
[data-r="curve"] svg:not([data-r="curve"] [data-r="card"] svg) [data-mark="crosshair"] { stroke: var(--a35); stroke-width: 1px; shape-rendering: crispEdges; }
[data-r="curve"] [data-part="even"] { position: absolute; width: 0; height: 0; }
[data-r="curve"] [data-part="even"] > [data-part="tag"] { position: absolute; top: 0; left: 0; translate: -50% -100%; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="curve"] [data-part="strip-name"] { position: absolute; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; }
[data-r="curve"] [data-part="strip-head"] { position: absolute; display: flex; align-items: center; gap: 6px; height: 20px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); }
[data-r="curve"] [data-part="strip-head"] > i { width: 8px; height: 8px; border-radius: var(--r-round); background: var(--c); }
[data-r="curve"] [data-part="strip-head"] > [data-part="value"] { margin-left: auto; font-size: var(--fs-12); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="curve"] [data-part="strip-head"] > [data-part="value"] > span { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="curve"] [data-part="readout"] { position: absolute; z-index: 2; min-width: 156px; pointer-events: none; font-variant-numeric: tabular-nums; }
[data-r="curve"] [data-part="readout"][data-form="strips"] { min-width: 0; }
[data-r="curve"] [data-part="readout"] [data-part="row"][data-kind="event"] { color: var(--ink-2); }
[data-r="curve"] [data-part="readout"] > b { display: flex; align-items: center; gap: 8px; }
[data-r="curve"] [data-part="readout"] [data-part="plan"] { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="curve"] [data-part="readout"] [data-part="row"] { display: flex; align-items: center; gap: 8px; width: 100%; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="curve"] [data-part="readout"] [data-part="row"] > b { margin-left: auto; font-weight: var(--fw-550); color: var(--ink); }
[data-r="curve"] [data-part="readout"] [data-part="row"][data-on] > span { color: var(--ink-2); }
[data-r="curve"] [data-part="readout"] [data-part="row"] > i { flex: none; width: 10px; height: 2px; border-radius: var(--r-press); background: var(--c); }
[data-r="curve"] [data-part="readout"] [data-part="row"] > i[data-kind="bar"] { height: 8px; width: 6px; background: var(--ch-load); }
[data-r="curve"] [data-part="readout"] [data-part="row"][data-kind="sum"] { margin-top: 2px; padding-top: 4px; box-shadow: inset 0 var(--px) 0 var(--line-2); }
[data-r="curve"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-r="curve"][data-state="empty"] > [data-part="figure"] { justify-content: center; }
@container page (width < 720px) {
  [data-r="curve"] { padding: 16px 12px 12px; }
  [data-r="curve"] > [data-part="margin"] { flex-direction: column; gap: 12px; padding-left: 4px; }
  [data-r="curve"] > [data-part="margin"] > [data-part="controls"] { justify-content: flex-start; }
}
[data-r="page"][data-template="fold"] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "header" "main" "bottom"; }
[data-r="page"][data-template="fold"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { max-width: var(--col-collection); padding: 20px 24px calc(var(--drawer-cover, 44px) + 24px); }
[data-r="page"][data-template="fold"] [data-part="column"] > [data-part="summary"] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; padding: 0 8px 16px; color: var(--ink-2); }
[data-r="page"][data-template="fold"] [data-part="column"] > [data-part="summary"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="fold"] { --fold-cols: 20px 36px 52px minmax(0, 1fr) 56px 60px 80px 80px; container: fold / inline-size; display: flex; flex-direction: column; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="fold"] > :is([data-part="columns"], [data-part="total"]),
[data-r="fold"] [data-part="day"] > [data-part="row"],
[data-r="fold"] [data-part="session-row"] { display: grid; grid-template-columns: var(--fold-cols); align-items: center; column-gap: 8px; padding: 0 8px; }
[data-r="fold"] > [data-part="columns"] { height: 28px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); box-shadow: inset 0 calc(-1 * var(--px)) 0 var(--line-2); }
[data-r="fold"] [data-num] { text-align: right; }
[data-r="fold"] [data-part="day"] { box-shadow: inset 0 calc(-1 * var(--px)) 0 var(--line-1); }
[data-r="fold"] [data-part="day"] > [data-part="row"] { width: 100%; height: 44px; margin: 0; border: 0; border-radius: var(--r-row); background: transparent; font: inherit; font-size: var(--fs-13); color: var(--ink); text-align: left; cursor: default; outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="fold"] [data-part="day"] > [data-part="row"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="fold"] [data-part="day"] > [data-part="row"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="fold"] [data-part="day"] > [data-part="row"]:focus-visible { outline: none; background: var(--plane-hover); }
[data-r="fold"] [data-part="day"] > [data-part="row"][data-force~="focus"] { outline: none; background: var(--plane-hover); }
[data-r="fold"] [data-part="row"] > [data-part="chevron"] { display: flex; color: var(--ink-3); }
[data-r="fold"] [data-part="row"] > [data-part="chevron"] > svg { transition: rotate var(--fold-turn) var(--ease-fold-turn); }
[data-r="fold"] [data-part="row"][aria-expanded="true"] > [data-part="chevron"] > svg { rotate: 90deg; }
[data-r="fold"] [data-part="row"] > [data-part="dow"] { font-weight: var(--fw-550); }
[data-r="fold"] [data-part="row"] > [data-part="date"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="fold"] [data-part="day"][data-today] [data-part="row"] > [data-part="date"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="fold"] [data-part="titles"] { display: flex; align-items: center; gap: 16px; min-width: 0; overflow: hidden; white-space: nowrap; }
[data-r="fold"] [data-part="titles"] > [data-part="session"] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
[data-r="fold"] [data-part="titles"] > [data-part="session"] > span:last-child { overflow: hidden; text-overflow: ellipsis; }
[data-r="fold"] [data-part="num"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="fold"] [data-part="num"][data-empty] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="fold"] [data-part="day"] > [data-part="body"] { height: 0; overflow: clip; visibility: hidden; interpolate-size: allow-keywords; transition: height var(--section) var(--ease-expo), visibility 0s linear var(--section); }
[data-r="fold"] [data-part="row"][aria-expanded="true"] + [data-part="body"] { height: auto; visibility: visible; transition: height var(--section) var(--ease-expo), visibility 0s; }
[data-r="fold"] [data-part="body"] > [data-part="inner"] { display: flex; flex-direction: column; padding: 0 0 14px; }
[data-r="fold"] [data-part="body"] [data-part="note"] { display: grid; grid-template-columns: var(--fold-cols); column-gap: 8px; margin: 0 0 8px; padding: 0 8px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="fold"] [data-part="body"] [data-part="note"] > span { grid-column: 4 / 7; max-width: 72ch; text-wrap: pretty; }
[data-r="fold"] [data-part="session-row"] { height: 32px; border-radius: var(--r-row); }
[data-r="fold"] [data-part="session-row"] > [data-part="start"] { grid-column: 2 / 4; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; text-align: right; padding-right: 8px; }
[data-r="fold"] [data-part="session-row"] > [data-part="what"] { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--ink); }
[data-r="fold"] [data-part="session-row"] > [data-part="what"] > [data-part="name"] { flex: none; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="fold"] [data-part="session-row"] > [data-part="what"] > [data-r="workout"] { flex: 1 1 auto; min-width: 40px; }
[data-r="fold"] [data-part="session-row"][data-off] > [data-part="what"] > [data-part="name"] { color: var(--ink-3); }
[data-r="fold"] [data-part="session-row"][data-off] > [data-part="num"] { color: var(--ink-3); }
[data-r="fold"] > [data-part="total"] { height: 40px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="fold"] > [data-part="total"] { height: auto; min-height: 40px; padding-block: 6px; }
[data-r="fold"] > [data-part="total"] > [data-part="titles"] { font-weight: var(--fw-450); color: var(--ink-3); white-space: normal; overflow: visible; text-wrap: balance; }
[data-r="fold"] > [data-part="total"] > [data-part="num"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="drawer"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); position: absolute; left: 8px; right: 8px; bottom: 0; z-index: 2; display: flex; flex-direction: column; min-height: 44px; border-radius: var(--r-contain) var(--r-contain) 0 0; background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e3); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="drawer"] > [data-part="grip"] { position: relative; display: flex; flex-direction: column; align-items: stretch; flex: none; height: 44px; padding: 0 16px; cursor: grab; touch-action: none; outline: none; user-select: none; -webkit-user-select: none; }
[data-r="drawer"][data-dragging] > [data-part="grip"] { cursor: grabbing; }
[data-r="drawer"] > [data-part="grip"]:focus-visible [data-part="handle"] { background: var(--accent); }
[data-r="drawer"] > [data-part="grip"][data-force~="focus"] [data-part="handle"] { background: var(--accent); }
[data-r="drawer"] [data-part="handle"] { align-self: center; flex: none; width: 36px; height: 4px; margin-top: 6px; border-radius: var(--r-press); background: var(--line-5); }
[data-r="drawer"] [data-part="grip"] > [data-part="head"] { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; margin-top: -4px; }
[data-r="drawer"] [data-part="title"] { flex: none; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="drawer"] [data-part="sub"] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="drawer"] [data-part="rest"] { flex: none; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="drawer"] > [data-part="body"] { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 4px 16px 24px; box-shadow: inset 0 var(--px) 0 var(--line-1); outline: none; }
[data-r="drawer"] [data-part="table"] { display: flex; flex-direction: column; }
[data-r="drawer"] [data-part="line"] { display: grid; grid-template-columns: 56px minmax(0, 1fr) 72px 72px; align-items: center; column-gap: 12px; min-height: 32px; padding-block: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink); box-shadow: inset 0 calc(-1 * var(--px)) 0 var(--line-1); }
[data-r="drawer"] [data-part="line"] > :first-child { color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="drawer"] [data-part="line"] > [data-num] { text-align: right; font-variant-numeric: tabular-nums; }
[data-r="drawer"] [data-part="line"][data-kind="head"] { min-height: 28px; padding-block: 0; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="drawer"] [data-part="line"][data-kind="total"] { font-weight: var(--fw-550); box-shadow: none; }
[data-r="drawer"] [data-part="note"],
[data-r="drawer"] [data-part="empty"] { max-width: 72ch; margin: 12px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
@container page (width < 720px) {
  [data-r="drawer"] { left: 0; right: 0; }
  [data-r="page"][data-template="fold"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { padding: 12px 8px calc(var(--drawer-cover, 44px) + 24px); }
}
@container page (width < 600px) {
  [data-r="fold"] { --fold-cols: 16px 32px 0 minmax(0, 1fr) 40px 48px 0 0; }
  [data-r="fold"] :is([data-part="row"], [data-part="columns"], [data-part="total"]) > :is(:nth-child(3), :nth-child(n+7)),
  [data-r="fold"] [data-part="session-row"] > :nth-child(n+5) { visibility: hidden; overflow: hidden; }
  [data-r="fold"] > [data-part="columns"] > * { white-space: nowrap; }
  [data-r="fold"] [data-part="session-row"] > [data-part="start"] { grid-column: 1 / 4; }
  [data-r="fold"] [data-part="session-row"] > [data-part="what"] > [data-r="workout"] { display: none; }
  [data-r="fold"] [data-part="session-row"] > [data-part="what"] > [data-part="name"] { max-width: none; flex: 1 1 auto; }
  [data-r="fold"] [data-part="body"] [data-part="note"] > span { grid-column: 2 / -1; }
  [data-r="fold"] [data-part="titles"] > [data-part="session"] + [data-part="session"] { display: none; }
  [data-r="drawer"] [data-part="line"] { grid-template-columns: 44px minmax(0, 1fr) 52px 60px; column-gap: 8px; }
}
@container fold (max-width: 279px) {
  [data-r="fold"] > :is([data-part="columns"], [data-part="total"]),
  [data-r="fold"] [data-part="day"] > [data-part="row"],
  [data-r="fold"] [data-part="session-row"],
  [data-r="fold"] [data-part="body"] [data-part="note"] { --fold-cols: 16px 32px 0 minmax(0, 1fr) 40px 0 0 0; }
  [data-r="fold"] :is([data-part="row"], [data-part="columns"], [data-part="total"]) > :nth-child(6),
  [data-r="fold"] [data-part="session-row"] > :nth-child(4) { visibility: hidden; overflow: hidden; }
}
[data-r="page"][data-template="stack"] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "header" "main" "bottom"; }
[data-r="page"][data-template="stack"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { max-width: var(--col-feed); padding: 28px 24px 96px; }
[data-r="page"][data-template="stack"] [data-r="page-header"] [data-part="bar"] > [data-part="title"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="page"][data-template="stack"] [data-r="page-header"] [data-part="bar"] > [data-part="meta"] { margin-left: 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="stack"] { position: relative; display: flex; flex-direction: column; max-width: var(--col-feed); margin: 0; padding: 0; list-style: none; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="stack"]::before { content: ""; position: absolute; left: 73px; top: 12px; bottom: 12px; width: var(--px); background: var(--line-2); }
[data-r="stack"] > [data-part="item"] { position: relative; display: grid; grid-template-columns: 56px 20px minmax(0, 1fr); column-gap: 8px; align-items: start; padding: 10px 8px 10px 0; border-radius: var(--r-row); outline: none; }
[data-r="stack"] > [data-part="item"]:focus-visible { outline: none; background: var(--plane-hover); }
[data-r="stack"] > [data-part="item"][data-force~="focus"] { outline: none; background: var(--plane-hover); }
[data-r="stack"] [data-part="item"] > [data-part="time"] { padding-top: 12px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
[data-r="stack"] [data-part="item"][data-state="next"] > [data-part="time"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="stack"] [data-part="node"] { position: relative; z-index: 1; justify-self: center; width: 9px; height: 9px; margin-top: 14px; border-radius: var(--r-round); background: var(--paper); box-shadow: inset 0 0 0 1.5px var(--ink-3), 0 0 0 3px var(--paper); }
[data-r="stack"] [data-part="node"][data-state="done"] { background: var(--ink-3); box-shadow: 0 0 0 3px var(--paper); }
[data-r="stack"] [data-part="node"][data-state="next"] { background: var(--paper); box-shadow: inset 0 0 0 2px var(--ink), 0 0 0 3px var(--paper); }
[data-r="stack"] [data-part="node"][data-state="waiting"] { background: radial-gradient(circle, var(--ink) 0 2px, var(--paper) 2.5px); box-shadow: inset 0 0 0 1.5px var(--ink), 0 0 0 3px var(--paper); }
[data-r="stack"] [data-part="content"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
[data-r="stack"] [data-part="head"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="stack"] [data-part="kind"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="stack"] [data-part="head"] > [data-part="title"] { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="stack"] [data-part="head"] > [data-part="end"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="stack"] [data-part="item"][data-state="later"][data-kind="next"] [data-part="title"] { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="stack"] [data-part="line"] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 20px; }
[data-r="stack"] [data-part="fig"] { display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap; }
[data-r="stack"] [data-part="fig"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="stack"] [data-part="fig"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="stack"] [data-part="reading"] { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="stack"] [data-part="reading"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="stack"] [data-part="reading"][data-off] > span { color: var(--ink-2); }
[data-r="stack"] [data-part="content"] > [data-part="note"] { max-width: 62ch; margin: 0; color: var(--ink-2); text-wrap: pretty; }
[data-r="stack"] [data-part="content"] > [data-part="shape"] > [data-r="workout"] { width: 100%; max-width: 520px; }
[data-r="stack"] [data-part="content"] > [data-part="actions"] { display: flex; align-items: center; gap: 8px; }
[data-r="stack"] [data-part="content"] > [data-part="actions"] > [data-part="word"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="stack"] [data-part="item"]:is([data-state="done"], [data-state="later"]) [data-part="fig"] > b,
[data-r="stack"] [data-part="item"]:is([data-state="done"], [data-state="later"]) [data-part="reading"] > b { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="stack"] > [data-part="now"] { position: relative; display: grid; grid-template-columns: 56px 20px minmax(0, 1fr); column-gap: 8px; align-items: center; height: 24px; }
[data-r="stack"] > [data-part="now"] > time { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink); font-variant-numeric: tabular-nums; text-align: right; }
[data-r="stack"] > [data-part="now"] > span { grid-column: 3; display: flex; align-items: center; gap: 8px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); color: var(--ink); }
[data-r="stack"] > [data-part="now"] > span::after { content: ""; flex: 1; height: var(--px); background: var(--ink-3); }
[data-r="stack"] > [data-part="now"]::before { content: ""; position: absolute; left: 70px; top: 9px; width: 7px; height: 7px; border-radius: var(--r-round); background: var(--ink); }
@container page (width < 600px) {
  [data-r="page"][data-template="stack"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { padding: 16px 12px 80px; }
  [data-r="stack"]::before { left: 9px; }
  [data-r="stack"] > :is([data-part="item"], [data-part="now"]) { grid-template-columns: 20px minmax(0, 1fr); column-gap: 8px; }
  [data-r="stack"] [data-part="item"] > [data-part="time"] { grid-column: 2; grid-row: 1; padding-top: 0; text-align: left; }
  [data-r="stack"] [data-part="item"] > [data-part="node"] { grid-column: 1; grid-row: 1 / 3; margin-top: 2px; }
  [data-r="stack"] [data-part="item"] > [data-part="content"] { grid-column: 2; grid-row: 2; margin-top: 4px; }
  [data-r="stack"] > [data-part="now"] > time { display: none; }
  [data-r="stack"] > [data-part="now"] > span { grid-column: 2; }
  [data-r="stack"] > [data-part="now"]::before { left: 6px; }
}
[data-r="page"][data-template="before-after"] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "header" "main" "bottom"; }
[data-r="page"][data-template="before-after"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { max-width: var(--col-collection); padding: 28px 24px 96px; }
[data-r="before-after"] { display: flex; flex-direction: column; gap: 20px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="before-after"] > [data-part="from"] { display: flex; align-items: center; gap: 12px; }
[data-r="before-after"] > [data-part="from"] > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="before-after"] > [data-part="from"] > div > b { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="before-after"] > [data-part="from"] > div > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="before-after"] > [data-part="why"] { max-width: 64ch; margin: 0; padding: 0 0 0 32px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); text-wrap: pretty; }
[data-r="before-after"] > [data-part="state"] { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; min-height: 24px; margin: 0; padding-left: 32px; }
[data-r="before-after"] > [data-part="state"] > [data-part="word"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="before-after"] > [data-part="state"] > [data-part="said"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="before-after"] > [data-part="state"] > [data-r="button"][hidden] { display: none; }
[data-r="before-after"] > [data-part="week"] { display: flex; flex-direction: column; }
[data-r="before-after"] [data-part="day"] { display: grid; grid-template-columns: 84px minmax(0, 1fr) minmax(0, 1fr) 96px; column-gap: 16px; align-items: center; min-height: 40px; padding: 6px 8px; box-shadow: inset 0 calc(-1 * var(--px)) 0 var(--line-1); }
[data-r="before-after"] [data-part="day"][data-changed] { min-height: 52px; }
[data-r="before-after"] [data-part="day"][data-kind="head"] { min-height: 28px; box-shadow: inset 0 calc(-1 * var(--px)) 0 var(--line-2); }
[data-r="before-after"] [data-part="day"][data-kind="head"] > span { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="before-after"] [data-part="day"] > [data-part="date"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="before-after"] [data-part="day"][data-changed] > [data-part="date"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="before-after"] [data-part="day"] > :is([data-part="before"], [data-part="after"]) { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
[data-r="before-after"] [data-part="day"] > [data-part="difference"] { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
[data-r="before-after"] [data-part="difference"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="before-after"] [data-part="difference"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="before-after"] [data-part="session"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name figs" "strip strip"; gap: 4px 12px; min-width: 0; }
[data-r="before-after"] [data-part="session"] > [data-part="name"] { grid-area: name; display: flex; align-items: center; gap: 6px; min-width: 0; color: var(--ink); white-space: nowrap; overflow: hidden; }
[data-r="before-after"] [data-part="session"] > [data-part="name"] > span:last-child { overflow: hidden; text-overflow: ellipsis; }
[data-r="before-after"] [data-part="session"] > [data-part="figs"] { grid-area: figs; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="before-after"] [data-part="session"] > [data-r="workout"] { grid-area: strip; }
[data-r="before-after"] [data-part="day"]:not([data-changed]) [data-part="session"] > [data-r="workout"] { display: none; }
[data-r="before-after"] [data-part="day"]:not([data-changed]) [data-part="session"] > [data-part="name"] { color: var(--ink-2); }
[data-r="before-after"] :is([data-part="same"], [data-part="rest"]) { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="before-after"] [data-part="day"][data-kind="total"] > div { flex-direction: row; align-items: baseline; gap: 8px; }
[data-r="before-after"] [data-part="day"][data-kind="total"] > [data-part="difference"] { justify-content: flex-end; }
[data-r="before-after"] [data-part="day"][data-kind="total"] b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="before-after"] [data-part="day"][data-kind="total"] span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="before-after"] [data-part="day"][data-kind="total"] > span { font-weight: var(--fw-550); color: var(--ink); }
[data-r="before-after"][data-state="accepted"] [data-part="day"][data-changed] > [data-part="before"] [data-part="name"] > span:last-child,
[data-r="before-after"][data-state="kept"] [data-part="day"][data-changed] > [data-part="after"] [data-part="name"] > span:last-child { color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
[data-r="before-after"][data-state="accepted"] [data-part="day"][data-changed] > [data-part="before"] [data-r="workout"],
[data-r="before-after"][data-state="kept"] [data-part="day"][data-changed] > [data-part="after"] [data-r="workout"] { opacity: .35; }
[data-r="before-after"] > [data-part="further"] { display: flex; flex-direction: column; max-width: 560px; }
[data-r="before-after"] > [data-part="further"] > h3 { margin: 0 0 4px; padding: 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="before-after"] > [data-part="further"] > [data-part="line"] { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 32px; padding: 0 8px; box-shadow: inset 0 calc(-1 * var(--px)) 0 var(--line-1); }
[data-r="before-after"] [data-part="change"] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="before-after"] [data-part="change"] > em { font-style: normal; font-weight: var(--fw-550); color: var(--ink); }
[data-r="before-after"] [data-part="change"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
@container page (width < 640px) {
  [data-r="page"][data-template="before-after"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { padding: 16px 12px 80px; }
  [data-r="before-after"] > :is([data-part="why"], [data-part="state"]) { padding-left: 0; }
  [data-r="before-after"] [data-part="day"] { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "date diff" "before before" "after after"; row-gap: 6px; }
  [data-r="before-after"] [data-part="day"] > [data-part="date"],
  [data-r="before-after"] [data-part="day"] > :first-child { grid-area: date; }
  [data-r="before-after"] [data-part="day"] > [data-part="before"] { grid-area: before; }
  [data-r="before-after"] [data-part="day"] > [data-part="after"] { grid-area: after; }
  [data-r="before-after"] [data-part="day"] > [data-part="difference"] { grid-area: diff; flex-direction: row; gap: 8px; }
  [data-r="before-after"] [data-part="day"]:not([data-changed]) > [data-part="after"] { display: none; }
  [data-r="before-after"] [data-part="day"][data-kind="head"] { display: none; }
  [data-r="before-after"] [data-part="day"][data-changed] > [data-part="before"]::before { content: "Now"; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
  [data-r="before-after"] [data-part="day"][data-changed] > [data-part="after"]::before { content: "Suggested"; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
}
[data-r="page"][data-template="gallery"] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "header" "main" "bottom"; }
[data-r="page"][data-template="gallery"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { max-width: var(--col-collection); padding: 16px 24px 96px; }
[data-r="page"][data-template="gallery"] [data-r="page-header"] [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="gallery"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
[data-r="gallery"] > [data-part="folder"][hidden] { display: none; }
[data-r="gallery"] [data-part="folder-head"] { display: flex; align-items: center; gap: 8px; height: 32px; margin: 0; padding: 0 8px; border: 0; border-radius: var(--r-row); background: transparent; font: inherit; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); cursor: default; outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="gallery"] [data-part="folder-head"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="gallery"] [data-part="folder-head"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="gallery"] :is([data-part="more"], [data-part="more-folders"]) { display: flex; align-items: center; gap: 8px; height: 32px; margin: 0; padding: 0 8px; border: 0; border-radius: var(--r-row); background: transparent; font: inherit; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink-2); cursor: default; outline: none; align-self: flex-start; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="gallery"] :is([data-part="more"], [data-part="more-folders"]):hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="gallery"] :is([data-part="more"], [data-part="more-folders"])[data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="gallery"] :is([data-part="more"], [data-part="more-folders"]):focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="gallery"] :is([data-part="more"], [data-part="more-folders"])[data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="gallery"] :is([data-part="more"], [data-part="more-folders"]) > svg[data-icon] { color: var(--thing, var(--ink-3)); }
[data-r="gallery"] :is([data-part="more"], [data-part="more-folders"])[hidden] { display: none; }
[data-r="gallery"] [data-part="folder-head"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="gallery"] [data-part="folder-head"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="gallery"] [data-part="folder-head"] > [data-part="chevron"] { display: flex; color: var(--ink-3); }
[data-r="gallery"] [data-part="folder-head"] > [data-part="chevron"] > svg { transition: rotate var(--fold-turn) var(--ease-fold-turn); }
[data-r="gallery"] [data-part="folder-head"][aria-expanded="true"] > [data-part="chevron"] > svg { rotate: 90deg; }
[data-r="gallery"] [data-part="folder-head"] > svg[data-icon] { color: var(--thing, var(--ink-3)); }
[data-r="gallery"] [data-part="folder-head"] > [data-part="count"] { font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="gallery"] [data-part="folder-head"][aria-expanded="false"] + [data-part="items"] { display: none; }
[data-r="gallery"] [data-part="items"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(164px, 1fr)); gap: 8px 16px; padding: 4px 0 8px; }
[data-r="gallery"] [data-part="item"] { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 10px 10px 10px; border-radius: var(--r-contain); background-color: transparent; cursor: grab; outline: none; transition: background-color var(--state-out); }
[data-r="gallery"] [data-part="item"][hidden] { display: none; }
@media (hover: hover) {
  [data-r="gallery"] [data-part="item"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="gallery"] [data-part="item"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="gallery"] [data-part="item"][aria-selected="true"] { background-color: var(--plane-selected); transition-duration: 0s; }
[data-r="gallery"] [data-part="item"]:not([aria-selected="true"]):focus-visible { outline: none; background: var(--plane-hover); }
[data-r="gallery"] [data-part="item"]:not([aria-selected="true"])[data-force~="focus"] { outline: none; background: var(--plane-hover); }
[data-r="gallery"] [data-part="item"][aria-selected="true"]:focus-visible { outline: none; }
[data-r="gallery"] [data-part="item"][aria-selected="true"][data-force~="focus"] { outline: none; }
[data-r="gallery"] [data-part="item"] > [data-part="shape"] { display: flex; align-items: flex-end; height: 44px; margin-bottom: 6px; }
[data-r="gallery"] [data-part="item"] > [data-part="shape"] > [data-r="workout"] { width: 100%; }
[data-r="gallery"] [data-part="item"] > [data-part="name"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="gallery"] [data-part="item"] > [data-part="meta"] { display: flex; gap: 10px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="gallery"] [data-part="item"][aria-selected="true"] > [data-part="meta"] { color: var(--ink-2); }
[data-r="gallery"] > [data-part="none"] { margin: 0; padding: 24px 8px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="gallery"][data-variant="preview"] [data-part="items"] { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 4px; padding: 0; }
[data-r="gallery"][data-variant="preview"] [data-part="item"] { gap: 6px; padding: 4px 4px 8px; cursor: default; }
[data-r="gallery"][data-variant="preview"] [data-part="item"] > [data-part="preview"] { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: var(--ratio, 4 / 5); overflow: hidden; border-radius: var(--r-row); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="gallery"][data-variant="preview"] [data-part="item"] > [data-part="preview"] > :is(img, svg, canvas) { display: block; width: 100%; height: 100%; object-fit: contain; }
[data-r="gallery"][data-variant="preview"] [data-part="item"] > [data-part="preview"] > :not(img, svg, canvas) { width: 100%; height: 100%; }
[data-r="gallery"][data-variant="preview"] [data-part="item"] > [data-part="preview"][data-pending] > * { visibility: hidden; }
[data-r="gallery"][data-variant="preview"] [data-part="item"] > [data-part="name"] { padding: 0 2px; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="gallery"][data-variant="preview"] [data-part="item"] > [data-part="meta"] { padding: 0 2px; }
[data-r="gallery"][data-variant="preview"][data-columns="wide"] [data-part="items"] { grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--panel-list)), 1fr)); gap: var(--space-8); }
@container page (width < 600px) {
  [data-r="page"][data-template="gallery"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { padding: 8px 8px 80px; }
  [data-r="gallery"] [data-part="items"] { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 4px 8px; }
}
[data-r="blocks"] { display: flex; align-items: center; gap: 16px; height: 44px; padding: 0 12px 0 16px; box-shadow: inset 0 var(--px) 0 var(--line-2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="blocks"] > [data-part="list"] { display: flex; align-items: center; gap: 4px; min-width: 0; }
[data-r="blocks"] [data-part="block"],
[data-part="block"][data-ghost] { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px 0 8px; margin: 0; border: 0; border-radius: var(--r-press); background: var(--pill-rest, var(--raised)); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-paper)); font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); cursor: grab; outline: none; white-space: nowrap; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="blocks"] [data-part="block"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="blocks"] [data-part="block"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="blocks"] [data-part="block"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="blocks"] [data-part="block"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-part="block"][data-ghost] { position: fixed; z-index: var(--z-popover); margin: 0; pointer-events: none; cursor: grabbing; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-raised)), var(--e2); background: var(--raised); }
[data-part="block"] > [data-part="swatch"] { flex: none; align-self: flex-end; width: 10px; height: var(--h); margin-bottom: 6px; border-radius: 2px; background: var(--z); }
[data-r="blocks"] > [data-part="totals"] { display: flex; align-items: baseline; gap: 16px; margin-left: auto; white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="blocks"] > [data-part="totals"] > [data-part="name"] { font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="blocks"] [data-part="fig"] { display: inline-flex; align-items: baseline; gap: 5px; }
[data-r="blocks"] [data-part="fig"] > span { color: var(--ink-3); }
[data-r="blocks"] [data-part="fig"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="blocks"][data-variant="pages"] { --thumb-h: 48px; height: auto; min-height: 64px; padding: 6px 12px 6px 12px; align-items: center; }
[data-r="blocks"][data-variant="pages"] > [data-part="list"] { gap: 4px; padding: 2px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
[data-r="blocks"][data-variant="pages"] > [data-part="list"] > [data-part="item"] { position: relative; display: flex; flex: none; padding: 3px; border-radius: var(--r-row); cursor: grab; outline: none; touch-action: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="blocks"][data-variant="pages"] > [data-part="list"] > [data-part="item"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="blocks"][data-variant="pages"] > [data-part="list"] > [data-part="item"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="blocks"][data-variant="pages"] > [data-part="list"] > [data-part="item"][aria-current="page"] { background-color: var(--plane-selected); }
[data-r="blocks"][data-variant="pages"] > [data-part="list"] > [data-part="item"]:focus-visible { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="blocks"][data-variant="pages"] > [data-part="list"] > [data-part="item"][data-force~="focus"] { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="blocks"][data-variant="pages"] [data-part="thumb"] { display: block; flex: none; height: var(--thumb-h); aspect-ratio: var(--ratio, 4 / 5); overflow: hidden; border-radius: var(--r-key); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-paper)); }
[data-r="blocks"][data-variant="pages"] [data-part="thumb"] > :is(img, svg, canvas) { display: block; width: 100%; height: 100%; object-fit: cover; }
[data-r="blocks"][data-variant="pages"] [data-part="item"] > [data-part="index"] { position: absolute; left: 6px; bottom: 6px; min-width: 14px; height: 14px; padding: 0 3px; border-radius: var(--r-press); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); font-size: var(--fs-9); line-height: var(--lh-9); font-weight: var(--fw-550); color: var(--ink-2); text-align: center; font-variant-numeric: tabular-nums; }
[data-r="blocks"][data-variant="pages"] [data-part="item"][aria-current="page"] > [data-part="index"] { color: var(--ink); }
[data-r="blocks"][data-variant="pages"] [data-part="item"] > [data-part="actions"] { position: absolute; top: 5px; right: 5px; display: flex; gap: 2px; opacity: 0; transition: opacity var(--state-out); }
[data-r="blocks"][data-variant="pages"] [data-part="item"] > [data-part="actions"] > [data-r="button"] { --plane-hover: var(--raised-hover); background-color: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); }
@media (hover: hover) {
  [data-r="blocks"][data-variant="pages"] [data-part="item"][aria-current="page"]:hover > [data-part="actions"] { opacity: 1; transition-duration: 0s; }
}
[data-r="blocks"][data-variant="pages"] [data-part="item"][aria-current="page"][data-force~="hover"] > [data-part="actions"] { opacity: 1; transition-duration: 0s; }
[data-r="blocks"][data-variant="pages"] [data-part="item"][aria-current="page"]:focus-within > [data-part="actions"] { opacity: 1; transition-duration: 0s; }
[data-r="blocks"][data-variant="pages"] [data-part="item"]:is([data-lifted], [data-held]) > [data-part="actions"] { opacity: 0; }
[data-r="blocks"][data-variant="pages"] [data-r="sortable"] > [data-part="slot"] { border-radius: var(--r-row); }
[data-r="blocks"][data-variant="pages"] > [data-part="add"] { display: grid; place-items: center; flex: none; height: calc(var(--thumb-h) + 6px); aspect-ratio: var(--ratio, 4 / 5); margin: 0 0 0 -12px; padding: 0; border: var(--px) dashed var(--line-4); border-radius: var(--r-row); background: transparent; color: var(--ink-3); cursor: default; transition: border-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="blocks"][data-variant="pages"] > [data-part="add"]:hover { border-color: var(--line-5); color: var(--ink); transition-duration: 0s; }
}
[data-r="blocks"][data-variant="pages"] > [data-part="add"][data-force~="hover"] { border-color: var(--line-5); color: var(--ink); transition-duration: 0s; }
[data-r="blocks"][data-variant="pages"] > [data-part="add"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="blocks"][data-variant="pages"] > [data-part="add"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="blocks"][data-variant="pages"] > [data-part="add"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="page"][data-template="canvas"] > [data-part="main"] > [data-part="drop"] { position: absolute; top: 48px; bottom: 56px; right: 32px; width: 124px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 12px; border: var(--px) dashed var(--line-4); border-radius: var(--r-contain); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); transition: border-color var(--state-out), color var(--state-out); }
[data-r="page"][data-template="canvas"] > [data-part="main"][data-dropping] > [data-part="drop"] { color: var(--ink-2); border-color: var(--line-5); }
[data-r="page"][data-template="canvas"] > [data-part="main"] > [data-part="drop"][data-over] { color: var(--ink); border-color: var(--ink-3); transition-duration: 0s; }
@container page (width < 720px) {
  [data-r="blocks"] { flex-wrap: wrap; height: auto; padding: 8px 12px; row-gap: 8px; }
  [data-r="blocks"] > [data-part="totals"] { margin-left: 0; gap: 12px; }
  [data-r="blocks"] > :is([data-part="list"], [data-part="totals"]) { flex-wrap: wrap; row-gap: 4px; }
}
}

/* ═══ 97-glyph-things.css ═══ */
@layer components {
svg:is([data-glyph="energy"], [data-glyph="fatigue"]) { --thing: var(--body-energy); }
svg:is([data-glyph="cycle-follicular"], [data-glyph="cycle-luteal"], [data-glyph="cycle-menstruation"], [data-glyph="cycle-ovulation"]) { --thing: var(--body-menstrual); }
svg:is([data-glyph="motivation"]) { --thing: var(--body-mood); }
svg:is([data-glyph="readiness"], [data-glyph="readiness-capped"]) { --thing: var(--body-readiness); }
svg:is([data-glyph="heart"]) { --thing: var(--body-rhr); }
svg:is([data-glyph="bed"], [data-glyph="insomnia"], [data-glyph="moon"], [data-glyph="sleep"], [data-glyph="sleep-scale"]) { --thing: var(--body-sleep); }
svg:is([data-glyph="headache"], [data-glyph="pain"]) { --thing: var(--body-soreness); }
svg:is([data-glyph="dizzy"]) { --thing: var(--body-stress); }
svg:is([data-glyph="illness"], [data-glyph="thermometer"]) { --thing: var(--body-temperature); }
svg:is([data-glyph="scale"], [data-glyph="scale-down"]) { --thing: var(--body-weight); }
svg:is([data-glyph="battery-down"], [data-glyph="decline-slight"], [data-glyph="flat-line"], [data-glyph="intensity-shift"], [data-glyph="lungs-down"], [data-glyph="mitochondrion"], [data-glyph="muscle-down"], [data-glyph="phase-base"], [data-glyph="phase-build"], [data-glyph="phase-off-season"], [data-glyph="phase-peak"], [data-glyph="phase-recover"], [data-glyph="phase-taper"], [data-glyph="phase-taper-scale"], [data-glyph="ratio"], [data-glyph="ruler"], [data-glyph="signal-waves"], [data-glyph="trend-up-scale"], [data-glyph="volume-stack"]) { --thing: var(--domain-adapt); }
svg:is([data-glyph="age"], [data-glyph="chevron-under-line"], [data-glyph="chevrons-up"], [data-glyph="cramp"], [data-glyph="intake-clock"], [data-glyph="monotony"], [data-glyph="muscle"], [data-glyph="neuromuscular"], [data-glyph="nose"], [data-glyph="shield-scale"], [data-glyph="slope-cliff"], [data-glyph="slope-gentle"], [data-glyph="slope-rise"], [data-glyph="slope-steep"], [data-glyph="speed-endurance"], [data-glyph="surge"], [data-glyph="systemic"], [data-glyph="throat"], [data-glyph="training-gap"]) { --thing: var(--domain-body); }
svg:is([data-glyph="bar-outlier"], [data-glyph="bell-scale"], [data-glyph="bookmark"], [data-glyph="broken-link"], [data-glyph="calendar-link"], [data-glyph="cell-cross"], [data-glyph="cell-dashed"], [data-glyph="cell-empty"], [data-glyph="cell-slash"], [data-glyph="circle-down"], [data-glyph="circle-forward"], [data-glyph="circle-up"], [data-glyph="clock-span"], [data-glyph="connected"], [data-glyph="consent"], [data-glyph="context-note"], [data-glyph="conversation-eye"], [data-glyph="dash"], [data-glyph="device"], [data-glyph="dismiss"], [data-glyph="dot-half"], [data-glyph="dot-solid"], [data-glyph="evidence-missing"], [data-glyph="eye"], [data-glyph="eye-slash"], [data-glyph="flag"], [data-glyph="fork-arrow"], [data-glyph="gear-section"], [data-glyph="hand"], [data-glyph="history-line"], [data-glyph="import"], [data-glyph="inbox"], [data-glyph="library-books"], [data-glyph="link-dashed"], [data-glyph="link-superseded"], [data-glyph="linked-dots"], [data-glyph="muted-mark"], [data-glyph="needs-input"], [data-glyph="not-saved"], [data-glyph="note"], [data-glyph="page-eye"], [data-glyph="panel-sealed"], [data-glyph="pattern"], [data-glyph="plug-disconnected"], [data-glyph="proof-seal"], [data-glyph="reading"], [data-glyph="relation"], [data-glyph="relation-belongs"], [data-glyph="relation-blocked"], [data-glyph="relation-depends"], [data-glyph="relation-event"], [data-glyph="relation-experiment"], [data-glyph="relation-from-library"], [data-glyph="relation-from-playbook"], [data-glyph="relation-from-protocol"], [data-glyph="relation-fuel"], [data-glyph="relation-fulfills"], [data-glyph="relation-goal"], [data-glyph="relation-incident"], [data-glyph="relation-informed"], [data-glyph="relation-planned"], [data-glyph="relation-protocol"], [data-glyph="relation-race"], [data-glyph="relation-references"], [data-glyph="relation-replaces"], [data-glyph="relation-review"], [data-glyph="relation-revises"], [data-glyph="relation-route"], [data-glyph="relation-supersedes"], [data-glyph="ring-broken"], [data-glyph="ring-closed"], [data-glyph="ring-dashed"], [data-glyph="saved-offline"], [data-glyph="saved-view"], [data-glyph="sensor-dashed"], [data-glyph="sensor-half"], [data-glyph="sensor-live"], [data-glyph="sensor-none"], [data-glyph="shield"], [data-glyph="snapshot-frame"], [data-glyph="snooze"], [data-glyph="sparkle"], [data-glyph="store-clearable"], [data-glyph="store-kept"], [data-glyph="store-unknown"], [data-glyph="suggestion-waiting"], [data-glyph="ticket"], [data-glyph="trend-line"], [data-glyph="undo"], [data-glyph="waiting-to-send"], [data-glyph="week-signal"]) { --thing: var(--domain-codex); }
svg:is([data-glyph="load-scale"]) { --thing: var(--domain-composite); }
svg:is([data-glyph="durability"], [data-glyph="durability-scale"], [data-glyph="hourglass-scale"]) { --thing: var(--domain-durability); }
svg:is([data-glyph="carb-load"], [data-glyph="energy-scale"], [data-glyph="glycogen-store"], [data-glyph="high-unused"], [data-glyph="liver-store"], [data-glyph="quality-on-low"], [data-glyph="ring-empty"], [data-glyph="ring-exclamation"], [data-glyph="stacked-low"]) { --thing: var(--domain-energy); }
svg:is([data-glyph="acclimatization"], [data-glyph="acclimatization-scale"], [data-glyph="altitude"], [data-glyph="cho-delivery"], [data-glyph="duration-shift"], [data-glyph="fluid-gap"], [data-glyph="heat-above-plan"], [data-glyph="heat-mismatch"], [data-glyph="heat-waves"], [data-glyph="house"], [data-glyph="loop"], [data-glyph="out-and-back"], [data-glyph="path-bend"], [data-glyph="path-bend-note"], [data-glyph="path-straight"], [data-glyph="plane-east"], [data-glyph="plane-west"], [data-glyph="route"], [data-glyph="route-short"], [data-glyph="slope-steep-scale"], [data-glyph="summit"], [data-glyph="sweat-drops"], [data-glyph="terrain-flat"], [data-glyph="terrain-hilly"], [data-glyph="terrain-mountain"], [data-glyph="terrain-rolling"], [data-glyph="trail"], [data-glyph="tree"], [data-glyph="zone-hidden"]) { --thing: var(--domain-environment); }
svg:is([data-glyph="above-tested"], [data-glyph="after-session"], [data-glyph="apple"], [data-glyph="balance-scale"], [data-glyph="beaker-check"], [data-glyph="beaker-cross"], [data-glyph="beaker-dashed"], [data-glyph="beaker-mark"], [data-glyph="beetroot"], [data-glyph="before-session"], [data-glyph="bolus"], [data-glyph="bowl"], [data-glyph="breakpoint"], [data-glyph="breakpoint-scale"], [data-glyph="carry-belt"], [data-glyph="carry-pockets"], [data-glyph="carry-unlimited"], [data-glyph="carry-vest"], [data-glyph="chain-long"], [data-glyph="clock-late"], [data-glyph="constrained"], [data-glyph="coverage-gap"], [data-glyph="cup-empty"], [data-glyph="deadline-scale"], [data-glyph="demand-unfed"], [data-glyph="depot-clumped"], [data-glyph="depot-missed"], [data-glyph="dinner-plate"], [data-glyph="distance-first"], [data-glyph="double-day"], [data-glyph="during-session"], [data-glyph="fork-knife"], [data-glyph="format"], [data-glyph="gel"], [data-glyph="gel-scale"], [data-glyph="hexagon"], [data-glyph="hexagon-pentagon"], [data-glyph="hexagon-pentagon-bent"], [data-glyph="intake-gap"], [data-glyph="intake-high"], [data-glyph="intake-low"], [data-glyph="junior"], [data-glyph="key"], [data-glyph="kiosk"], [data-glyph="leaf"], [data-glyph="loading-short"], [data-glyph="log-fueling"], [data-glyph="market"], [data-glyph="masters"], [data-glyph="mug"], [data-glyph="next-rung"], [data-glyph="none"], [data-glyph="nutrition-plan"], [data-glyph="one-form"], [data-glyph="osmolality"], [data-glyph="other-ingredient"], [data-glyph="pace-over"], [data-glyph="packed-food"], [data-glyph="pentagon"], [data-glyph="plate-empty"], [data-glyph="pot"], [data-glyph="protocol"], [data-glyph="question"], [data-glyph="refill-spiral"], [data-glyph="return-to-training"], [data-glyph="rosette-check"], [data-glyph="rosette-open"], [data-glyph="salt-shaker"], [data-glyph="sandwich"], [data-glyph="supply-empty"], [data-glyph="tank-empty"], [data-glyph="tank-full"], [data-glyph="tank-part"], [data-glyph="taste"], [data-glyph="vest-pocket-empty"], [data-glyph="wrapped-bar"]) { --thing: var(--domain-fuel); }
svg:is([data-glyph="beyond-evidence"], [data-glyph="duration-mismatch"], [data-glyph="exposure-ladder"], [data-glyph="flex-arrows"], [data-glyph="gi-break"], [data-glyph="gi-not-quiet"], [data-glyph="gi-sensitive"], [data-glyph="gut-ceiling"], [data-glyph="gut-ceiling-scale"], [data-glyph="gut-tolerance"], [data-glyph="hourglass"], [data-glyph="intensity-hypoperfusion"], [data-glyph="intensity-peaks"], [data-glyph="lane-queue"], [data-glyph="lane-single"], [data-glyph="lanes-dual"], [data-glyph="lanes-mismatch"], [data-glyph="log-gap"], [data-glyph="pin"], [data-glyph="product"], [data-glyph="rate-above-ceiling"], [data-glyph="rate-dial"], [data-glyph="rate-past-limit"], [data-glyph="ratio-mismatch"], [data-glyph="stack-up"], [data-glyph="step-big"], [data-glyph="stomach"], [data-glyph="thin-record"], [data-glyph="timing-before-session"]) { --thing: var(--domain-gut); }
svg:is([data-glyph="assessment"], [data-glyph="beaker-question"], [data-glyph="blood-drop"], [data-glyph="blood-tube"], [data-glyph="blood-tube-scale"], [data-glyph="bolt-dot"], [data-glyph="dna"], [data-glyph="flask"], [data-glyph="flask-check"], [data-glyph="flask-cross"], [data-glyph="flask-dots"], [data-glyph="gear-scale"], [data-glyph="lactate-steps"], [data-glyph="linked-dots-scale"], [data-glyph="red-cells"], [data-glyph="ruler-person"], [data-glyph="spots-all"], [data-glyph="spots-dashed"], [data-glyph="spots-none"], [data-glyph="spots-some"], [data-glyph="stethoscope"]) { --thing: var(--domain-lab); }
svg:is([data-glyph="bell"], [data-glyph="bell-quiet"], [data-glyph="bell-wave"], [data-glyph="brain"], [data-glyph="broom"], [data-glyph="class-continuous"], [data-glyph="class-over-unders"], [data-glyph="class-short-intervals"], [data-glyph="class-sprints"], [data-glyph="class-tempo-blocks"], [data-glyph="class-threshold-intervals"], [data-glyph="class-vo2-intervals"], [data-glyph="gauge"], [data-glyph="gauge-scale"], [data-glyph="load"], [data-glyph="load-bar-down"], [data-glyph="load-bar-hold"], [data-glyph="load-bar-up"], [data-glyph="peaks-in-band"], [data-glyph="peaks-over-band"], [data-glyph="repeat-block"], [data-glyph="repeat-campaign"], [data-glyph="repeat-next-day"], [data-glyph="repeat-once"], [data-glyph="target-empty"], [data-glyph="zones-base"], [data-glyph="zones-mixed"], [data-glyph="zones-polarized"], [data-glyph="zones-pyramidal"], [data-glyph="zones-threshold"]) { --thing: var(--domain-load); }
svg:is([data-glyph="accept"], [data-glyph="alternative"], [data-glyph="archive"], [data-glyph="bandage"], [data-glyph="benchmark"], [data-glyph="binoculars"], [data-glyph="blocks-next"], [data-glyph="brick"], [data-glyph="briefcase"], [data-glyph="calendar"], [data-glyph="calendar-save"], [data-glyph="carryover"], [data-glyph="ceiling-target"], [data-glyph="change-conflict"], [data-glyph="check-in-due"], [data-glyph="clock"], [data-glyph="compass"], [data-glyph="contradiction"], [data-glyph="day-available"], [data-glyph="day-cell"], [data-glyph="day-deplete"], [data-glyph="day-empty"], [data-glyph="day-free-up"], [data-glyph="day-limited"], [data-glyph="day-race"], [data-glyph="decision-decided"], [data-glyph="decision-fatigue"], [data-glyph="decision-mark"], [data-glyph="decision-open"], [data-glyph="door"], [data-glyph="duration-bounded"], [data-glyph="duration-fixed"], [data-glyph="duration-open"], [data-glyph="feather"], [data-glyph="flame"], [data-glyph="intensity-creep"], [data-glyph="landing-close"], [data-glyph="landing-different"], [data-glyph="landing-off-plan"], [data-glyph="landing-on-plan"], [data-glyph="library-save"], [data-glyph="lightbulb"], [data-glyph="logging-decay"], [data-glyph="match-to-plan"], [data-glyph="mismatch"], [data-glyph="openers"], [data-glyph="outruns"], [data-glyph="page-active"], [data-glyph="page-dashed"], [data-glyph="pause"], [data-glyph="period-span"], [data-glyph="phase-deload"], [data-glyph="plan"], [data-glyph="plan-changed"], [data-glyph="plan-step"], [data-glyph="playbook"], [data-glyph="repeat-miss"], [data-glyph="rest-day-clear"], [data-glyph="rest-day-lost"], [data-glyph="rest-day-pressed"], [data-glyph="revision"], [data-glyph="season"], [data-glyph="session"], [data-glyph="session-assign"], [data-glyph="session-dashed"], [data-glyph="session-edit"], [data-glyph="session-lock"], [data-glyph="session-mine"], [data-glyph="session-recover"], [data-glyph="session-star"], [data-glyph="shield-key"], [data-glyph="signpost"], [data-glyph="suggestion-arrow"], [data-glyph="suitcase"], [data-glyph="superseded"], [data-glyph="technique"], [data-glyph="tent"], [data-glyph="time-cut"], [data-glyph="time-walled"], [data-glyph="timeline-marker"], [data-glyph="tool-no-purpose"], [data-glyph="trim-week"], [data-glyph="week-budget"], [data-glyph="week-camp"], [data-glyph="week-ease"], [data-glyph="week-keep-over"], [data-glyph="week-move-next"], [data-glyph="week-race"], [data-glyph="week-row"], [data-glyph="week-separate"], [data-glyph="week-share"], [data-glyph="week-test"], [data-glyph="week-travel"], [data-glyph="wrench"]) { --thing: var(--domain-plan); }
svg:is([data-glyph="bolt"], [data-glyph="bolt-scale"], [data-glyph="cp-asymptote"]) { --thing: var(--domain-power); }
svg:is([data-glyph="bookmark-scale"], [data-glyph="bracket-final"], [data-glyph="bracket-four"], [data-glyph="bracket-pool"], [data-glyph="bracket-two"], [data-glyph="combine-untested"], [data-glyph="conditions-untested"], [data-glyph="country"], [data-glyph="deadline"], [data-glyph="finish-arch"], [data-glyph="finish-arch-scale"], [data-glyph="globe"], [data-glyph="main-block"], [data-glyph="mortarboard"], [data-glyph="race-prep-incomplete"], [data-glyph="race-sim"], [data-glyph="race-sim-scale"], [data-glyph="ramp-down"], [data-glyph="ramp-up"], [data-glyph="rate-untested"], [data-glyph="region"], [data-glyph="stage-race"], [data-glyph="timing-stress"], [data-glyph="trophy"], [data-glyph="untested-whole"]) { --thing: var(--domain-race); }
svg:is([data-glyph="age-scale"], [data-glyph="athlete"], [data-glyph="athlete-scale"], [data-glyph="checklist-gaps"], [data-glyph="conversation"], [data-glyph="envelope-clock"], [data-glyph="envelope-slash"], [data-glyph="eye-person"], [data-glyph="gear"], [data-glyph="lock"], [data-glyph="log-missing"], [data-glyph="low-tolerance"], [data-glyph="message-cross"], [data-glyph="pacer"], [data-glyph="parent-child"], [data-glyph="people-group"], [data-glyph="people-group-scale"], [data-glyph="person"], [data-glyph="person-briefcase"], [data-glyph="person-key"], [data-glyph="review-ask"], [data-glyph="review-declined"], [data-glyph="review-in"], [data-glyph="review-none"], [data-glyph="review-requested"], [data-glyph="reviewed"], [data-glyph="team"], [data-glyph="whistle"], [data-glyph="whistle-alert"], [data-glyph="whistle-pair"], [data-glyph="whistle-star"]) { --thing: var(--domain-social); }
svg:is([data-glyph="battery"], [data-glyph="battery-scale"], [data-glyph="brain-scale"], [data-glyph="briefcase-scale"], [data-glyph="cramp-scale"], [data-glyph="fatigue-scale"], [data-glyph="heart-scale"], [data-glyph="lungs"], [data-glyph="lungs-scale"], [data-glyph="mitochondrion-scale"], [data-glyph="muscle-scale"], [data-glyph="neuromuscular-scale"], [data-glyph="recover-arrow-scale"], [data-glyph="systemic-scale"], [data-glyph="time-matched"], [data-glyph="time-near"], [data-glyph="time-off"]) { --thing: var(--domain-state); }
svg:is([data-glyph="trend-up"]) { --thing: var(--intent-adaptation); }
svg:is([data-glyph="steady-line"]) { --thing: var(--intent-endurance); }
svg:is([data-glyph="race-bib"]) { --thing: var(--intent-race); }
svg:is([data-glyph="recover-arrow"]) { --thing: var(--intent-recovery); }
svg:is([data-glyph="step-hold"]) { --thing: var(--intent-tempo); }
svg:is([data-glyph="stopwatch"]) { --thing: var(--intent-test); }
svg:is([data-glyph="store-low"]) { --thing: var(--intent-train-low); }
svg:is([data-glyph="grain"], [data-glyph="grain-scale"], [data-glyph="sugar-alcohol"], [data-glyph="sugar-cube"]) { --thing: var(--macro-carbohydrate); }
svg:is([data-glyph="oil-drop"], [data-glyph="oil-drop-mono"], [data-glyph="oil-drop-poly"], [data-glyph="oil-drop-solid"], [data-glyph="oil-drop-trans"]) { --thing: var(--macro-fat); }
svg:is([data-glyph="fiber"]) { --thing: var(--macro-fibre); }
svg:is([data-glyph="branched-chain"], [data-glyph="egg"], [data-glyph="fish"], [data-glyph="leucine"]) { --thing: var(--macro-protein); }
svg:is([data-glyph="droplet"]) { --thing: var(--macro-water); }
svg:is([data-glyph="session-done"]) { --thing: var(--session-done); }
svg:is([data-glyph="day-unavailable"]) { --thing: var(--session-missed); }
svg:is([data-glyph="forecast"]) { --thing: var(--sky-cloud); }
svg:is([data-glyph="weather"]) { --thing: var(--sky-cloud-sun); }
svg:is([data-glyph="sun"], [data-glyph="sunrise-check"], [data-glyph="sunset"]) { --thing: var(--sky-sun); }
svg:is([data-glyph="wind"]) { --thing: var(--sky-wind); }
svg:is([data-glyph="mobility"]) { --thing: var(--sport-mobility); }
svg:is([data-glyph="t1"], [data-glyph="t2"], [data-glyph="transition-swap"]) { --thing: var(--sport-other); }
svg:is([data-glyph="arrow-to-bar"], [data-glyph="bike"], [data-glyph="gravel"], [data-glyph="map-pin"], [data-glyph="mtb-trail"], [data-glyph="road"], [data-glyph="smart-trainer"], [data-glyph="span-between-posts"]) { --thing: var(--sport-ride); }
svg:is([data-glyph="runner"], [data-glyph="running-spike"], [data-glyph="running-track"], [data-glyph="treadmill"]) { --thing: var(--sport-run); }
svg:is([data-glyph="dumbbell"]) { --thing: var(--sport-strength); }
svg:is([data-glyph="pool-ladder"], [data-glyph="swimmer"]) { --thing: var(--sport-swim); }
svg:is([data-glyph="band-far-under"], [data-glyph="band-over-top"], [data-glyph="cross"], [data-glyph="incident"]) { --thing: var(--status-critical); }
svg:is([data-glyph="band-inside"], [data-glyph="check"], [data-glyph="check-circle"], [data-glyph="column-on-line"], [data-glyph="outlook-on-track"], [data-glyph="tank-on-line"]) { --thing: var(--status-good); }
svg:is([data-glyph="band-at-top"], [data-glyph="column-far-over"], [data-glyph="column-far-under"], [data-glyph="incident-unresolved"], [data-glyph="outlook-off-track"]) { --thing: var(--status-serious); }
svg:is([data-glyph="band-near-top"], [data-glyph="band-under"], [data-glyph="bell-ringing"], [data-glyph="column-over"], [data-glyph="column-under"], [data-glyph="outlook-at-risk"], [data-glyph="tank-over-line"], [data-glyph="tank-under-line"], [data-glyph="warning"]) { --thing: var(--status-warning); }
}

/* ═══ 98-messages.css ═══ */
@layer components {
[data-r="chat"] { position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr); container-type: inline-size; --chat-side: 20px; min-width: 0; min-height: 0; height: 100%; background: var(--plane); color: var(--ink); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="chat"] > [data-r="scroll-area"] { grid-row: 2; min-height: 0; }
[data-r="chat"] > [data-r="pinned-message"] { grid-row: 1; }
[data-r="chat"] [data-part="feed"] { display: flex; flex-direction: column; gap: 2px; width: 100%; max-width: var(--col-feed); margin: 0 auto; padding: 16px var(--chat-side) 20px; }
[data-r="chat"] > [data-part="dock"] { grid-row: 3; position: relative; z-index: 2; width: 100%; max-width: var(--col-feed); margin: 0 auto; padding: 0 var(--chat-side) 16px; }
[data-r="chat"] [data-part="feed"] > [data-part="end"] { align-self: center; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
@container (max-width: 520px) {
  [data-r="chat"] { --chat-side: 12px; }
}
[data-part="feed"] > [data-part="start"] { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 24px 0 20px; }
[data-part="feed"] > [data-part="start"] > [data-part="icon"] { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 8px; border-radius: var(--r-row); background: var(--well); color: var(--ink-2); }
[data-part="feed"] > [data-part="start"] > [data-part="icon"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); }
[data-part="feed"] > [data-part="start"] > [data-r="avatar"] { margin-bottom: 8px; }
[data-part="feed"] > [data-part="start"] > [data-part="name"] { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); overflow-wrap: anywhere; }
[data-part="feed"] > [data-part="start"] > [data-part="about"] { max-width: 60ch; margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); text-wrap: pretty; }
[data-part="feed"] > [data-part="start"] > [data-part="about"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-part="feed"] > [data-part="start"] > [data-part="actions"] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
[data-r="chat-message"] { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); align-items: end; outline: none; scroll-margin: 56px 0; --meta-w: calc(34px + var(--meta-edited, 0px) + var(--meta-star, 0px) + var(--meta-mark, 0px)); }
[data-r="chat-message"]:is([data-cluster="first"], [data-cluster="single"]) { margin-top: 10px; }
[data-r="chat-message"][data-edited] { --meta-edited: 42px; }
[data-r="chat-message"][data-starred] { --meta-star: 16px; }
[data-r="chat-message"][data-marked] { --meta-mark: 16px; }
[data-r="chat-message"]:has(> [data-part="who"]) { grid-template-columns: 24px minmax(0, 1fr); column-gap: 8px; }
[data-r="chat-message"] > [data-part="who"] { grid-column: 1; align-self: end; margin-bottom: 2px; }
[data-r="chat-message"]:is([data-cluster="first"], [data-cluster="middle"]) > [data-part="who"] { visibility: hidden; }
[data-r="chat-message"] > [data-part="body"] { grid-column: -2; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; max-width: min(560px, 80%); }
[data-r="chat-message"][data-from="me"] > [data-part="body"] { justify-self: end; align-items: flex-end; }
[data-r="chat-message"] > [data-part="body"] > [data-part="sender"] { padding: 0 12px 2px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="chat-message"]:is([data-cluster="middle"], [data-cluster="last"]) > [data-part="body"] > [data-part="sender"] { display: none; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] { position: relative; max-width: 100%; min-width: 0; padding: 6px 12px 7px; border-radius: var(--r-contain); background: var(--chat-their); font-size: var(--fs-14); line-height: var(--lh-13-long); color: var(--ink); /* allow: type-scale · a message reads 14/20, as most chats set it */ overflow-wrap: anywhere; transition: box-shadow var(--state-out); }
[data-r="chat-message"][data-from="me"]:not([data-deleted], [data-jumbo]) > [data-part="body"] > [data-part="bubble"]:not([data-bare]),
[data-r="chat-message"][data-from="me"] :is([data-r="voice-note"], [data-r="attachment"]) { background-color: var(--chat-own); background-image: linear-gradient(var(--chat-own-top), var(--chat-own) 50%, var(--chat-own-end)); background-attachment: fixed; box-shadow: none; color: var(--on-chat-own); --ink: var(--on-chat-own); --ink-2: var(--on-chat-own-2); --ink-3: var(--on-chat-own-2); --ink-4: var(--on-chat-own-2); --line-1: var(--chat-own-line); --line-2: var(--chat-own-line); --line-3: var(--chat-own-line); --line-4: var(--chat-own-line); --well: var(--chat-own-line); --plane-hover: var(--chat-own-line); --plane-selected: var(--chat-own-line); --raised-hover: var(--chat-own-line); --accent: var(--on-chat-own); --accent-ink: var(--on-chat-own); --danger-ink: var(--on-chat-own); }
[data-r="chat-message"][data-from="me"] > [data-part="body"] > [data-part="bubble"] ::selection { background: var(--on-chat-own); color: var(--chat-own); }
[data-r="chat-message"]:is([data-cluster="last"], [data-cluster="single"], :not([data-cluster])):not([data-deleted], [data-jumbo]) > [data-part="body"] > [data-part="bubble"]:not([data-bare])::before { content: ""; position: absolute; bottom: 0; width: 12px; height: 16px; background: inherit; pointer-events: none; }
[data-r="chat-message"][data-from="them"]:is([data-cluster="last"], [data-cluster="single"], :not([data-cluster])):not([data-deleted], [data-jumbo]) > [data-part="body"] > [data-part="bubble"]:not([data-bare]) { border-bottom-left-radius: var(--r-key); }
[data-r="chat-message"][data-from="me"]:is([data-cluster="last"], [data-cluster="single"], :not([data-cluster])):not([data-deleted], [data-jumbo]) > [data-part="body"] > [data-part="bubble"]:not([data-bare]) { border-bottom-right-radius: var(--r-key); }
[data-r="chat-message"][data-from="them"] > [data-part="body"] > [data-part="bubble"]::before { left: -6px; -webkit-mask: radial-gradient(6.5px 16px at 0 0, transparent 96%, #000 100%); mask: radial-gradient(6.5px 16px at 0 0, transparent 96%, #000 100%); }
[data-r="chat-message"][data-from="me"] > [data-part="body"] > [data-part="bubble"]::before { right: -6px; -webkit-mask: radial-gradient(6.5px 16px at 100% 0, transparent 96%, #000 100%); mask: radial-gradient(6.5px 16px at 100% 0, transparent 96%, #000 100%); }
[data-r="chat-message"][data-from="them"][data-cluster="first"] > [data-part="body"] > [data-part="bubble"] { border-bottom-left-radius: var(--r-key); }
[data-r="chat-message"][data-from="them"][data-cluster="middle"] > [data-part="body"] > [data-part="bubble"] { border-top-left-radius: var(--r-key); border-bottom-left-radius: var(--r-key); }
[data-r="chat-message"][data-from="them"][data-cluster="last"] > [data-part="body"] > [data-part="bubble"] { border-top-left-radius: var(--r-key); }
[data-r="chat-message"][data-from="me"][data-cluster="first"] > [data-part="body"] > [data-part="bubble"] { border-bottom-right-radius: var(--r-key); }
[data-r="chat-message"][data-from="me"][data-cluster="middle"] > [data-part="body"] > [data-part="bubble"] { border-top-right-radius: var(--r-key); border-bottom-right-radius: var(--r-key); }
[data-r="chat-message"][data-from="me"][data-cluster="last"] > [data-part="body"] > [data-part="bubble"] { border-top-right-radius: var(--r-key); }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="text"] { white-space: pre-wrap; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="text"]::after { content: ""; display: inline-block; width: var(--meta-w); height: 1px; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] { position: absolute; right: 10px; bottom: 9px;   /* the time on the baseline of the last line */ display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; pointer-events: none; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] > time { color: inherit; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] > [data-part="mark"] { display: inline-flex; pointer-events: auto; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] > [data-part="mark"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] > [data-part="mark"][data-tone="danger"] { color: var(--danger-ink); }
[data-r="chat-message"][data-from="me"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"],
[data-r="chat-message"][data-from="me"] [data-r="voice-note"] > time,
[data-r="chat-message"][data-from="me"] [data-r="voice-note"][data-state="waiting"] > [data-part="note"],
[data-r="chat-message"][data-from="me"] [data-r="attachment"] > [data-part="what"] > span,
[data-r="chat-message"][data-from="me"] > [data-part="body"] > [data-part="bubble"] > [data-part="forwarded"] { color: var(--ink-2); }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"][data-bare] { padding: 0; background: none; box-shadow: none; }
[data-r="chat-message"][data-jumbo] > [data-part="body"] > [data-part="bubble"] { display: flex; flex-direction: column; align-items: flex-start; padding: 0; background: none; box-shadow: none; font-size: var(--fs-24); line-height: var(--lh-24); }
[data-r="chat-message"][data-jumbo][data-from="me"] > [data-part="body"] > [data-part="bubble"] { align-items: flex-end; }
[data-r="chat-message"][data-jumbo] > [data-part="body"] > [data-part="bubble"] > [data-part="text"]::after { content: none; }
[data-r="chat-message"][data-jumbo] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] { position: static; margin: 2px 2px 0; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="text"][data-rich] { white-space: normal; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="text"][data-rich]::after { content: none; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="text"][data-rich] > * { margin: 0; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="text"][data-rich] > * + * { margin-top: 6px; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="text"][data-rich] > :last-child::after { content: ""; display: inline-block; width: var(--meta-w); height: 1px; }
[data-r="chat-message"] > [data-part="body"] > [data-part="foot"] { display: flex; align-items: center; gap: 4px; margin-top: 2px; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="quote"] { display: flex; flex-direction: column; align-items: flex-start; gap: 0; width: calc(100% + 12px); min-width: 160px; margin: 2px -6px 6px; padding: 5px 8px 6px; border: 0; border-radius: var(--r-row); background: var(--line-2); color: var(--ink-2); text-align: left; font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); cursor: default; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="quote"]:hover { background: var(--line-3); transition-duration: 0s; }
}
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="quote"][data-force~="hover"] { background: var(--line-3); transition-duration: 0s; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="quote"]:focus-visible { outline: none; box-shadow: var(--ring-inline, 0 0 0 2px var(--accent)); }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="quote"][data-force~="focus"] { outline: none; box-shadow: var(--ring-inline, 0 0 0 2px var(--accent)); }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="quote"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="quote"] > span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 100%; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="forwarded"] { display: flex; align-items: center; gap: 4px; margin-bottom: 1px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="forwarded"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="chat-message"][data-deleted] > [data-part="body"] > [data-part="bubble"] { background: transparent; box-shadow: inset 0 0 0 var(--px) var(--line-4); color: var(--ink-3); font-size: var(--fs-13); line-height: var(--lh-13); padding-top: 7px; padding-bottom: 8px; }
[data-r="chat-message"][data-deleted] > [data-part="body"] > [data-part="reactions"],
[data-r="chat-message"][data-deleted] > [data-part="tools"] { display: none; }
[data-r="chat-message"][data-flash] > [data-part="body"] > [data-part="bubble"],
[data-r="chat-message"]:focus-visible > [data-part="body"] > [data-part="bubble"],
[data-r="chat-message"][data-force~="focus"] > [data-part="body"] > [data-part="bubble"] { box-shadow: 0 0 0 2px var(--accent); transition-duration: 0s; }
[data-r="chat-message"][data-from="me"]:is([data-flash], :focus-visible, [data-force~="focus"]) > [data-part="body"] > [data-part="bubble"] { box-shadow: 0 0 0 2px var(--plane), 0 0 0 4px var(--accent); }
[data-r="chat-message"] > [data-part="body"] > [data-part="reactions"] { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 4px; margin-top: -6px; padding: 0 8px; }
[data-r="chat-message"][data-from="me"] > [data-part="body"] > [data-part="reactions"] { justify-content: flex-end; }
[data-r="chat-message"] > [data-part="body"] > [data-part="reactions"] > [data-r="reaction"] { background: var(--raised); color: var(--ink-2); box-shadow: 0 0 0 2px var(--plane), inset 0 0 0 var(--px) var(--line-3); animation: r-chat-pop var(--scale-in) var(--ease-expo) both; }
@media (hover: hover) {
  [data-r="chat-message"] > [data-part="body"] > [data-part="reactions"] > [data-r="reaction"]:hover { background: var(--raised-hover); }
}
[data-r="chat-message"] > [data-part="body"] > [data-part="reactions"] > [data-r="reaction"][data-force~="hover"] { background: var(--raised-hover); }
[data-r="chat-message"] > [data-part="body"] > [data-part="reactions"] > [data-r="reaction"][aria-pressed="true"] { color: var(--ink); box-shadow: 0 0 0 2px var(--plane), inset 0 0 0 var(--px) var(--accent); }
@keyframes r-chat-pop { from { transform: scale(var(--scale-from)); opacity: 0; } }
[data-r="chat-message"] > [data-part="tools"] { position: absolute; top: -16px; z-index: 3; display: flex; align-items: center; gap: 1px; padding: 2px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e2); opacity: 0; visibility: hidden;   /* hidden cannot be hit; while it fades out it still can, so it can be caught */ transition: opacity var(--state-out), visibility 0s var(--state-out); --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); }
[data-r="chat-message"][data-from="them"] > [data-part="tools"] { right: 0; }
[data-r="chat-message"][data-from="me"] > [data-part="tools"] { left: 0; }
[data-r="chat-message"]:focus-within > [data-part="tools"],
[data-r="chat-message"][data-tools-open] > [data-part="tools"] { opacity: 1; visibility: visible; transition-duration: 0s; transition-delay: 0s; }
@media (hover: hover) {
  [data-r="chat-message"]:hover > [data-part="tools"] { opacity: 1; visibility: visible; transition-duration: 0s; transition-delay: 0s; }
}
[data-r="chat-message"][data-force~="hover"] > [data-part="tools"] { opacity: 1; visibility: visible; transition-duration: 0s; transition-delay: 0s; }
[data-r="chat-message"] > [data-part="tools"] [data-part="tray"] { display: flex; gap: 1px; padding-right: 3px; margin-right: 2px; border-right: var(--px) solid var(--line-2); }
[data-r="chat-message"] > [data-part="tools"] [data-part="tray"] > button { display: inline-grid; place-items: center; width: 24px; height: 24px; border: 0; border-radius: var(--r-key); background: transparent; font-size: var(--fs-16); line-height: 1; cursor: default; }
@media (hover: hover) {
  [data-r="chat-message"] > [data-part="tools"] [data-part="tray"] > button:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="chat-message"] > [data-part="tools"] [data-part="tray"] > button[data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="chat-message"] > [data-part="tools"] [data-part="tray"] > button:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--accent); }
[data-r="chat-message"] > [data-part="tools"] [data-part="tray"] > button[data-force~="focus"] { outline: none; box-shadow: 0 0 0 2px var(--accent); }
@media (hover: none) {
  [data-r="chat-message"] > [data-part="tools"] { display: none; }
}
[data-r="chat-message"][data-arrived] > [data-part="body"] { animation: r-chat-land calc(var(--tau) * 8) var(--ease-expo) both, r-chat-show var(--opacity-in) linear both; transform-origin: 0 100%; }
[data-r="chat-message"][data-arrived][data-from="me"] > [data-part="body"] { transform-origin: 100% 100%; }
@keyframes r-chat-land { from { transform: translateY(var(--step-rise)) scale(var(--scale-from)); } }
@keyframes r-chat-show { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  [data-r="chat-message"][data-arrived] > [data-part="body"],
  [data-r="chat-message"] > [data-part="body"] > [data-part="reactions"] > [data-r="reaction"] { animation: none; }
}
@container (max-width: 520px) {
  [data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] { font-size: var(--fs-16); line-height: var(--lh-16); padding: 7px 12px 8px; }
  [data-r="chat-message"] > [data-part="body"] { max-width: 86%; }
}
[data-chat-look="ink"] { --chat-own-top: var(--ink); --chat-own: var(--ink); --chat-own-end: var(--ink); --on-chat-own: var(--paper); --on-chat-own-2: var(--ink-4); --chat-own-line: var(--ink-2); }
[data-chat-look="paper"] { --chat-own-top: var(--plane-selected); --chat-own: var(--plane-selected); --chat-own-end: var(--plane-selected); --on-chat-own: var(--ink); --on-chat-own-2: var(--ink-2); --chat-own-line: var(--line-2); --chat-their: var(--raised); }
[data-chat-look="paper"] [data-r="chat-message"][data-from="them"]:not([data-deleted], [data-jumbo]) > [data-part="body"] > [data-part="bubble"]:not([data-bare]) { box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-chat-look="paper"] [data-r="chat-message"]:is([data-cluster="last"], [data-cluster="single"], :not([data-cluster])):not([data-deleted], [data-jumbo]) > [data-part="body"] > [data-part="bubble"]:not([data-bare])::before { content: none; }
[data-chat-look="paper"] [data-r="chat-message"][data-from="them"]:is([data-cluster="last"], [data-cluster="single"], :not([data-cluster])) > [data-part="body"] > [data-part="bubble"] { border-bottom-left-radius: var(--r-contain); }
[data-chat-look="paper"] [data-r="chat-message"][data-from="me"]:is([data-cluster="last"], [data-cluster="single"], :not([data-cluster])) > [data-part="body"] > [data-part="bubble"] { border-bottom-right-radius: var(--r-contain); }
[data-r="chat-message"] { touch-action: pan-y; --swipe: 0; }
[data-r="chat-message"] > [data-part="swipe"] { position: absolute; left: 4px; bottom: 6px; z-index: 0; display: grid; place-items: center; width: 28px; height: 28px; border-radius: var(--r-round); background: var(--well); color: var(--ink-3); opacity: 0; transform: scale(calc(.6 + var(--swipe) * .4)); pointer-events: none; }
[data-r="chat-message"][data-swiping] > [data-part="swipe"] { opacity: var(--swipe); }
[data-r="chat-message"][data-armed] > [data-part="swipe"] { background: var(--ink); color: var(--paper); }
[data-r="chat-message"] > [data-part="swipe"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="message-press"] { position: fixed; inset: 0; z-index: var(--z-dialog); }
[data-r="message-press"] > [data-part="veil"] { position: absolute; inset: 0; background: var(--chat-veil); animation: r-chat-show var(--section) linear both; }
[data-r="message-press"] > [data-part="lift"] { position: absolute; pointer-events: none; }
[data-r="message-press"] > [data-part="lift"] > [data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] { box-shadow: var(--e3); }
[data-r="message-press"] > :is([data-part="bar"], [data-part="actions"]) { position: absolute; visibility: hidden; background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e3); --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); }
[data-r="message-press"][data-placed] > :is([data-part="bar"], [data-part="actions"]) { visibility: visible; animation: r-chat-grow var(--scale-in) var(--ease-expo) both, r-chat-show var(--opacity-in) linear both; }
@keyframes r-chat-grow { from { transform: scale(var(--scale-from)); } }
[data-r="message-press"] > [data-part="bar"] { display: flex; align-items: center; gap: 2px; padding: 4px; border-radius: var(--r-press); }
[data-r="message-press"] > [data-part="bar"] > button { display: grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: var(--r-round); background: transparent; color: var(--ink-2); font-size: var(--fs-24); line-height: 1; cursor: default; outline: none; /* allow: type-scale · an emoji in the press reads at 24, as the jumbo emoji does */ }
[data-r="message-press"] > [data-part="bar"] > button[aria-pressed="true"] { background: var(--plane-selected); }
@media (hover: hover) {
  [data-r="message-press"] > [data-part="bar"] > button:is(:hover, :active, :focus-visible) { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="message-press"] > [data-part="bar"] > button:is([data-force~="hover"], :active, :focus-visible) { background: var(--plane-hover); transition-duration: 0s; }
[data-r="message-press"] > [data-part="bar"] > button[data-part="more"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); }
[data-r="message-press"] > [data-part="actions"] { display: flex; flex-direction: column; min-width: 232px; padding: 4px; border-radius: var(--r-contain); }
[data-r="message-press"] > [data-part="actions"] > button { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: var(--row-44); padding: 0 12px; border: 0; border-radius: var(--r-row); background: transparent; color: var(--ink); text-align: left; font: inherit; font-size: var(--fs-16); line-height: var(--lh-16); cursor: default; outline: none; }
@media (hover: hover) {
  [data-r="message-press"] > [data-part="actions"] > button:is(:hover, :active, :focus-visible) { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="message-press"] > [data-part="actions"] > button:is([data-force~="hover"], :active, :focus-visible) { background: var(--plane-hover); transition-duration: 0s; }
[data-r="message-press"] > [data-part="actions"] > button > svg[data-icon] { flex: none; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-2)); }
[data-r="message-press"] > [data-part="actions"] > button[data-tone="danger"],
[data-r="message-press"] > [data-part="actions"] > button[data-tone="danger"] > svg[data-icon] { color: var(--danger-ink); }
[data-r="message-press"] > [data-part="actions"] > [data-part="separator"] { height: var(--px); margin: 4px 8px; border: 0; background: var(--line-2); }
[data-r="message-press"] > [data-part="actions"] > [data-part="note"] { display: flex; align-items: center; gap: 6px; margin: 0; padding: 8px 12px; border-bottom: var(--px) solid var(--line-2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
@media (prefers-reduced-motion: reduce) {
  [data-r="message-press"] > [data-part="veil"],
  [data-r="message-press"][data-placed] > :is([data-part="bar"], [data-part="actions"]) { animation: none; }
}
[data-r="chat-jump"] { position: absolute; right: 16px; bottom: 16px; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 8px; pointer-events: none; }
[data-r="chat-jump"] > button { position: relative; display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: var(--r-round); background: var(--raised); color: var(--ink-2); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e2); cursor: default; outline: none; pointer-events: auto; animation: r-chat-grow var(--scale-in) var(--ease-expo) both, r-chat-show var(--opacity-in) linear both; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="chat-jump"] > button:hover { background: var(--raised-hover); transition-duration: 0s; }
}
[data-r="chat-jump"] > button[data-force~="hover"] { background: var(--raised-hover); transition-duration: 0s; }
[data-r="chat-jump"] > button:focus-visible { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e2), 0 0 0 2px var(--accent); }
[data-r="chat-jump"] > button[data-force~="focus"] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e2), 0 0 0 2px var(--accent); }
[data-r="chat-jump"] > button > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="chat-jump"] > button > [data-part="count"] { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: var(--r-press); background: var(--ink); color: var(--paper); font-size: var(--fs-11); line-height: 18px; font-weight: var(--fw-550); font-variant-numeric: tabular-nums; text-align: center; /* allow: type-scale · a count sits on its own height */ }
[data-r="chat-jump"] > button[data-part="mentions"] > [data-part="count"] { background: var(--accent); color: var(--on-accent); }
@media (prefers-reduced-motion: reduce) {
  [data-r="chat-jump"] > button { animation: none; }
}
[data-r="reaction-list"] { display: flex; flex-direction: column; width: 240px; max-height: 320px; }
[data-r="reaction-list"] > [data-part="tabs"] { display: flex; gap: 2px; padding: 6px; border-bottom: var(--px) solid var(--line-2); overflow-x: auto; }
[data-r="reaction-list"] > [data-part="tabs"] > button { flex: none; height: var(--h-24); padding: 0 8px; border: 0; border-radius: var(--r-press); background: transparent; color: var(--ink-2); font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); font-variant-numeric: tabular-nums; cursor: default; outline: none; }
@media (hover: hover) {
  [data-r="reaction-list"] > [data-part="tabs"] > button:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="reaction-list"] > [data-part="tabs"] > button[data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="reaction-list"] > [data-part="tabs"] > button[aria-selected="true"] { background: var(--plane-selected); color: var(--ink); }
[data-r="reaction-list"] > [data-part="tabs"] > button:focus-visible { box-shadow: 0 0 0 2px var(--accent); }
[data-r="reaction-list"] > [data-part="tabs"] > button[data-force~="focus"] { box-shadow: 0 0 0 2px var(--accent); }
[data-r="reaction-list"] > [data-part="people"] { margin: 0; padding: 4px; list-style: none; overflow-y: auto; }
[data-r="reaction-list"] > [data-part="people"] > li { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; column-gap: 10px; min-height: var(--row-32); padding: 0 8px; }
[data-r="reaction-list"] [data-part="name"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
[data-r="reaction-list"] [data-part="emoji"] { font-size: var(--fs-16); line-height: 1; }
[data-r="chat-message"][data-pressed] { visibility: hidden; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] > button[data-part="edited"] { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: default; pointer-events: auto; text-decoration: underline; text-decoration-color: var(--line-4); text-underline-offset: 2px; }
@media (hover: hover) {
  [data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] > button[data-part="edited"]:hover { text-decoration-color: currentColor; }
}
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] > button[data-part="edited"][data-force~="hover"] { text-decoration-color: currentColor; }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] > button[data-part="edited"]:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--accent); border-radius: var(--r-key); }
[data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] > button[data-part="edited"][data-force~="focus"] { outline: none; box-shadow: 0 0 0 2px var(--accent); border-radius: var(--r-key); }
[data-r="chat-message"] > [data-part="body"] > [data-part="media"] { position: relative; max-width: 100%; margin-bottom: 2px; }
[data-r="chat-message"] > [data-part="body"] > [data-part="media"] > [data-part="meta"] { position: absolute; right: 8px; bottom: 8px; padding: 1px 6px; border-radius: var(--r-press); background: var(--chat-on-photo); color: var(--on-chat-own); font-size: var(--fs-11); line-height: var(--lh-11); font-variant-numeric: tabular-nums; pointer-events: none; }
[data-r="edit-history"] { display: flex; flex-direction: column; gap: 4px; width: 300px; max-width: 100%; padding: 8px 4px 4px; }
[data-r="edit-history"] > [data-part="title"] { padding: 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="edit-history"] > [data-part="versions"] { margin: 0; padding: 0; list-style: none; }
[data-r="edit-history"] > [data-part="versions"] > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-items: baseline; padding: 8px; border-top: var(--px) solid var(--line-2); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="edit-history"] > [data-part="versions"] > li:first-child { border-top: 0; }
[data-r="edit-history"] > [data-part="versions"] > li[data-current] { color: var(--ink); }
[data-r="edit-history"] > [data-part="versions"] > li > [data-part="text"] { overflow-wrap: anywhere; }
[data-r="edit-history"] > [data-part="versions"] > li > time { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="chat-album"] { display: grid; gap: 2px; width: 320px; max-width: 100%; border-radius: var(--r-contain); overflow: hidden; background: var(--well); }
[data-r="chat-album"][data-count="1"] { grid-template-columns: 1fr; aspect-ratio: var(--ratio, 4 / 3); }
[data-r="chat-album"][data-count="2"] { grid-template-columns: 1fr 1fr; aspect-ratio: 2 / 1; }
[data-r="chat-album"][data-count="3"] { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; aspect-ratio: 3 / 2; }
[data-r="chat-album"][data-count="3"] > [data-part="tile"]:first-child { grid-row: 1 / 3; }
[data-r="chat-album"][data-count="4"] { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; aspect-ratio: 1 / 1; }
[data-r="chat-album"] > [data-part="tile"] { position: relative; display: block; min-width: 0; min-height: 0; padding: 0; border: 0; background: var(--well); cursor: default; outline: none; overflow: hidden; }
[data-r="chat-album"] > [data-part="tile"] > img { display: block; width: 100%; height: 100%; object-fit: cover; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-r="chat-album"] > [data-part="tile"]:hover > img { opacity: .92; transition-duration: 0s; }
}
[data-r="chat-album"] > [data-part="tile"][data-force~="hover"] > img { opacity: .92; transition-duration: 0s; }
[data-r="chat-album"] > [data-part="tile"]:focus-visible { box-shadow: inset 0 0 0 2px var(--accent); }
[data-r="chat-album"] > [data-part="tile"][data-force~="focus"] { box-shadow: inset 0 0 0 2px var(--accent); }
[data-r="chat-album"] > [data-part="tile"] > [data-part="waiting"] { display: grid; place-items: center; height: 100%; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="chat-album"] > [data-part="tile"] > [data-part="more"] { position: absolute; inset: 0; display: grid; place-items: center; background: var(--chat-on-photo); color: var(--on-chat-own); font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); font-variant-numeric: tabular-nums; }
[data-r="chat-poll"] { display: flex; flex-direction: column; gap: 8px; width: 340px; max-width: 100%; padding: 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); }
[data-r="chat-poll"] > [data-part="kind"] { display: flex; align-items: center; gap: 6px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="chat-poll"] > [data-part="kind"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="chat-poll"] > [data-part="question"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); overflow-wrap: anywhere; }
[data-r="chat-poll"] > [data-part="options"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="chat-poll"] [data-part="option"] { position: relative; display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; column-gap: 10px; min-height: 40px; padding: 0 12px; border: 0; border-radius: var(--r-row); background: transparent; box-shadow: inset 0 0 0 var(--px) var(--line-3); color: var(--ink); text-align: left; font: inherit; font-size: var(--fs-13); line-height: var(--lh-13); cursor: default; outline: none; overflow: hidden; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="chat-poll"] [data-part="option"]:not(:disabled):hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="chat-poll"] [data-part="option"]:not(:disabled)[data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="chat-poll"] [data-part="option"]:focus-visible { box-shadow: inset 0 0 0 var(--px) var(--line-3), 0 0 0 2px var(--accent); }
[data-r="chat-poll"] [data-part="option"][data-force~="focus"] { box-shadow: inset 0 0 0 var(--px) var(--line-3), 0 0 0 2px var(--accent); }
[data-r="chat-poll"] [data-part="option"] > [data-part="mark"] { display: grid; place-items: center; width: 16px; height: 16px; border-radius: var(--r-round); box-shadow: inset 0 0 0 var(--px) var(--line-5); color: var(--on-accent); }
[data-r="chat-poll"] [data-part="option"][aria-pressed="true"] > [data-part="mark"] { background: var(--accent); box-shadow: none; }
[data-r="chat-poll"] [data-part="option"] > [data-part="mark"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="chat-poll"] [data-part="option"] > [data-part="label"] { overflow-wrap: anywhere; padding: 10px 0; }
[data-r="chat-poll"] [data-part="option"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="chat-poll"] [data-part="option"][data-lead] > [data-part="label"] { font-weight: var(--fw-550); }
[data-r="chat-poll"][data-results] [data-part="option"]::after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: calc(var(--share, 0) * 100%); background: var(--ink-4); transition: width calc(var(--tau) * 8) var(--ease-expo); }
[data-r="chat-poll"][data-results] [data-part="option"][aria-pressed="true"]::after { background: var(--accent); }
[data-r="chat-poll"] > [data-part="foot"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: var(--h-24); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  [data-r="chat-poll"][data-results] [data-part="option"]::after { transition: none; }
}
[data-r="delivery"] { display: inline-flex; align-items: center; gap: 4px; margin: 3px 4px 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="delivery"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); }
[data-r="delivery"][data-state="read"] { color: var(--ink-2); }
[data-r="delivery"][data-state="failed"] { color: var(--danger-ink); }
[data-r="delivery"] > [data-r="button"] { margin-left: 4px; }
[data-r="chat-divider"] { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 18px 0 6px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="chat-divider"][data-kind="day"] { position: sticky; top: 8px; z-index: 2; pointer-events: none; }
[data-r="chat-divider"][data-kind="day"] > span { padding: 2px 10px; border-radius: var(--r-press); background: var(--raised); color: var(--ink-2); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); pointer-events: auto; }
[data-r="chat-divider"][data-kind="unread"] { color: var(--ink-2); font-weight: var(--fw-550); }
[data-r="chat-divider"][data-kind="unread"]::before,
[data-r="chat-divider"][data-kind="unread"]::after { content: ""; flex: 1; height: var(--px); background: var(--line-4); }
[data-r="pinned-message"] { display: flex; align-items: center; gap: 8px; min-height: var(--row-44); padding: 0 12px 0 var(--chat-side, 20px); border-bottom: var(--px) solid var(--line-2); background: var(--plane); }
[data-r="pinned-message"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="pinned-message"] > [data-part="open"] { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; flex: 1; padding: 4px 6px; margin-left: -6px; border: 0; border-radius: var(--r-row); background: transparent; text-align: left; font: inherit; color: var(--ink); cursor: default; }
@media (hover: hover) {
  [data-r="pinned-message"] > [data-part="open"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="pinned-message"] > [data-part="open"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="pinned-message"] > [data-part="open"]:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--accent); }
[data-r="pinned-message"] > [data-part="open"][data-force~="focus"] { outline: none; box-shadow: 0 0 0 2px var(--accent); }
[data-r="pinned-message"] [data-part="label"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="pinned-message"] [data-part="text"] { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink); }
[data-r="typing"] { display: flex; align-items: center; gap: 6px; height: 20px; margin: 0 4px 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="typing"][hidden] { display: none; }
[data-r="typing"] > [data-part="dots"] { display: inline-flex; gap: 3px; }
[data-r="typing"] > [data-part="dots"] > i { width: 4px; height: 4px; border-radius: var(--r-round); background: var(--ink-4); animation: r-typing var(--indeterminate) var(--ease-quad) infinite; }
[data-r="typing"] > [data-part="dots"] > i:nth-child(2) { animation-delay: calc(var(--indeterminate) / 8); }
[data-r="typing"] > [data-part="dots"] > i:nth-child(3) { animation-delay: calc(var(--indeterminate) / 4); }
@keyframes r-typing { 0%, 60%, 100% { opacity: .35; } 30% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  [data-r="typing"] > [data-part="dots"] > i { animation: none; opacity: .6; }
}
[data-r="chat-composer"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); --ring-gap: var(--raised); display: flex; flex-direction: column; min-width: 0; border: .5px solid var(--line-4); border-radius: var(--r-contain); background: var(--raised); box-shadow: var(--e1); transition: border-color var(--state-out), box-shadow var(--ring-in) var(--ease-ring); }
[data-r="chat-composer"]:is(:focus-within, [data-force~="focus"]) { border-color: transparent; box-shadow: var(--ring-field), var(--e1); }
[data-r="chat-composer"] > [data-part="to"] { display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 4px 8px 4px 12px; border-bottom: var(--px) solid var(--line-2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="chat-composer"] > [data-part="to"] > [data-r="field"] { flex: 1; min-width: 0; }
[data-r="chat-composer"] > [data-part="context"] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 8px; margin: 6px 6px 0; padding: 4px 4px 4px 8px; border-radius: var(--r-row); background: var(--well); }
[data-r="chat-composer"] > [data-part="context"][hidden] { display: none; }
[data-r="chat-composer"] > [data-part="context"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="chat-composer"] > [data-part="context"] > [data-part="what"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="chat-composer"] > [data-part="context"] b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="chat-composer"] > [data-part="context"] [data-part="quote"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="chat-composer"] > [data-part="text"] { display: block; width: 100%; min-height: 44px; max-height: 240px; resize: none; overflow: auto; padding: 10px 14px 4px; border: 0; outline: none; background: transparent; font: inherit; font-size: var(--fs-13); line-height: var(--lh-13-long); color: var(--ink); caret-color: var(--accent); cursor: text; field-sizing: content; }
[data-r="chat-composer"] > [data-part="text"]::placeholder { color: var(--ink-3); }
[data-r="chat-composer"] > [data-part="bar"] { display: flex; align-items: center; gap: 2px; padding: 4px 6px 6px 8px; }
[data-r="chat-composer"] > [data-part="bar"] > [data-part="spacer"] { flex: 1; }
[data-r="chat-composer"] > [data-part="bar"] > [data-part="hint"] { margin-right: 6px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); opacity: 0; transition: opacity var(--state-out); }
[data-r="chat-composer"][data-filled] > [data-part="bar"] > [data-part="hint"] { opacity: 1; transition-duration: 0s; }
[data-r="chat-composer"] > [data-part="bar"] > [data-r="split-button"] > [data-r="button"]:first-child { --pad-l: 10px; }
[data-r="chat-composer"] > [data-part="error"] { display: flex; align-items: center; gap: 6px; padding: 0 14px 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--danger-ink); }
[data-r="chat-composer"] > [data-part="error"][hidden] { display: none; }
[data-r="chat-composer"] > [data-part="error"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); }
[data-r="chat-composer"] > [data-part="recording"] { display: none; align-items: center; gap: 10px; min-height: 44px; padding: 8px 8px 4px 14px; }
[data-r="chat-composer"][data-recording] > [data-part="recording"] { display: flex; }
[data-r="chat-composer"][data-recording] { flex-direction: row; align-items: center; }
[data-r="chat-composer"][data-recording] > :is([data-part="text"], [data-part="context"], [data-part="to"], [data-part="error"], [data-part="scheduled"]),
[data-r="chat-composer"][data-recording] > [data-part="bar"] > :not([data-r="split-button"]) { display: none; }
[data-r="chat-composer"][data-recording] > [data-part="recording"] { flex: 1; min-width: 0; padding: 8px 4px 8px 14px; }
[data-r="chat-composer"][data-recording] > [data-part="bar"] { padding: 8px 8px 8px 0; }
[data-r="chat-composer"] > [data-part="recording"] > [data-part="live"] { flex: none; width: 8px; height: 8px; border-radius: var(--r-round); background: var(--danger); animation: r-pulse var(--pulse) var(--ease-pulse) infinite alternate; }
@media (prefers-reduced-motion: reduce) {
  [data-r="chat-composer"] > [data-part="recording"] > [data-part="live"] { animation: none; }
}
[data-r="chat-composer"] > [data-part="recording"] > [data-part="wave"] { flex: 1; min-width: 0; justify-content: flex-end; overflow: hidden; }
[data-r="chat-composer"] > [data-part="recording"] > time { flex: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="chat-composer"] > [data-part="scheduled"] { display: flex; flex-direction: column; padding: 4px 6px 0; }
[data-r="chat-composer"] > [data-part="scheduled"] > [data-part="row"] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; column-gap: 8px; min-height: var(--row-32); padding: 0 2px 0 8px; border-radius: var(--r-row); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="chat-composer"] > [data-part="scheduled"] > [data-part="row"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="chat-composer"] > [data-part="scheduled"] > [data-part="row"] > [data-part="text"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
[data-r="chat-composer"] > [data-part="scheduled"] > [data-part="row"] > time { color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="conversation-row"] { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 10px; align-items: center; width: 100%; min-height: var(--row-52); padding: 7px 10px; border: 0; border-radius: var(--r-row); background: transparent; color: var(--ink); text-align: left; font: inherit; cursor: default; outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="conversation-row"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="conversation-row"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="conversation-row"]:focus-visible { box-shadow: 0 0 0 2px var(--accent); }
[data-r="conversation-row"][data-force~="focus"] { box-shadow: 0 0 0 2px var(--accent); }
[data-r="conversation-row"][aria-current="true"] { background: var(--plane-selected); }
@media (hover: hover) {
  [data-r="conversation-row"][aria-current="true"]:hover { background: var(--plane-selected-hover, var(--plane-selected)); }
}
[data-r="conversation-row"][aria-current="true"][data-force~="hover"] { background: var(--plane-selected-hover, var(--plane-selected)); }
[data-r="conversation-row"] > [data-part="who"] { grid-row: 1 / 3; grid-column: 1; }
[data-r="conversation-row"] > [data-part="name"] { grid-row: 1; grid-column: 2; display: flex; align-items: center; gap: 4px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); }
[data-r="conversation-row"] > [data-part="name"] > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="conversation-row"] > [data-part="name"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="conversation-row"] > time { grid-row: 1; grid-column: 3; justify-self: end; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="conversation-row"] > [data-part="preview"] { grid-row: 2; grid-column: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="conversation-row"] > [data-part="preview"] > [data-part="lead"] { color: var(--ink-2); }
[data-r="conversation-row"] > [data-part="end"] { grid-row: 2; grid-column: 3; justify-self: end; display: flex; align-items: center; gap: 4px; min-height: 16px; }
[data-r="conversation-row"] > [data-part="end"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="conversation-row"] > [data-part="end"] > svg[data-part="mention"] { color: var(--ink); }
[data-r="conversation-row"][data-unread] > [data-part="name"] { font-weight: var(--fw-550); }
[data-r="conversation-row"][data-unread] > [data-part="preview"] { color: var(--ink-2); }
[data-r="conversation-row"][data-unread] > time { color: var(--ink-2); }
[data-r="conversation-row"][aria-current="true"] > :is(time, [data-part="preview"]) { color: var(--ink-2); }
[data-r="voice-note"] { display: grid; grid-template-columns: 28px max-content max-content max-content; align-items: center; column-gap: 10px; width: fit-content; max-width: 100%; padding: 6px 8px 6px 6px; border-radius: var(--r-contain); background: var(--raised); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="voice-note"] > [data-part="wave"] { width: 148px; }
[data-r="voice-note"] > [data-part="wave"],
[data-r="chat-composer"] [data-part="wave"] { display: flex; align-items: center; gap: 2px; height: 24px; min-width: 0; cursor: default; outline: none; touch-action: none; }
[data-r="voice-note"] > [data-part="wave"] > i,
[data-r="chat-composer"] [data-part="wave"] > i { flex: 1 1 0; min-width: 2px; max-width: 3px; height: max(3px, calc(var(--h, .3) * 100%)); background: var(--ink-4); transition: background-color var(--state-out); }
[data-r="voice-note"] > [data-part="wave"] > i,
[data-r="chat-composer"] [data-part="wave"] > i { border-radius: 1px; }
[data-r="voice-note"] > [data-part="wave"] > i[data-on] { background: var(--ink); transition-duration: 0s; }
[data-r="chat-message"][data-from="me"] [data-r="voice-note"] > [data-part="wave"] > i:not([data-on]) { background: var(--chat-own-line); }
[data-r="voice-note"] > [data-part="wave"]:focus-visible { box-shadow: 0 0 0 2px var(--accent); border-radius: var(--r-key); }
[data-r="voice-note"] > [data-part="wave"][data-force~="focus"] { box-shadow: 0 0 0 2px var(--accent); border-radius: var(--r-key); }
[data-r="chat-composer"] [data-part="wave"] > i { background: var(--ink-2); }
[data-r="voice-note"] > time { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; min-width: 28px; text-align: right; }
[data-r="voice-note"][data-playing] > time { color: var(--ink-2); }
[data-r="voice-note"] > [data-part="speed"] { min-width: 32px; font-variant-numeric: tabular-nums; }
[data-r="voice-note"][data-state="waiting"] > [data-part="wave"] { display: none; }
[data-r="voice-note"][data-state="waiting"] > [data-part="note"] { padding-right: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="attachment"] { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; column-gap: 10px; min-width: 240px; padding: 6px 6px 6px 6px; border-radius: var(--r-contain); background: var(--raised); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="attachment"] > [data-part="kind"] { display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--r-row); background: var(--well); color: var(--ink-2); overflow: hidden; }
[data-r="chat-message"][data-from="me"] [data-r="attachment"] > [data-part="kind"] { background: var(--line-2); }
[data-r="attachment"] > [data-part="kind"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="attachment"] > [data-part="kind"] > img { width: 100%; height: 100%; object-fit: cover; }
[data-r="attachment"] > [data-part="what"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="attachment"] > [data-part="what"] > b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="attachment"] > [data-part="what"] > span { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="attachment"][data-state="waiting"] > [data-part="kind"] { color: var(--ink-4); }
[data-r="attachment"][data-state="waiting"] > [data-part="what"] > b { color: var(--ink-2); }
[data-r="chat-message"] [data-r="thumb"][data-part="picture"] { display: block; width: min(280px, 100%); height: auto; aspect-ratio: var(--ratio, 4 / 3); padding: 0; border-radius: var(--r-contain); overflow: hidden; }
[data-r="chat-card"] { display: flex; flex-direction: column; gap: 8px; width: 340px; max-width: 100%; padding: 12px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); }
[data-r="chat-card"] > [data-part="kind"] { display: flex; align-items: center; gap: 6px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="chat-card"] > [data-part="kind"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="chat-card"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="chat-card"] > [data-part="meta"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="chat-card"] > [data-part="note"] { font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="chat-card"] > [data-part="quote"] { padding: 8px 10px; border-radius: var(--r-row); background: var(--well); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="chat-card"] > [data-part="actions"] { display: flex; align-items: center; gap: 6px; margin-top: 2px; }
[data-r="chat-card"] > [data-part="answer"] { display: none; align-items: center; gap: 6px; margin-top: 2px; min-height: var(--h-24); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="chat-card"] > [data-part="answer"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="chat-card"] > [data-part="answer"] > [data-r="button"] { margin-left: auto; }
[data-r="chat-card"]:is([data-state="accepted"], [data-state="kept"]) > [data-part="actions"] { display: none; }
[data-r="chat-card"]:is([data-state="accepted"], [data-state="kept"]) > [data-part="answer"] { display: flex; }
[data-r="chat-card"][data-state="accepted"] > [data-part="answer"] > svg[data-icon] { color: var(--success-ink); }
[data-r="chat-card"][data-opens] { color: inherit; text-decoration: none; cursor: default; outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="chat-card"][data-opens]:hover { background: var(--raised-hover); transition-duration: 0s; }
}
[data-r="chat-card"][data-opens][data-force~="hover"] { background: var(--raised-hover); transition-duration: 0s; }
[data-r="chat-card"][data-opens]:active { background: var(--raised-selected); transition-duration: 0s; }
[data-r="chat-card"][data-opens][data-force~="active"] { background: var(--raised-selected); transition-duration: 0s; }
[data-r="chat-card"][data-opens]:focus-visible { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1), 0 0 0 2px var(--accent); }
[data-r="chat-card"][data-opens][data-force~="focus"] { box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1), 0 0 0 2px var(--accent); }
}

/* ═══ 98a-chat-event.css ═══ */
@layer components {
[data-r="chat-event"] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; margin: 10px 0 6px; padding: 0 12px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; text-align: center; }
[data-r="chat-event"] > [data-r="avatar"] { flex: none; }
[data-r="chat-event"] > [data-part="icon"] { flex: none; width: 14px; height: 14px; color: var(--ink-3); }
[data-r="chat-event"] > [data-part="text"] { min-width: 0; }
[data-r="chat-event"] > [data-part="text"] > b { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="chat-event"] [data-part="object"] { display: inline; padding: 0 2px; margin: 0 -2px; border: 0; border-radius: var(--r-press); background: none; font: inherit; font-weight: var(--fw-500); color: var(--ink-2); text-decoration-line: underline; text-decoration-color: var(--line-4); text-underline-offset: 3px; }
@media (hover: hover) {
  [data-r="chat-event"] [data-part="object"]:hover { color: var(--ink); text-decoration-color: var(--ink-3); transition-duration: 0s; }
}
[data-r="chat-event"] [data-part="object"][data-force~="hover"] { color: var(--ink); text-decoration-color: var(--ink-3); transition-duration: 0s; }
[data-r="chat-event"] > time { flex: none; }
[data-r="chat-event"] > time::before { content: "·"; margin-right: 6px; }
[data-r="chat-event"][data-flash] > [data-part="text"] { color: var(--ink-2); }
[data-r="chat-event"][data-kind="call"] > [data-part="text"] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="chat-event"][data-kind="call"] > [data-part="icon"] { color: var(--ink-2); }
[data-r="chat-event"][data-kind="call"] > [data-part="length"] { flex: none; color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="chat-event"][data-kind="call"] > :is([data-part="length"], [data-part="who"])::before { content: "·"; margin-right: 6px; color: var(--ink-3); font-weight: var(--fw-450); }
[data-r="chat-event"][data-kind="call"] > [data-part="who"] { flex: none; }
[data-r="chat-event"][data-kind="call"][data-state="missed"] > :is([data-part="text"], [data-part="icon"]) { color: var(--ink-3); }
}

/* ═══ 99-security.css ═══ */
@layer components {
[data-r="seal"] { display: grid; grid-template-columns: 112px minmax(0, 1fr); column-gap: 20px; align-items: start; padding: 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); }
[data-r="seal"] > [data-part="figure"] { width: 112px; height: 112px; color: var(--ink); overflow: visible; }
[data-r="seal"] > [data-part="figure"] [data-part="rim"] { fill: none; stroke: var(--line-3); stroke-width: 1; }
[data-r="seal"] > [data-part="figure"] [data-part="chord"] { fill: none; stroke: currentColor; stroke-width: 1; stroke-linecap: round; opacity: .55; }
[data-r="seal"] > [data-part="figure"] [data-part="node"] { fill: currentColor; }
[data-r="seal"][data-state="changed"] > [data-part="figure"] { color: var(--ink-3); }
[data-r="seal"][data-state="none"] > [data-part="figure"] [data-part="rim"] { stroke-dasharray: 3 3; stroke: var(--line-4); }
[data-r="seal"] > [data-part="what"] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
[data-r="seal"] > [data-part="what"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="seal"] [data-part="state"] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="seal"] [data-part="state"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); flex: none; }
[data-r="seal"][data-state="verified"] [data-part="state"] { color: var(--ink-2); }
[data-r="seal"][data-state="verified"] [data-part="state"] > svg[data-icon] { color: var(--success-ink); }
[data-r="seal"][data-state="changed"] [data-part="state"] { color: var(--warning-ink); }
[data-r="seal"] [data-part="digits"] { display: grid; grid-template-columns: repeat(4, max-content); column-gap: 14px; row-gap: 2px; margin: 4px 0 2px; font-family: var(--font-mono); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); font-variant-numeric: tabular-nums; letter-spacing: .02em; }
[data-r="seal"][data-state="none"] [data-part="digits"] { color: var(--ink-4); }
[data-r="seal"] [data-part="actions"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 4px; }
@container (max-width: 420px) {
  [data-r="seal"] { grid-template-columns: minmax(0, 1fr); row-gap: 12px; }
}
[data-r="device-row"] { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; column-gap: 12px; min-height: var(--row-52); padding: 8px 8px 8px 10px; border-radius: var(--r-row); color: var(--ink); }
[data-r="device-row"] > [data-part="kind"] { display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--r-row); background: var(--well); color: var(--ink-2); }
[data-r="device-row"] > [data-part="kind"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="device-row"] > [data-part="what"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="device-row"] > [data-part="what"] > b { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); }
[data-r="device-row"] > [data-part="what"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="device-row"] > [data-part="end"] { display: flex; align-items: center; gap: 6px; }
[data-r="device-row"][data-state="asking"] > [data-part="what"] > span { color: var(--ink-2); }
[data-r="device-row"][data-state="revoked"] > :is([data-part="kind"], [data-part="what"]) { opacity: .5; }
[data-r="pairing-code"] { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; width: min(360px, 100%); padding: 20px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); }
[data-r="pairing-code"] > [data-part="lead"] { font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="pairing-code"] > [data-part="code"] { font-family: var(--font-mono); font-size: var(--fs-24); line-height: var(--lh-24); font-weight: var(--fw-500); font-variant-numeric: tabular-nums; letter-spacing: .12em; color: var(--ink); }
[data-r="pairing-code"] > [data-r="progress"] { width: 160px; }
[data-r="pairing-code"] > [data-part="state"] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="pairing-code"] > [data-part="state"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="pairing-code"][data-state="approved"] > [data-part="state"] { color: var(--ink-2); }
[data-r="pairing-code"][data-state="approved"] > [data-part="state"] > svg[data-icon] { color: var(--success-ink); }
[data-r="pairing-code"]:is([data-state="expired"], [data-state="approved"]) > [data-part="code"] { color: var(--ink-3); }
[data-r="pairing-code"]:is([data-state="expired"], [data-state="approved"]) > [data-r="progress"] { visibility: hidden; }
[data-r="pairing-code"] > [data-part="actions"] { display: flex; gap: 6px; }
[data-r="recovery-code"] { display: flex; flex-direction: column; gap: 12px; width: min(460px, 100%); padding: 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); }
[data-r="recovery-code"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; }
[data-r="recovery-code"] > [data-part="head"] > b { flex: 1; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="recovery-code"] > [data-part="words"] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 12px; margin: 0; padding: 12px 14px; border-radius: var(--r-row); background: var(--well); list-style: none; counter-reset: word; }
[data-r="recovery-code"] > [data-part="words"] > li { display: flex; align-items: baseline; gap: 8px; min-width: 0; counter-increment: word; font-family: var(--font-mono); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
[data-r="recovery-code"] > [data-part="words"] > li::before { content: counter(word); min-width: 16px; text-align: right; font-family: var(--font); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; letter-spacing: 0; }
[data-r="recovery-code"]:not([data-shown]) > [data-part="words"] > li { color: var(--ink-3); letter-spacing: .1em; }
[data-r="recovery-code"] > [data-part="note"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="recovery-code"] > [data-part="actions"] { display: flex; gap: 6px; }
[data-r="recovery-code"] > [data-part="restore"] { display: block; width: 100%; min-height: 88px; resize: vertical; padding: 10px 12px; border: .5px solid var(--line-4); border-radius: var(--r-value); background: var(--raised); outline: none; font-family: var(--font-mono); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); caret-color: var(--accent); cursor: text; transition: border-color var(--state-out), box-shadow var(--ring-in) var(--ease-ring); }
[data-r="recovery-code"] > [data-part="restore"]:is(:focus, [data-force~="focus"]) { border-color: transparent; box-shadow: var(--ring-field); }
[data-r="recovery-code"] > [data-part="restore"][aria-invalid="true"] { border-color: transparent; box-shadow: var(--ring-field-danger); }
[data-r="recovery-code"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="recovery-code"] > [data-part="count"][data-state="error"] { color: var(--danger-ink); }
:is([data-r="side-panel"], [data-r="page"] > [data-part="side"]) [data-r="seal"] { grid-template-columns: minmax(0, 1fr); row-gap: 12px; }
[data-r="seal"][data-variant="mark"] { --size: 32px; display: inline-grid; place-items: center; flex: none; width: var(--size); height: var(--size); padding: 0; border-radius: var(--r-round); background: var(--well); box-shadow: none; color: var(--ink-2); }
[data-r="seal"][data-variant="mark"][data-size="24"] { --size: 24px; }
[data-r="seal"][data-variant="mark"][data-size="20"] { --size: 20px; }
[data-r="seal"][data-variant="mark"] > [data-part="figure"] { width: 100%; height: 100%; color: inherit; }
[data-r="seal"][data-variant="mark"] > [data-part="figure"] :is([data-part="rim"], [data-part="node"]) { display: none; }
[data-r="seal"][data-variant="mark"] > [data-part="figure"] [data-part="chord"] { vector-effect: non-scaling-stroke; stroke-width: 1px; stroke-linejoin: round; opacity: .8; }
}

/* ═══ a0-ask.css ═══ */
@layer components {
[data-r="scale"] { display: flex; flex-direction: column; gap: 8px; width: 100%; max-width: 440px; --cell: var(--h-32); }
[data-r="scale"][data-size="44"] { --cell: var(--h-44); max-width: none; }
[data-r="scale"] > [data-part="steps"] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 6px; }
[data-r="scale"] > [data-part="steps"] > button { position: relative; display: grid; place-items: center; height: var(--cell); min-width: 0; padding: 0; border: 0; border-radius: var(--r-row); background: var(--pill-rest, var(--plane)); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); font: inherit; font-size: var(--fs-13); line-height: 1; font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; cursor: default; outline: none; transition: background-color var(--state-out), color var(--state-out), box-shadow var(--state-out); }
[data-r="scale"][data-size="44"] > [data-part="steps"] > button { font-size: var(--fs-16); }
@media (hover: hover) {
  [data-r="scale"] > [data-part="steps"] > button:hover { background: var(--plane-hover); color: var(--ink); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
}
[data-r="scale"] > [data-part="steps"] > button[data-force~="hover"] { background: var(--plane-hover); color: var(--ink); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
[data-r="scale"] > [data-part="steps"] > button:focus-visible { box-shadow: var(--ring-field); transition-duration: 0s; }
[data-r="scale"] > [data-part="steps"] > button[data-force~="focus"] { box-shadow: var(--ring-field); transition-duration: 0s; }
[data-r="scale"] > [data-part="steps"] > button[aria-checked="true"] { background: var(--accent); color: var(--on-accent); box-shadow: var(--lit), var(--e1); transition-duration: 0s; }
[data-r="scale"] > [data-part="steps"] > button[aria-checked="true"]:focus-visible { box-shadow: var(--lit), var(--ring-field); }
[data-r="scale"] > [data-part="steps"] > button[aria-checked="true"][data-force~="focus"] { box-shadow: var(--lit), var(--ring-field); }
[data-r="scale"] > [data-part="anchors"] { display: grid; grid-template-columns: 1fr auto 1fr; align-items: baseline; gap: 12px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="scale"] > [data-part="anchors"] > :last-child { text-align: right; }
[data-r="scale"] > [data-part="anchors"] > [data-part="said"] { color: var(--ink); font-weight: var(--fw-500); text-align: center; font-variant-numeric: tabular-nums; }
[data-r="choices"] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; width: 100%; }
[data-r="choices"][data-columns="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
[data-r="choices"][data-columns="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@container (max-width: 480px) {
  [data-r="choices"][data-columns] { grid-template-columns: minmax(0, 1fr); }
}
[data-r="choice"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 12px; row-gap: 2px; align-items: center; min-height: var(--row-52); padding: 12px 14px; border: 0; border-radius: var(--r-contain); background: var(--raised); color: var(--ink); text-align: left; font: inherit; cursor: default; outline: none; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); transition: box-shadow var(--state-out), background-color var(--state-out); }
@media (hover: hover) {
  [data-r="choice"]:hover { background: var(--plane-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
}
[data-r="choice"][data-force~="hover"] { background: var(--plane-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e1); transition-duration: 0s; }
[data-r="choice"]:focus-visible { box-shadow: var(--ring-field), var(--e1); transition-duration: 0s; }
[data-r="choice"][data-force~="focus"] { box-shadow: var(--ring-field), var(--e1); transition-duration: 0s; }
[data-r="choice"][aria-checked="true"] { background: var(--plane-selected); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="choice"][aria-checked="true"]:hover { background: var(--plane-selected-hover); }
}
[data-r="choice"][aria-checked="true"][data-force~="hover"] { background: var(--plane-selected-hover); }
[data-r="choice"][aria-checked="true"] > span { color: var(--ink-2); }
[data-r="choice"] > svg[data-icon] { grid-row: 1 / 3; width: var(--icon-20); height: var(--icon-20); color: var(--thing, var(--ink-2)); }
[data-r="choice"]:not(:has(> svg[data-icon])) { grid-template-columns: minmax(0, 1fr) auto; }
[data-r="choice"] > b { grid-row: 1; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); }
[data-r="choice"] > span { grid-row: 2; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="choice"]:not(:has(> span)) > b { grid-row: 1 / 3; }
[data-r="choice"] > [data-part="mark"] { grid-row: 1 / 3; grid-column: -2; width: 16px; height: 16px; color: var(--accent-glyph); }
[data-r="choices"]:not([data-many]) [data-r="choice"][aria-checked="true"] > [data-part="mark"]::before { content: ""; display: block; width: 5px; height: 9.5px; margin: 1.75px 0 0 5.5px; /* allow: spacing · the drawn check, as in the menu */ border: solid currentColor; border-width: 0 1.6px 1.6px 0; transform: rotate(42deg); }
[data-r="choices"][data-many] [data-r="choice"] > [data-part="mark"] { position: relative; border-radius: var(--r-key); box-shadow: inset 0 0 0 var(--px) var(--line-5); background: var(--raised); transition: box-shadow var(--state-out), background-color var(--state-out); }
[data-r="choices"][data-many] [data-r="choice"][aria-checked="true"] > [data-part="mark"] { box-shadow: none; background: var(--accent); transition-duration: 0s; }
[data-r="choices"][data-many] [data-r="choice"][aria-checked="true"] > [data-part="mark"]::after { content: ""; position: absolute; left: 5.5px; top: 2.5px; width: 4px; height: 8px; border: solid var(--on-accent); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
[data-r="choice"][aria-disabled="true"] { box-shadow: 0 0 0 var(--px) var(--line-2); }
[data-r="choice"][aria-disabled="true"] > :is(b, svg[data-icon]) { color: var(--ink-disabled); }
[data-r="choices"][data-many] [data-r="choice"][aria-disabled="true"] > [data-part="mark"] { box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="question-flow"] { display: flex; flex-direction: column; width: min(560px, 100%); min-height: 420px; container-type: inline-size; }
[data-r="question-flow"][data-variant="lifted"],
[data-r="week-planning"] > [data-r="question-flow"],
[data-part="phone"] > [data-r="question-flow"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); --ring-gap: var(--raised); border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="question-flow"]:not([data-variant="lifted"], [data-r="week-planning"] > *, [data-part="phone"] > *) > :is([data-part="head"], [data-part="step"], [data-part="nav"]) { padding-left: 0; padding-right: 0; }
[data-r="question-flow"]:not([data-variant="lifted"], [data-r="week-planning"] > *, [data-part="phone"] > *) { min-height: 0; }
[data-r="question-flow"]:not([data-variant="lifted"], [data-r="week-planning"] > *, [data-part="phone"] > *) > [data-part="nav"] { border-top: 0; }
[data-r="question-flow"] > [data-part="head"] { display: flex; align-items: center; gap: 12px; padding: 16px 20px 0; }
[data-r="question-flow"] > [data-part="head"] > [data-r="progress"] { flex: 1; }
[data-r="question-flow"] > [data-part="head"] > [data-part="count"] { flex: none; min-width: 56px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="question-flow"] > [data-part="step"] { display: flex; flex-direction: column; gap: 14px; flex: 1; padding: 28px 20px 20px; }
[data-r="question-flow"] > [data-part="step"][hidden] { display: none; }
[data-r="question-flow"] > [data-part="step"][data-entering] { animation: r-step-in var(--scale-in, 200ms) var(--ease-expo); }
@keyframes r-step-in { from { opacity: 0; transform: translateX(var(--from, 12px)); } }
@media (prefers-reduced-motion: reduce) {
  [data-r="question-flow"] > [data-part="step"][data-entering] { animation: none; }
}
[data-r="question-flow"] [data-part="name"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="question-flow"] [data-part="question"] { margin: 0; font-size: var(--fs-20); line-height: var(--lh-20); font-weight: var(--fw-550); color: var(--ink); }
[data-r="question-flow"] [data-part="note"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="question-flow"] [data-part="why"] > summary { display: inline-flex; align-items: center; gap: 4px; list-style: none; cursor: default; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); border-radius: var(--r-key); outline: none; }
[data-r="question-flow"] [data-part="why"] > summary::-webkit-details-marker { display: none; }
@media (hover: hover) {
  [data-r="question-flow"] [data-part="why"] > summary:hover { color: var(--ink); transition-duration: 0s; }
}
[data-r="question-flow"] [data-part="why"] > summary[data-force~="hover"] { color: var(--ink); transition-duration: 0s; }
[data-r="question-flow"] [data-part="why"] > summary:focus-visible { box-shadow: 0 0 0 2px var(--accent); }
[data-r="question-flow"] [data-part="why"] > summary[data-force~="focus"] { box-shadow: 0 0 0 2px var(--accent); }
[data-r="question-flow"] [data-part="why"] > summary > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); transition: transform var(--state-out); }
[data-r="question-flow"] [data-part="why"][open] > summary > svg[data-icon] { transform: rotate(90deg); }
[data-r="question-flow"] [data-part="why"] > p { margin: 6px 0 0; max-width: 460px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="question-flow"] [data-part="answers"] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
[data-r="question-flow"] [data-part="answers"] > li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; column-gap: 12px; min-height: var(--row-32); border-bottom: var(--px) solid var(--line-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="question-flow"] [data-part="answers"] > li > span { color: var(--ink-2); }
[data-r="question-flow"] [data-part="answers"] > li > b { font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="question-flow"] [data-part="answers"] > li > b[data-empty] { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="question-flow"] > [data-part="nav"] { display: flex; align-items: center; gap: 6px; padding: 12px 16px 16px; border-top: var(--px) solid var(--line-2); }
[data-r="question-flow"] > [data-part="nav"] > [data-part="spacer"] { flex: 1; }
[data-r="field"][data-kind="password"] { padding-right: 4px; }
[data-r="field"][data-kind="password"] > input { letter-spacing: .04em; }
[data-r="field"][data-kind="password"] > [data-part="reveal"] { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 24px; height: 24px; padding: 0; border: 0; border-radius: var(--r-key); background: transparent; color: var(--ink-3); cursor: default; outline: none; transition: background-color var(--state-out), color var(--state-out); }
@media (hover: hover) {
  [data-r="field"][data-kind="password"] > [data-part="reveal"]:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="field"][data-kind="password"] > [data-part="reveal"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="field"][data-kind="password"] > [data-part="reveal"]:focus-visible { box-shadow: 0 0 0 2px var(--accent); }
[data-r="field"][data-kind="password"] > [data-part="reveal"][data-force~="focus"] { box-shadow: 0 0 0 2px var(--accent); }
[data-r="field"][data-kind="password"] > [data-part="reveal"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="field-hint"][data-part="caps"] { display: flex; align-items: center; gap: 6px; color: var(--warning-ink); }
[data-r="field-hint"][data-part="caps"][hidden] { display: none; }
[data-r="field-hint"][data-part="caps"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="choice"]:has(> [data-r="facts"]) { grid-template-rows: auto auto auto; align-items: start; align-content: start; }
[data-r="choice"]:has(> [data-r="facts"]) > svg[data-icon] { grid-row: 1 / 3; align-self: center; }
[data-r="choice"]:has(> [data-r="facts"]) > [data-part="mark"] { grid-row: 1; align-self: center; }
[data-r="choice"] > [data-r="facts"] { grid-row: 3; grid-column: 1 / -1; margin-top: 8px; }
[data-r="choice"]:has(> svg[data-icon]) > [data-r="facts"] { grid-column: 2 / -1; }
[data-r="choices"]:has(> [data-r="choice"] > [data-r="facts"]) { align-items: stretch; }
}

/* ═══ a1-time.css ═══ */
@layer components {
[data-r="relative-time"] { font-variant-numeric: tabular-nums; white-space: nowrap; color: inherit; }
[data-r="countdown"] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="countdown"] > [data-part="time"] { color: var(--ink-2); font-weight: var(--fw-500); min-width: 3ch; }
[data-r="countdown"][data-state="done"] > :is([data-part="lead"], [data-part="time"], [data-part="ring"]) { display: none; }
[data-r="countdown"] > [data-part="done"][hidden] { display: none; }
[data-r="countdown"] > [data-part="ring"] { width: 14px; height: 14px; flex: none; transform: rotate(-90deg); }
[data-r="countdown"] > [data-part="ring"] > circle { fill: none; stroke-width: 2; }
[data-r="countdown"] > [data-part="ring"] > circle:first-child { stroke: var(--a10); }
[data-r="countdown"] > [data-part="ring"] > circle:last-child { stroke: var(--ink-2); stroke-linecap: round; stroke-dasharray: var(--len, 31.4); stroke-dashoffset: calc(var(--len, 31.4) * (1 - var(--k, 1))); }
[data-r="countdown"][data-size="large"] { flex-direction: column; align-items: flex-start; gap: 2px; }
[data-r="countdown"][data-size="large"] > [data-part="time"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="countdown"][data-size="large"][data-state="last"] > [data-part="time"] { color: var(--warning-ink); }
[data-r="countdown"][data-state="paused"] > [data-part="time"] { color: var(--ink-3); }
[data-r="stopwatch"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 16px; row-gap: 8px; width: min(360px, 100%); padding: 8px 8px 8px 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="stopwatch"] > [data-part="time"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="stopwatch"]:not([data-running]) > [data-part="time"] { color: var(--ink-2); }
[data-r="stopwatch"] > [data-part="actions"] { display: flex; gap: 6px; }
[data-r="stopwatch"] > [data-part="laps"] { grid-column: 1 / -1; display: flex; flex-direction: column; margin: 0 8px 0 0; padding: 0; list-style: none; max-height: 168px; overflow: auto; }
[data-r="stopwatch"] > [data-part="laps"]:empty { display: none; }
[data-r="stopwatch"] > [data-part="laps"] > li { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; min-height: var(--row-28); border-top: var(--px) solid var(--line-2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="stopwatch"] > [data-part="laps"] > li > span:first-child { color: var(--ink-3); }
[data-r="stopwatch"] > [data-part="laps"] > li > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="stopwatch"][data-variant="session"] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; width: auto; max-width: 100%; padding: 0; border-radius: 0; background: none; box-shadow: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="button"] [data-r="stopwatch"][data-variant="session"] { font: inherit; color: inherit; }
[data-r="stopwatch"][data-variant="session"] > [data-part="ring"] { margin-right: 2px; }
[data-r="stopwatch"][data-variant="session"] > [data-part="goal"] { color: var(--ink); font-weight: var(--fw-500); overflow: hidden; text-overflow: ellipsis; }
[data-r="stopwatch"][data-variant="session"] > :is([data-part="time"], [data-part="other"], [data-part="state"])::before { content: "·"; margin-right: 6px; color: var(--ink-4); font-weight: var(--fw-400); }
[data-r="stopwatch"][data-variant="session"] > [data-part="time"] { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; }
[data-r="stopwatch"][data-variant="session"][data-reached] > [data-part="state"][data-state="reached"] { color: var(--ink); font-weight: var(--fw-550); }
[data-r="stopwatch"][data-variant="session"]:not([data-running]) > [data-part="ring"] { --accent-mark: var(--ink-4); }
[data-r="stopwatch"][data-variant="session"]:not([data-running]) > [data-part="goal"] { color: var(--ink-2); }
[data-r="inline-status"] { display: inline-flex; align-items: center; gap: 6px; min-height: 20px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; transition: opacity var(--state-out); }
[data-r="inline-status"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); flex: none; }
[data-r="inline-status"][data-state="done"] > svg[data-icon] { color: var(--success-ink); }
[data-r="inline-status"][data-state="failed"] { color: var(--danger-ink); }
[data-r="inline-status"][data-state="gone"] { opacity: 0; }
[data-r="inline-status"] > [data-r="button"] { margin-left: 2px; }
[data-r="inline-status"] > [data-r="shortcut"] { flex: none; }
[data-r="inline-status"][data-state="ask"] { color: var(--ink-3); }
[data-r="inline-status"][data-state="sent"] { color: var(--ink-2); }
[data-r="inline-status"][data-state="sent"] > [data-r="dot"] { flex: none; margin: 0 1px; }
}

/* ═══ a2-values.css ═══ */
@layer components {
[data-r="copy-value"] { --plane: var(--well); --plane-hover: var(--well-hover); display: flex; align-items: center; gap: 6px; min-width: 0; height: var(--h-32); padding: 0 4px 0 10px; border-radius: var(--r-value); background: var(--well); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
[data-r="copy-value"] > [data-part="value"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; user-select: all; cursor: text; font-variant-numeric: tabular-nums; }
[data-r="copy-value"][data-kind="code"] > [data-part="value"] { font-weight: var(--fw-500); letter-spacing: .06em; }
[data-r="copy-value"][data-kind="link"] > [data-part="value"] { color: var(--ink-2); }
[data-r="copy-value"][data-hidden] > [data-part="value"] { color: var(--ink-3); letter-spacing: .12em; user-select: none; cursor: default; }
[data-r="copy-value"] > [data-r="button"][data-copied] { color: var(--success-ink); }
[data-r="qr"] { display: inline-flex; flex-direction: column; align-items: center; gap: 10px; margin: 0; --qr: 160px; }
[data-r="qr"][data-size="128"] { --qr: 128px; }
[data-r="qr"][data-size="200"] { --qr: 200px; }
[data-r="qr"] > [data-part="code"] { display: block; width: var(--qr); height: var(--qr); padding: 0; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); color: var(--ink); shape-rendering: crispEdges; }
[data-r="qr"] > [data-part="code"] > path { fill: currentColor; }
[data-r="qr"] > figcaption { max-width: var(--qr); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-align: center; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-r="qr"] > [data-part="code"] { background: var(--ink); color: var(--raised); }
}
:root[data-theme="dark"] [data-r="qr"] > [data-part="code"] { background: var(--ink); color: var(--raised); }
[data-r="qr"][data-state="spent"] > [data-part="code"] > path { opacity: .3; }
[data-r="connection"] { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; column-gap: 12px; row-gap: 8px; min-height: var(--row-60); padding: 10px 12px; border-radius: var(--r-contain); color: var(--ink); }
[data-r="connection"] > [data-part="mark"] { display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--r-row); background: var(--well); color: var(--ink-2); }
[data-r="connection"] > [data-part="mark"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); color: inherit; }
[data-r="connection"] > [data-part="what"] { display: flex; flex-direction: column; min-width: 0; gap: 1px; }
[data-r="connection"] > [data-part="what"] > b { display: flex; align-items: center; gap: 6px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); }
[data-r="connection"] > [data-part="what"] > [data-part="line"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="connection"] > [data-part="end"] { display: flex; align-items: center; gap: 6px; }
[data-r="connection"] > [data-part="flows"] { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 4px; }
[data-r="connection"]:not([data-state="on"]) > [data-part="flows"] { display: none; }
[data-r="connection"][data-state="failed"] > [data-part="what"] > [data-part="line"] { color: var(--danger-ink); }
[data-r="connection"][data-state="coming"] > [data-part="mark"],
[data-r="connection"][data-state="coming"] > [data-part="what"] > b { color: var(--ink-3); }
}

/* ═══ a3-gestures.css ═══ */
@layer components {
[data-r="pull-refresh"] { position: relative; display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
[data-r="pull-refresh"]:is([data-state="pulling"], [data-state="ready"]) { -webkit-user-select: none; user-select: none; }
[data-r="pull-refresh"] > [data-part="scroll"] { flex: 1; min-height: 0; overflow: auto; overscroll-behavior-y: contain; will-change: transform; }
[data-r="pull-refresh"] > [data-part="indicator"] { position: absolute; top: 0; left: 0; right: 0; z-index: 0; display: flex; align-items: center; justify-content: center; gap: 6px; height: 48px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); opacity: 0; pointer-events: none; }
[data-r="pull-refresh"]:not([data-state="idle"]) > [data-part="indicator"] { opacity: 1; }
[data-r="pull-refresh"] > [data-part="indicator"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); transition: transform var(--state-out); }
[data-r="pull-refresh"][data-state="ready"] > [data-part="indicator"] { color: var(--ink-2); }
[data-r="pull-refresh"][data-state="ready"] > [data-part="indicator"] > svg[data-icon] { transform: rotate(180deg); }
[data-r="pull-refresh"]:not([data-state="refreshing"]) > [data-part="indicator"] > [data-r="spinner"],
[data-r="pull-refresh"][data-state="refreshing"] > [data-part="indicator"] > svg[data-icon] { display: none; }
[data-r="load-older"] { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: var(--row-44); padding: 8px 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="load-older"] > [data-part] { display: none; align-items: center; gap: 6px; }
[data-r="load-older"][data-state="more"] > [data-part="more"],
[data-r="load-older"][data-state="loading"] > [data-part="loading"],
[data-r="load-older"][data-state="failed"] > [data-part="failed"],
[data-r="load-older"][data-state="end"] > [data-part="end"] { display: inline-flex; }
[data-r="load-older"] > [data-part="failed"] { color: var(--danger-ink); }
[data-r="load-older"] > [data-part="end"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
}

/* ═══ a4-capture.css ═══ */
@layer components {
[data-r="camera"] { display: flex; flex-direction: column; gap: 10px; width: min(320px, 100%); }
[data-r="camera"] > [data-part="view"] { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: var(--r-contain); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="camera"] > [data-part="view"] > :is([data-part="video"], [data-part="scene"]) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
[data-r="camera"]:not(:is([data-state="scanning"], [data-state="found"])) > [data-part="view"] > :is([data-part="video"], [data-part="scene"], [data-part="frame"]) { visibility: hidden; }
[data-r="camera"] > [data-part="view"] > [data-part="frame"] { position: absolute; inset: 18%; border-radius: var(--r-contain); box-shadow: 0 0 0 100vmax color-mix(in srgb, var(--plane) 50%, transparent); color: var(--ink); transition: color var(--state-out); }
[data-r="camera"] > [data-part="view"] > [data-part="frame"] > i { position: absolute; width: 22px; height: 22px; border: 3px solid currentColor; }
[data-r="camera"] > [data-part="view"] > [data-part="frame"] > i:nth-child(1) { top: -3px; left: -3px; border-right: 0; border-bottom: 0; border-top-left-radius: var(--r-contain); }
[data-r="camera"] > [data-part="view"] > [data-part="frame"] > i:nth-child(2) { top: -3px; right: -3px; border-left: 0; border-bottom: 0; border-top-right-radius: var(--r-contain); }
[data-r="camera"] > [data-part="view"] > [data-part="frame"] > i:nth-child(3) { bottom: -3px; left: -3px; border-right: 0; border-top: 0; border-bottom-left-radius: var(--r-contain); }
[data-r="camera"] > [data-part="view"] > [data-part="frame"] > i:nth-child(4) { bottom: -3px; right: -3px; border-left: 0; border-top: 0; border-bottom-right-radius: var(--r-contain); }
[data-r="camera"][data-state="found"] > [data-part="view"] > [data-part="frame"] { color: var(--success-ink); }
[data-r="camera"] > [data-part="view"] > [data-part="scene"] { background: var(--well-hover); transform: rotate(-4deg) scale(1.04); }
[data-r="camera"] > [data-part="view"] > [data-part="scene"] > [data-part="card"] { fill: var(--raised); }
[data-r="camera"] > [data-part="view"] > [data-part="scene"] > path { fill: var(--ink); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-r="camera"] > [data-part="view"] > [data-part="scene"] > [data-part="card"] { fill: var(--ink); }
  :root:not([data-theme="light"]) [data-r="camera"] > [data-part="view"] > [data-part="scene"] > path { fill: var(--raised); }
}
:root[data-theme="dark"] [data-r="camera"] > [data-part="view"] > [data-part="scene"] > [data-part="card"] { fill: var(--ink); }
:root[data-theme="dark"] [data-r="camera"] > [data-part="view"] > [data-part="scene"] > path { fill: var(--raised); }
[data-r="camera"] > [data-part="view"] > [data-part="ask"] { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 24px; text-align: center; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="camera"]:is([data-state="scanning"], [data-state="found"]) > [data-part="view"] > [data-part="ask"] { display: none; }
[data-r="camera"] > [data-part="view"] > [data-part="ask"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); color: var(--thing, var(--ink-2)); }
[data-r="camera"] > [data-part="view"] > [data-part="ask"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="camera"] > [data-part="view"] > [data-part="ask"] > [data-r="button"] { margin-top: 6px; }
[data-r="camera"] > [data-part="line"] { margin: 0; min-height: 20px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-align: center; }
[data-r="camera"][data-state="found"] > [data-part="line"] { color: var(--ink); font-weight: var(--fw-500); }
[data-r="camera"] > [data-part="actions"] { display: flex; justify-content: center; gap: 6px; }
[data-r="image-crop"] { --crop: 240px; display: flex; flex-direction: column; gap: 12px; width: min(var(--crop), 100%); }
[data-r="image-crop"]:not([data-state="empty"]) > [data-r="drop"],
[data-r="image-crop"]:not([data-state="cropping"]) > :is([data-part="stage"], [data-part="zoom"], [data-part="actions"]),
[data-r="image-crop"]:not([data-state="done"]) > [data-part="result"] { display: none; }
[data-r="image-crop"] > [data-r="drop"] { aspect-ratio: 1; cursor: default; }
[data-r="image-crop"] > [data-r="drop"]:focus-visible { outline-style: solid; outline-color: var(--accent); }
[data-r="image-crop"] > [data-r="drop"][data-force~="focus"] { outline-style: solid; outline-color: var(--accent); }
[data-r="image-crop"] > [data-part="stage"] { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: var(--r-contain); background: var(--well); touch-action: none; cursor: grab; outline: none; }
[data-r="image-crop"] > [data-part="stage"][data-dragging] { cursor: grabbing; }
[data-r="image-crop"] > [data-part="stage"]:focus-visible { box-shadow: 0 0 0 2px var(--accent); }
[data-r="image-crop"] > [data-part="stage"][data-force~="focus"] { box-shadow: 0 0 0 2px var(--accent); }
[data-r="image-crop"] > [data-part="stage"] > [data-part="image"] { position: absolute; left: 0; top: 0; max-width: none; transform-origin: 0 0; user-select: none; -webkit-user-drag: none; pointer-events: none; }
[data-r="image-crop"] > [data-part="stage"] > [data-part="mask"] { position: absolute; inset: 16px; pointer-events: none; box-shadow: 0 0 0 100vmax color-mix(in srgb, var(--plane) 55%, transparent), inset 0 0 0 var(--px) color-mix(in srgb, var(--on-fill) 70%, transparent); }
[data-r="image-crop"][data-shape="round"] > [data-part="stage"] > [data-part="mask"] { border-radius: var(--r-round); }
[data-r="image-crop"][data-shape="square"] > [data-part="stage"] > [data-part="mask"] { border-radius: var(--r-contain); }
[data-r="image-crop"] > [data-part="zoom"] { display: flex; align-items: center; gap: 8px; }
[data-r="image-crop"] > [data-part="zoom"] > [data-r="slider"] { flex: 1; }
[data-r="image-crop"] > [data-part="zoom"] > svg[data-icon] { flex: none; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="image-crop"] > [data-part="actions"] { display: flex; justify-content: flex-end; gap: 6px; }
[data-r="image-crop"] > [data-part="result"] { display: flex; align-items: center; gap: 12px; }
[data-r="image-crop"] > [data-part="result"] > [data-part="previews"] { display: flex; align-items: flex-end; gap: 10px; }
[data-r="image-crop"] > [data-part="result"] img { display: block; object-fit: cover; background: var(--well); }
[data-r="image-crop"][data-shape="round"] > [data-part="result"] img { border-radius: var(--r-round); }
[data-r="image-crop"][data-shape="square"] > [data-part="result"] img { border-radius: var(--r-row); }
[data-r="image-crop"] > [data-part="result"] > [data-part="end"] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; margin-left: auto; }
[data-r="live-reading"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; row-gap: 8px; width: min(320px, 100%); padding: 12px 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="live-reading"] > [data-part="head"] { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="live-reading"] > [data-part="head"] > b { font-weight: var(--fw-500); color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="live-reading"] > [data-part="head"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); }
[data-r="live-reading"] > [data-part="head"] > [data-part="state"] { margin-left: auto; white-space: nowrap; }
[data-r="live-reading"] > [data-part="value"] { display: flex; align-items: baseline; gap: 4px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="live-reading"] > [data-part="value"] { min-height: var(--lh-13); }
[data-r="live-reading"] > [data-part="value"][data-empty] > :is([data-part="number"], [data-part="unit"]),
[data-r="live-reading"] > [data-part="value"]:not([data-empty]) > [data-part="none"] { display: none; }
[data-r="live-reading"] > [data-part="value"] > [data-part="none"] { align-self: center; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="live-reading"] > [data-part="value"] > [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="live-reading"]:not([data-state="live"]) > [data-part="value"] { color: var(--ink-3); }
[data-r="live-reading"] > [data-part="trace"] { width: 120px; height: 24px; overflow: visible; }
[data-r="live-reading"] > [data-part="trace"] > path { fill: none; stroke: var(--ink-2); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
[data-r="live-reading"]:not([data-state="live"]) > [data-part="trace"] > path { stroke: var(--ink-4); stroke-dasharray: 3 3; }
[data-r="live-reading"] > [data-part="note"] { grid-column: 1 / -1; margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="live-reading"][data-state="lost"] > [data-part="note"] { color: var(--warning-ink); }
[data-r="live-reading"] > [data-part="actions"] { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; }
[data-r="live-reading"] > [data-part="actions"] > [data-part="spacer"] { flex: 1; }
[data-r="live-reading"] > [data-part="actions"] > [data-part="awake-row"] { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="live-reading"] > [data-part="head"] > [data-part="beat"] { flex: none; width: 6px; height: 6px; border-radius: var(--r-round); background: var(--ink-4); }
[data-r="live-reading"][data-state="live"] > [data-part="head"] > [data-part="beat"] { background: var(--ink-2); }
[data-r="live-reading"][data-state="live"] > [data-part="head"] > [data-part="beat"][data-on] { background: var(--ink); transform: scale(1.35); }
@media (prefers-reduced-motion: no-preference) {
  [data-r="live-reading"] > [data-part="head"] > [data-part="beat"] { transition: transform var(--state-out) var(--ease-expo), background-color var(--state-out); }
}
}

/* ═══ a5-account.css ═══ */
@layer components {
[data-r="plan"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); display: flex; flex-direction: column; gap: 12px; width: min(340px, 100%); padding: 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="plan"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; }
[data-r="plan"] > [data-part="head"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="plan"] > [data-part="head"] > [data-r="badge"] { margin-left: auto; }
[data-r="plan"] > [data-part="price"] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px; margin: 0; }
[data-r="plan"] > [data-part="price"] > [data-part="figure"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="plan"] > [data-part="price"] > [data-part="per"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="plan"] > [data-part="includes"] { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
[data-r="plan"] > [data-part="includes"] > li { display: flex; align-items: flex-start; gap: 8px; }
[data-r="plan"] > [data-part="includes"] > li > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); margin-top: 3px; color: var(--thing, var(--ink-3)); }
[data-r="plan"] > [data-part="payer"] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 8px; padding-top: 12px; border-top: var(--px) solid var(--line-2); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="plan"] > [data-part="payer"] > span:first-child { color: var(--ink-3); }
[data-r="plan"] > [data-part="payer"] > b { display: inline-flex; align-items: center; gap: 6px; min-width: 0; font-weight: var(--fw-500); color: var(--ink); }
[data-r="plan"] > [data-part="note"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="plan"] > [data-part="actions"] { display: flex; gap: 6px; }
[data-r="payment-method"] { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; column-gap: 12px; width: 100%; min-height: var(--row-52); padding: 8px 8px 8px 10px; border: 0; border-radius: var(--r-row); background: transparent; color: var(--ink); font: inherit; text-align: left; }
[data-r="payment-method"] > [data-part="kind"] { display: grid; place-items: center; width: 36px; height: 26px; border-radius: var(--r-key); background: var(--well); color: var(--ink-2); box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="payment-method"] > [data-part="kind"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="payment-method"] > [data-part="what"] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
[data-r="payment-method"] > [data-part="what"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); font-variant-numeric: tabular-nums; }
[data-r="payment-method"] > [data-part="what"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="payment-method"][data-state="expiring"] > [data-part="what"] > span { color: var(--warning-ink); }
[data-r="payment-method"][data-state="expired"] > [data-part="what"] > span { color: var(--danger-ink); }
[data-r="payment-method"] > [data-part="end"] { display: flex; align-items: center; gap: 6px; }
[data-r="payment-method"][data-add] { grid-template-columns: 36px minmax(0, 1fr); outline: 1px dashed var(--line-5); outline-offset: -1px; color: var(--ink-2); cursor: default; transition: background-color var(--state-out); }
[data-r="payment-method"][data-add] > [data-part="kind"] { background: transparent; box-shadow: none; color: var(--ink-3); }
@media (hover: hover) {
  [data-r="payment-method"][data-add]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="payment-method"][data-add][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="payment-method"][data-add]:focus-visible { outline: 2px solid var(--accent); }
[data-r="payment-method"][data-add][data-force~="focus"] { outline: 2px solid var(--accent); }
[data-r="invoice"] { display: grid; grid-template-columns: 88px minmax(0, 1fr) auto 96px auto; align-items: center; column-gap: 12px; min-height: var(--row-52); padding: 6px 6px 6px 10px; border-radius: var(--r-row); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
[data-r="invoice"] > time { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="invoice"] > [data-part="what"] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
[data-r="invoice"] > [data-part="what"] > b { font-weight: var(--fw-500); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="invoice"] > [data-part="what"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="invoice"] > [data-part="amount"] { justify-self: end; font-weight: var(--fw-500); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="invoice"] > [data-part="state"] { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="invoice"] > [data-part="state"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="invoice"][data-state="paid"] > [data-part="state"] > svg[data-icon] { color: var(--success-ink); }
[data-r="invoice"][data-state="due"] > [data-part="state"] { color: var(--ink-2); }
[data-r="invoice"][data-state="overdue"] > [data-part="state"] { color: var(--danger-ink); }
[data-r="invoice"][data-state="refunded"] > [data-part="amount"] { color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
@container (max-width: 520px) {
  [data-r="invoice"] { grid-template-columns: minmax(0, 1fr) auto auto; row-gap: 2px; }
  [data-r="invoice"] > time { grid-row: 2; grid-column: 1; }
  [data-r="invoice"] > [data-part="what"] { grid-row: 1; grid-column: 1; }
  [data-r="invoice"] > [data-part="amount"] { grid-row: 1; grid-column: 2; }
  [data-r="invoice"] > [data-part="state"] { grid-row: 2; grid-column: 2; justify-self: end; }
  [data-r="invoice"] > [data-r="button"] { grid-row: 1 / 3; grid-column: 3; }
}
[data-r="select"][data-kind="person"] > [data-part="who"] { display: inline-flex; flex: none; }
[data-r="select"][data-kind="person"] > [data-part="who"]:empty { display: none; }
[data-r="select"][data-kind="person"][data-empty]::after { box-shadow: none; outline: 1px dashed var(--line-5); outline-offset: -1px; border-radius: inherit; }
[data-r="select"][data-kind="person"][data-empty] { background-color: transparent; }
@media (hover: hover) {
  [data-r="select"][data-kind="person"][data-empty]:is(:hover, [aria-expanded="true"]) { background-color: var(--plane-hover); }
}
[data-r="select"][data-kind="person"][data-empty]:is([data-force~="hover"], [aria-expanded="true"]) { background-color: var(--plane-hover); }
[data-r="select"][data-kind="person"][data-empty] > [data-part="value"] { color: var(--ink-3); }
[data-r="select"][data-kind="visibility"] > [data-part="value"] { font-variant-numeric: tabular-nums; }
[data-r="menu-item"] > [data-part="end"] [data-part="consent"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; }
[data-r="menu-item"][data-consent="needed"] > [data-part="end"] [data-part="consent"] { color: var(--ink-2); }
}

/* ═══ b0-objects.css ═══ */
@layer components {
:is([data-r="decision"], [data-r="experiment"], [data-r="incident"]):not([data-variant]) > [data-part="head"],
[data-r="decision"][data-variant="full"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-height: var(--h-20); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
:is([data-r="decision"], [data-r="experiment"], [data-r="incident"]) > [data-part="head"] > [data-part="id"] { color: var(--ink-3); font-weight: var(--fw-450); font-variant-numeric: tabular-nums; }
:is([data-r="decision"][data-variant="full"], [data-r="experiment"], [data-r="incident"]:not([data-variant])) { display: flex; flex-direction: column; gap: 16px; min-width: 0; color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
:is([data-r="decision"], [data-r="experiment"], [data-r="incident"], [data-r="playbook"], [data-r="season-goal"], [data-r="event"]) :is(h3, h4, p, ul, ol, dl, dd) { margin: 0; }
:is([data-r="decision"], [data-r="experiment"], [data-r="incident"], [data-r="playbook"], [data-r="revision"]:where(:not([data-variant]))) ul { padding: 0; list-style: none; }
:is([data-r="decision"][data-variant="full"], [data-r="experiment"], [data-r="incident"]:not([data-variant])) > [data-part="title"] { margin-top: -8px; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
:is([data-r="decision"], [data-r="experiment"], [data-r="incident"], [data-r="playbook"], [data-r="revision"]:where(:not([data-variant]))) h4 { margin: 0 0 4px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
:is([data-r="decision"], [data-r="experiment"], [data-r="revision"]:where(:not([data-variant]))) > [data-part="fields"] { display: flex; flex-direction: column; gap: 8px; margin: 0; }
:is([data-r="decision"], [data-r="experiment"], [data-r="revision"]:where(:not([data-variant]))) > [data-part="fields"] > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); column-gap: 12px; align-items: baseline; }
:is([data-r="decision"], [data-r="experiment"], [data-r="revision"]:where(:not([data-variant]))) > [data-part="fields"] dt { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
:is([data-r="decision"], [data-r="experiment"], [data-r="revision"]:where(:not([data-variant]))) > [data-part="fields"] dd { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
:is([data-r="decision"], [data-r="experiment"]) > [data-part="fields"] dd > ul { display: flex; flex-direction: column; gap: 4px; }
:is([data-r="decision"], [data-r="experiment"]) > [data-part="fields"] dd > ul > li { display: flex; align-items: flex-start; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
:is([data-r="decision"], [data-r="experiment"]) > [data-part="fields"] dd > ul > li > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); margin-top: 3px; color: var(--thing, var(--ink-3)); }
:is([data-r="decision"], [data-r="experiment"]) > [data-part="fields"] dd > ul > li > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="experiment"] [data-part="safety"] > li::before { content: ""; flex: none; width: 4px; height: 4px; margin: 6px 4px 0 2px; border-radius: var(--r-round); background: var(--ink-3); }
@container (max-width: 440px) {
  :is([data-r="decision"], [data-r="experiment"], [data-r="revision"]:where(:not([data-variant]))) > [data-part="fields"] > div { grid-template-columns: minmax(0, 1fr); row-gap: 2px; }
}
:is([data-r="decision"], [data-r="experiment"]) > [data-r="properties"][data-part="lifecycle"] { gap: 0; padding: 8px 0 0; border-top: var(--px) solid var(--line-1); }
:is([data-r="decision"], [data-r="experiment"]) > [data-r="properties"][data-part="lifecycle"] > [data-r="property"] { grid-template-columns: 112px minmax(0, 1fr); column-gap: 12px; }
:is([data-r="decision"], [data-r="incident"], [data-r="revision"]:where(:not([data-variant]))) > :is([data-part="actions"], [data-part="decide"]) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
:is([data-r="decision"], [data-r="incident"], [data-r="revision"]:where(:not([data-variant]))) > :is([data-part="actions"], [data-part="decide"]) > [data-part="hint"] { flex: 1 1 200px; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
:is([data-r="decision"], [data-r="incident"], [data-r="revision"]:where(:not([data-variant]))) > [data-part="decide"][hidden] { display: none; }
[data-part="ramtt"] { display: inline-grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: var(--r-round); background: var(--ink); color: var(--paper); font-size: var(--fs-11); line-height: 1; font-weight: var(--fw-550); }
:is([data-r="season-goal"], [data-r="season-strip"], [data-r="event"]) [data-part="diamond"] { display: inline-block; flex: none; width: 8px; height: 8px; margin: 3px; background: var(--ink); transform: rotate(45deg); }
[data-r="season-strip"] [data-part="diamond"] { width: 10px; height: 10px; margin: 0; }
[data-r="goal-range"] { display: grid; gap: 6px; min-width: 0; --c: var(--ink-3); }
[data-r="goal-range"] > [data-part="track"] { position: relative; height: 6px; margin: 0 5px; border-radius: var(--r-round); background: var(--plane-selected); }
[data-r="goal-range"] [data-part="fill"] { position: absolute; top: 0; bottom: 0; left: calc(var(--from, 0) * 100%); width: calc((var(--to, 0) - var(--from, 0)) * 100%); border-radius: inherit; background: var(--c); }
[data-r="goal-range"] [data-part="tick"] { position: absolute; top: -4px; bottom: -4px; left: calc(var(--x, 0) * 100%); width: 1px; margin-left: 0; background: var(--ink-3); }
[data-r="goal-range"] [data-part="mark"] { position: absolute; top: 50%; left: calc(var(--x, 0) * 100%); width: 10px; height: 10px; margin: -5px 0 0 -5px; box-sizing: border-box; border-radius: var(--r-round); background: var(--ink); box-shadow: 0 0 0 2px var(--plane, var(--raised)); }
[data-r="goal-range"][data-empty] [data-part="mark"] { border: 1px dashed var(--ink-3); background: var(--raised); box-shadow: none; }
[data-r="goal-range"][data-empty] [data-part="fill"] { display: none; }
[data-r="goal-range"] > [data-part="labels"] { position: relative; height: var(--lh-11); margin: 0 5px; }
[data-r="goal-range"] [data-part="label"] { position: absolute; top: 0; left: var(--left, 0); white-space: nowrap; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="goal-range"] [data-part="label"][data-at="value"] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="goal-range"][data-empty] [data-part="label"][data-at="value"] { color: var(--ink-3); font-weight: var(--fw-450); }
[data-r="goal-range"] [data-part="label"][hidden] { display: none; }
[data-r="goal-range"] > [data-part="share"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="goal-range"][data-size="small"] { display: block; width: 64px; }
[data-r="goal-range"][data-size="small"] > [data-part="track"] { width: 64px; height: 4px; margin: 0; }
[data-r="goal-range"][data-size="small"] [data-part="tick"] { top: -3px; bottom: -3px; }
[data-r="goal-range"][data-size="small"] [data-part="mark"] { width: 8px; height: 8px; margin: -4px 0 0 -4px; }
[data-r="goal-range"][data-size="large"] { gap: 8px; }
[data-r="goal-range"][data-size="large"] > [data-part="share"] { font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="season-goal"] [data-part="outcome"] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
[data-r="season-goal"] [data-part="outcome-mark"] { display: inline-flex; flex: none; }
[data-r="season-goal"] [data-part="outcome-word"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); white-space: nowrap; }
[data-r="season-goal"][data-variant="row"] { display: grid; grid-template-columns: 16px minmax(0, 1fr) 64px 88px 44px; align-items: center; column-gap: 12px; min-height: var(--row-40); padding: 0 10px; border-radius: var(--r-row); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); cursor: default; outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="season-goal"][data-variant="row"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="season-goal"][data-variant="row"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="season-goal"][data-variant="row"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="season-goal"][data-variant="row"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="season-goal"][data-variant="row"] > [data-part="subject"] { display: inline-grid; place-items: center; width: 16px; height: 16px; color: var(--ink-3); }
[data-r="season-goal"][data-variant="row"] > [data-part="subject"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="season-goal"][data-variant="row"] > [data-part="title"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink); }
[data-r="season-goal"][data-variant="row"] > [data-part="date"] { justify-self: end; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
@container (max-width: 520px) {
  [data-r="season-goal"][data-variant="row"] { grid-template-columns: 16px minmax(0, 1fr) auto 44px; }
  [data-r="season-goal"][data-variant="row"] > [data-r="goal-range"] { display: none; }
}
[data-r="season-goal"][data-variant="card"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 12px 16px 14px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="season-goal"][data-variant="card"] > [data-part="head"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: var(--h-20); }
[data-r="season-goal"][data-variant="card"] > [data-part="head"] > [data-part="subject"] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; color: var(--ink-2); }
[data-r="season-goal"][data-variant="card"] > [data-part="head"] > [data-part="subject"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="season-goal"][data-variant="card"] > [data-part="title"] { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="season-goal"][data-variant="card"] > [data-part="foot"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="season-goal"][data-variant="card"] > [data-part="foot"] > [data-part="set-by"] { display: inline-flex; align-items: center; gap: 6px; }
[data-r="season-goal"][data-variant="card"] > [data-part="foot"] > [data-part="status"] { display: inline-flex; align-items: center; gap: 6px; }
[data-r="season-goal"] [data-part="replaced"] { display: flex; align-items: flex-start; gap: 8px; color: var(--ink-2); }
[data-r="season-goal"] [data-part="replaced"] b { font-weight: var(--fw-500); color: var(--ink); }
:is([data-r="season-goal"], [data-r="decision"], [data-r="incident"]) [data-part="steps"],
[data-r="properties"] [data-part="outcome-mark"] [data-part="steps"] { display: inline-flex; flex: none; gap: 1px; }
:is([data-r="season-goal"], [data-r="decision"], [data-r="incident"]) [data-part="steps"] > i { width: 3px; height: 8px; border-radius: 1px; background: var(--line-4); }
:is([data-r="season-goal"], [data-r="decision"], [data-r="incident"]) [data-part="steps"] > i[data-on] { background: var(--c, var(--ink-2)); }
[data-part="goal-detail"] [data-part="replaced-note"] { display: flex; align-items: flex-start; gap: 8px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-part="goal-detail"] [data-part="replaced-note"][hidden] { display: none; }
[data-part="goal-detail"] [data-part="goal-actions"] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: -12px; }
[data-part="goal-detail"] [data-part="column"] > [data-r="goal-range"] { padding-bottom: 4px; }
[data-r="properties"] [data-part="outcome-mark"] { display: inline-flex; flex: none; }
[data-r="goal-check"] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; min-width: 0; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="goal-check"] > [data-part="side"] { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 14px 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="goal-check"] > [data-part="side"] + [data-part="side"] { box-shadow: inset var(--px) 0 0 var(--line-2); }
[data-r="goal-check"] [data-part="label"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="goal-check"] [data-part="what"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="goal-check"] [data-part="verdict"] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="goal-check"] [data-part="verdict"] > [data-part="outcome-word"] { font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
[data-r="goal-check"] [data-part="verdict"] > [data-part="outcome-mark"] { display: inline-flex; }
[data-r="goal-check"] [data-part="kind"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="goal-check"] > [data-part="rule"] { grid-column: 1 / -1; margin: 0; padding: 12px 16px; box-shadow: inset 0 var(--px) 0 var(--line-2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
@container (max-width: 440px) {
  [data-r="goal-check"] { grid-template-columns: minmax(0, 1fr); }
  [data-r="goal-check"] > [data-part="side"] + [data-part="side"] { box-shadow: inset 0 var(--px) 0 var(--line-2); }
}
[data-r="decision"] [data-part="state"] { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
[data-r="decision"] [data-part="state"][data-state="to-decide"] { --c: var(--chart-seq-4); }
[data-r="decision"] [data-part="state"][data-state="decided"] { --c: var(--chart-seq-7); }
[data-r="decision"] [data-part="state"] > [data-part="word"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="decision"] [data-part="state"][data-state="superseded"] [data-part="steps"] { box-sizing: border-box; width: 7px; height: 8px; outline: 1px dashed var(--ink-4); outline-offset: 0; }
[data-r="decision"] [data-part="state"][data-state="superseded"] [data-part="steps"] > i { display: none; }
[data-r="decision"][data-variant="row"] { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto 96px 16px 64px; align-items: center; column-gap: 12px; min-height: var(--row-40); padding: 0 10px; border-radius: var(--r-row); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); cursor: default; outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="decision"][data-variant="row"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="decision"][data-variant="row"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="decision"][data-variant="row"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="decision"][data-variant="row"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="decision"][data-variant="row"] > [data-part="title"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink); }
[data-r="decision"][data-variant="row"] > [data-part="scope"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="decision"][data-variant="row"] > [data-part="actor"] { display: inline-flex; }
[data-r="decision"][data-variant="row"] > time { justify-self: end; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
@container (max-width: 520px) {
  [data-r="decision"][data-variant="row"] { grid-template-columns: 16px minmax(0, 1fr) auto 16px; }
  [data-r="decision"][data-variant="row"] > :is([data-part="scope"], time) { display: none; }
}
[data-r="decision"][data-variant="full"] [data-part="actor-name"] { font-weight: var(--fw-500); }
[data-r="decision"][data-variant="full"] [data-part="time-word"] { color: var(--ink-2); }
[data-r="decision"] > section[data-part="reach"] > ul { display: flex; flex-direction: column; }
[data-r="decision"] li[data-part="reach"] { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; column-gap: 10px; min-height: var(--row-32); padding: 0 8px; border-radius: var(--r-row); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="decision"] li[data-part="reach"] + li { box-shadow: inset 0 var(--px) 0 var(--line-1); }
[data-r="decision"] li[data-part="reach"] > [data-part="what"] { display: flex; gap: 8px; min-width: 0; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="decision"] li[data-part="reach"] > [data-part="what"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="decision"] li[data-part="reach"] > [data-part="effect"] { display: inline-flex; align-items: center; gap: 4px; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="decision"] li[data-part="reach"] > [data-part="effect"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="decision"] li[data-part="reach"][data-keeps] > [data-part="effect"] { color: var(--ink-3); }
[data-r="decision"] section[data-part="reach"] > [data-part="rule"] { display: flex; align-items: flex-start; gap: 6px; margin-top: 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="decision"] section[data-part="reach"] > [data-part="rule"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); margin-top: 2px; color: var(--thing, var(--ink-3)); }
[data-r="revision"]:where(:not([data-variant])) { display: flex; flex-direction: column; gap: 14px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); container-type: inline-size; }
[data-r="revision"]:where(:not([data-variant])) > [data-part="head"] { display: flex; align-items: center; gap: 8px; }
[data-r="revision"]:where(:not([data-variant])) > [data-part="head"] > [data-part="title"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="revision"]:where(:not([data-variant])) > [data-part="head"] > [data-part="where"] { margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="revision"]:where(:not([data-variant])) > [data-part="trail"] { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(96px, 1fr); gap: 4px; margin: 0; padding: 0; list-style: none; overflow-x: auto; outline: none; }
[data-r="revision"]:where(:not([data-variant])) [data-part="version"] { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 2px; min-height: var(--row-44); padding: 6px 10px 6px 28px; border-radius: var(--r-row); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); cursor: default; outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="revision"]:where(:not([data-variant])) [data-part="version"][aria-selected="false"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="revision"]:where(:not([data-variant])) [data-part="version"][aria-selected="false"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="revision"]:where(:not([data-variant])) [data-part="version"][aria-selected="true"] { background: var(--plane-selected); color: var(--ink); }
[data-r="revision"]:where(:not([data-variant])) [data-part="version"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="revision"]:where(:not([data-variant])) [data-part="version"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="revision"]:where(:not([data-variant])) [data-part="version"] > [data-part="node"] { position: absolute; left: 10px; top: 50%; width: 8px; height: 8px; margin-top: -4px; box-sizing: border-box; border-radius: var(--r-round); background: var(--ink-2); }
[data-r="revision"]:where(:not([data-variant])) [data-part="version"][aria-selected="true"] > [data-part="node"] { background: var(--ink); }
[data-r="revision"]:where(:not([data-variant])) [data-part="version"][data-suggested] > [data-part="node"] { border: 1px dashed var(--ink-3); background: transparent; }
[data-r="revision"]:where(:not([data-variant])) [data-part="version"] > [data-part="name"] { font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; }
[data-r="revision"]:where(:not([data-variant])) [data-part="version"] > [data-part="when"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="revision"]:where(:not([data-variant])) [data-part="version"][aria-selected="true"] > [data-part="when"] { color: var(--ink-2); }
[data-r="revision"]:where(:not([data-variant])) > [data-part="note"] { color: var(--ink-2); }
[data-r="revision"]:where(:not([data-variant])) > [data-part="fields"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; }
[data-r="revision"]:where(:not([data-variant])) > [data-part="fields"] > div { grid-template-columns: minmax(0, 1fr); row-gap: 2px; }
[data-r="revision"]:where(:not([data-variant])) [data-field="authorized"] > [data-r="avatar"] { margin-right: 2px; }
[data-r="revision"]:where(:not([data-variant])) [data-part="empty"] { color: var(--ink-3); }
[data-r="revision"]:where(:not([data-variant])) > [data-r="diff"] > [data-part="head"] { padding-top: 2px; }
[data-r="revision"]:where(:not([data-variant])) > [data-r="diff"] [data-part="rows"] > [data-part="empty"] { margin: 0; padding: 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="revision"]:where(:not([data-variant])) > [data-part="forward"] { display: flex; align-items: flex-start; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="revision"]:where(:not([data-variant])) > [data-part="forward"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); margin-top: 2px; color: var(--thing, var(--ink-3)); }
[data-r="revision"]:where(:not([data-variant]))[data-suggestion] > [data-part="forward"] > svg[data-icon] { visibility: hidden; }
[data-r="experiment"] { container: experiment / inline-size; }
[data-r="experiment"] > [data-part="head"] > [data-part="state-word"] { color: var(--ink-2); }
[data-r="experiment"] > [data-part="evidence"] { display: flex; flex-direction: column; gap: 8px; }
[data-r="experiment"] [data-part="evidence-head"] { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
[data-r="experiment"] [data-part="evidence-head"] > h4 { margin: 0; }
[data-r="experiment"] [data-part="evidence-head"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="experiment"] [data-r="progress"] > [data-part="fill"] { width: var(--v, 0%); }
[data-r="experiment"] [data-part="observations"] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
[data-r="experiment"] [data-part="observation"] { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto 56px; align-items: center; column-gap: 12px; min-height: var(--row-28); padding: 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="experiment"] [data-part="observation"] + [data-part="observation"] { box-shadow: inset 0 var(--px) 0 var(--line-1); }
[data-r="experiment"] [data-part="observation"] > [data-part="what"] { color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="experiment"] [data-part="observation"] > [data-part="value"] { justify-self: end; font-weight: var(--fw-500); color: var(--ink); }
[data-r="experiment"] [data-part="observation"][data-new] > [data-part="value"] { font-weight: var(--fw-550); }
[data-r="experiment"] [data-part="scale"] { display: inline-flex; gap: 3px; }
[data-r="experiment"] [data-part="scale"] > i { width: 8px; height: 8px; border-radius: 2px; background: var(--line-2); }
[data-r="experiment"] [data-part="scale"] > i[data-limit] { box-shadow: 0 0 0 1px var(--ink-3); }
[data-r="experiment"] [data-part="scale"] > i[data-on] { background: var(--ink); }
[data-r="experiment"] [data-part="add"] { display: flex; align-items: center; gap: 8px; padding: 4px 8px 0; }
@container (max-width: 440px) {
  [data-r="experiment"] [data-part="scale"] { display: none; }
  [data-r="experiment"] [data-part="observation"] { grid-template-columns: 76px minmax(0, 1fr) 56px; }
}
[data-r="experiment"] > [data-part="outcome"] { display: flex; flex-direction: column; gap: 6px; }
[data-r="experiment"] > [data-part="outcome"] > h4 { margin: 0; }
[data-r="experiment"] > [data-part="outcome"] > [data-part="verdict"] { display: flex; align-items: center; gap: 8px; min-height: var(--row-32); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="experiment"][data-below] > [data-part="outcome"] > [data-part="verdict"] { padding: 0 12px; border: 1px dashed var(--line-4); border-radius: var(--r-row); font-weight: var(--fw-450); color: var(--ink-2); }
[data-r="experiment"] > [data-part="outcome"] > [data-part="why"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="experiment"][data-stopped] > [data-part="outcome"] > [data-part="why"] { color: var(--warning-ink); }
[data-r="incident"] [data-part="state"] { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
[data-r="incident"] [data-part="state"] > [data-part="value"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="incident"][data-variant="row"] { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto 16px 64px; align-items: center; column-gap: 12px; min-height: var(--row-40); padding: 0 10px; border-radius: var(--r-row); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); cursor: default; outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="incident"][data-variant="row"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="incident"][data-variant="row"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="incident"][data-variant="row"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="incident"][data-variant="row"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="incident"][data-variant="row"] > [data-part="title"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink); }
[data-r="incident"][data-variant="row"] > [data-part="owner"] { display: inline-flex; }
[data-r="incident"][data-variant="row"] > time { justify-self: end; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="incident"][data-variant="row"] { container: incident-row / inline-size; }
@container incident-row (width < 400px) {
  [data-r="incident"][data-variant="row"] [data-part="state"] > [data-part="value"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
[data-r="incident"] [data-part="no-owner"] { display: inline-block; box-sizing: border-box; width: 16px; height: 16px; border: 1px dashed var(--ink-4); border-radius: var(--r-round); }
[data-r="incident"]:not([data-variant]) > [data-r="properties"] { gap: 0; padding: 0; }
[data-r="incident"]:not([data-variant]) > [data-r="properties"] > [data-r="property"] { grid-template-columns: 112px minmax(0, 1fr); column-gap: 12px; }
[data-r="incident"] [data-r="property"] > [data-part="not-yet"] { outline: 1px dashed var(--line-5); outline-offset: -1px; color: var(--ink-3); }
[data-r="incident"] [data-r="property"] > [data-part="not-yet"] [data-part="value"] { color: var(--ink-3); }
[data-r="incident"] [data-part="affected"] > ul,
[data-r="incident"] [data-part="criteria"] > ul { display: flex; flex-direction: column; }
[data-r="incident"] [data-part="session"] { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; column-gap: 10px; min-height: var(--row-32); padding: 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="incident"] [data-part="session"] + [data-part="session"] { box-shadow: inset 0 var(--px) 0 var(--line-1); }
[data-r="incident"] [data-part="session"] > [data-part="what"] { display: flex; gap: 8px; min-width: 0; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="incident"] [data-part="session"] > [data-part="what"] > b { font-weight: var(--fw-500); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="incident"] [data-part="session"] > [data-part="why"] { color: var(--ink-3); white-space: nowrap; }
[data-r="incident"] [data-part="session"] { grid-template-columns: 16px minmax(min(96px, 100%), 1fr) auto; }
[data-r="incident"] [data-part="session"] > [data-part="why"] { white-space: normal; text-align: right; }
[data-r="incident"] [data-part="session"] > [data-part="what"] { flex-wrap: wrap; row-gap: 0; }
:is([data-r="incident"], [data-r="playbook"]) [data-part="criteria-head"] { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
:is([data-r="incident"], [data-r="playbook"]) [data-part="criteria-head"] > h4 { margin: 0 0 4px; }
:is([data-r="incident"], [data-r="playbook"]) [data-part="criteria-head"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
:is([data-r="incident"], [data-r="playbook"]) [data-part="criterion"] { display: flex; align-items: center; min-height: var(--row-32); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
:is([data-r="incident"], [data-r="playbook"]) [data-part="criterion"] > [data-r="option"] { flex: 1; min-width: 0; }
[data-r="playbook"] { display: flex; flex-direction: column; gap: 14px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="playbook"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; }
[data-r="playbook"] > [data-part="head"] > [data-part="title"] { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="playbook"] > [data-part="head"] > [data-part="where"] { margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="playbook"] > [data-part="meta"] { margin-top: -8px; color: var(--ink-2); }
[data-r="playbook"] > [data-part="steps"] { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
[data-r="playbook"] [data-part="step"] { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: start; column-gap: 12px; padding: 10px 12px; border-radius: var(--r-row); transition: background-color var(--state-out); }
[data-r="playbook"] [data-part="step"][data-state="current"] { background: var(--plane-selected); }
[data-r="playbook"] [data-part="step"] > [data-part="number"] { display: grid; place-items: center; box-sizing: border-box; width: 24px; height: 24px; border: 1px solid var(--line-4); border-radius: var(--r-round); font-size: var(--fs-12); line-height: 1; font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="playbook"] [data-part="step"][data-state="done"] > [data-part="number"] { border-color: transparent; background: var(--ink); color: var(--paper); }
[data-r="playbook"] [data-part="step"][data-state="current"] > [data-part="number"] { border-color: var(--ink); color: var(--ink); }
[data-r="playbook"] [data-part="step"][data-state="locked"] > [data-part="number"] { border-style: dashed; color: var(--ink-3); }
[data-r="playbook"] [data-part="step"] > [data-part="body"] { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding-top: 3px; }
[data-r="playbook"] [data-part="step"] [data-part="name"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="playbook"] [data-part="step"][data-state="locked"] [data-part="name"] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="playbook"] [data-part="step"] [data-part="what"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="playbook"] [data-part="unlocks"] { display: flex; flex-direction: column; margin-top: 4px; }
[data-r="playbook"] [data-part="unlocks"] > [data-part="label"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="playbook"] [data-part="step"]:not([data-state="current"]) [data-part="unlocks"] { display: none; }
[data-r="playbook"] [data-part="step"] > [data-part="body"] > [data-part="locked"] { display: none; align-items: flex-start; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="playbook"] [data-part="step"][data-state="locked"] > [data-part="body"] > [data-part="locked"] { display: flex; }
[data-r="playbook"] [data-part="locked"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); margin-top: 2px; }
[data-r="playbook"] [data-part="step"] > [data-part="step-state"] { padding-top: 5px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; }
[data-r="playbook"] [data-part="step"][data-state="current"] > [data-part="step-state"] { color: var(--ink-2); }
[data-r="playbook"] > [data-part="exit"] { display: flex; flex-direction: column; padding: 12px 12px 4px; border-radius: var(--r-row); box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="playbook"] > [data-part="exit"][data-locked] { box-shadow: none; outline: 1px dashed var(--line-4); outline-offset: -1px; }
[data-r="playbook"] > [data-part="exit"] > [data-part="hint"] { margin: 4px 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="playbook"][data-done] > [data-part="exit"] { box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="event"] [data-part="kind"] { display: inline-flex; align-items: center; gap: 6px; }
[data-r="event"] [data-part="in-words"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="event"] [data-part="t"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="event"][data-variant="row"] { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto 88px 76px 128px 40px; align-items: center; column-gap: 12px; min-height: var(--row-40); padding: 0 10px; border-radius: var(--r-row); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); cursor: default; outline: none; transition: background-color var(--state-out); }
[data-r="event"][data-variant="row"]:not(:has(> [data-part="catalog"])) { grid-template-columns: 16px minmax(0, 1fr) 88px 76px 128px 40px; }
@media (hover: hover) {
  [data-r="event"][data-variant="row"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="event"][data-variant="row"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="event"][data-variant="row"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="event"][data-variant="row"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="event"][data-variant="row"] > [data-part="title"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink); }
[data-r="event"][data-variant="row"] > [data-part="kind-word"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="event"][data-variant="row"] > [data-part="date"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="event"][data-variant="row"] > [data-part="t"] { justify-self: end; }
[data-r="event"][data-past] :is([data-part="title"], [data-part="in-words"]) { color: var(--ink-3); }
@container (max-width: 560px) {
  [data-r="event"][data-variant="row"],
  [data-r="event"][data-variant="row"]:not(:has(> [data-part="catalog"])) { grid-template-columns: 16px minmax(0, 1fr) auto 40px; }
  [data-r="event"][data-variant="row"] > :is([data-part="kind-word"], [data-part="date"], [data-part="catalog"]) { display: none; }
}
@container (max-width: 560px) {
  [data-r="event"][data-variant="row"],
  [data-r="event"][data-variant="row"]:not(:has(> [data-part="catalog"])) { grid-template-columns: 16px minmax(min(96px, 100%), 1fr) auto 40px; }
  [data-r="event"][data-variant="row"] > [data-part="in-words"] { white-space: normal; text-align: right; }
}
[data-r="event"][data-variant="card"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 12px 16px 14px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="event"][data-variant="card"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-height: var(--h-20); }
[data-r="event"][data-variant="card"] > [data-part="head"] > [data-part="t"] { margin-left: auto; }
[data-r="event"][data-variant="card"] > [data-part="title"] { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="event"][data-variant="card"] > [data-part="when"] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin-top: -6px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="event"][data-variant="card"] > [data-part="facts"] { color: var(--ink-3); }
[data-r="event"][data-variant="card"] > [data-part="place"] { color: var(--ink-2); }
:is([data-r="season-strip"], [data-r="event"] > [data-part="season-strip"]) { position: relative; display: flex; flex-direction: column; gap: 4px; min-width: 0; padding-top: 18px; }
:is([data-r="season-strip"], [data-r="event"] > [data-part="season-strip"]) > [data-part="phases"] { display: flex; gap: 2px; }
:is([data-r="season-strip"], [data-r="event"] > [data-part="season-strip"]) [data-part="phase"] { display: flex; align-items: center; gap: 4px; min-width: 0; height: var(--h-20); padding: 0 6px; box-sizing: border-box; border-radius: var(--r-key); background: var(--well); overflow: hidden; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); white-space: nowrap; }
[data-r="event"] > [data-part="season-strip"] [data-part="phase"] { height: 8px; padding: 0; }
[data-r="event"] > [data-part="season-strip"] [data-part="phase"] > * { display: none; }
[data-r="event"] > [data-part="season-strip"] [data-part="phase"][data-here] { background: var(--plane-selected); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
:is([data-r="season-strip"], [data-r="event"] > [data-part="season-strip"]) [data-part="phase"] > span { overflow: hidden; text-overflow: ellipsis; }
:is([data-r="season-strip"], [data-r="event"] > [data-part="season-strip"]) > [data-part="marks"] { position: absolute; left: 0; right: 0; top: 0; height: 16px; }
:is([data-r="season-strip"], [data-r="event"] > [data-part="season-strip"]) [data-part="mark"] { position: absolute; top: 0; left: calc(var(--x, 0) * 100%); display: grid; place-items: center; width: 16px; height: 16px; margin-left: -8px; }
:is([data-r="season-strip"], [data-r="event"] > [data-part="season-strip"]) > [data-part="today"] { position: absolute; top: 12px; bottom: 0; left: calc(var(--x, 0) * 100%); width: 1px; background: var(--accent); }
[data-r="season-strip"] > [data-part="legend"] { display: flex; justify-content: space-between; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="relations"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="relations"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-height: var(--h-24); }
[data-r="relations"] > [data-part="head"] > [data-part="title"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="relations"] > [data-part="head"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="relations"] > [data-part="head"] > [data-part="add"] { margin-left: auto; }
[data-r="relations"] > [data-part="groups"] { display: flex; flex-direction: column; gap: 6px; }
[data-r="relations"] [data-part="group"] { display: flex; flex-direction: column; }
[data-r="relations"] [data-part="group"] > [data-part="name"] { display: flex; align-items: center; gap: 4px; height: var(--row-24); padding: 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="relations"] [data-part="group"] > [data-part="name"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="relations"] [data-part="group"] > [data-part="name"] > [data-part="both"] { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="relation"] { display: grid; grid-template-columns: 16px auto minmax(0, 1fr) auto auto; align-items: center; column-gap: 8px; min-height: var(--row-32); padding: 0 4px 0 8px; border-radius: var(--r-row); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); cursor: default; outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="relation"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="relation"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="relation"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="relation"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="relation"][data-state="suggested"] { outline: 1px dashed var(--line-5); outline-offset: -1px; }
[data-r="relation"][data-state="suggested"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="relation"][data-state="suggested"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="relation"] [data-part="id"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="relation"] [data-part="object-title"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink); }
[data-r="relation"] [data-part="meta"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="relation"]:has(> [data-part="object-title"] + [data-part="meta"]) { grid-template-columns: 16px auto minmax(min(96px, 100%), 1fr) minmax(0, max-content) auto; }
[data-r="relation"] [data-part="object-title"] + [data-part="meta"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="relations"] { container: relations / inline-size; }
@container relations (width < 400px) {
  [data-r="relation"]:has(> [data-part="object-title"] + [data-part="meta"]) { grid-template-columns: 16px auto minmax(0, 1fr) auto; grid-template-rows: auto auto; row-gap: 1px; padding-top: 4px; padding-bottom: 4px; }
  [data-r="relation"]:has(> [data-part="object-title"] + [data-part="meta"]) > * { grid-row: 1 / span 2; }
  [data-r="relation"]:has(> [data-part="object-title"] + [data-part="meta"]) > [data-part="object-title"] { grid-column: 3; grid-row: 1; }
  [data-r="relation"]:has(> [data-part="object-title"] + [data-part="meta"]) > [data-part="meta"] { grid-column: 3; grid-row: 2; }
  [data-r="relation"]:has(> [data-part="object-title"] + [data-part="meta"]) > [data-part="tools"] { grid-column: 4; }
}
[data-r="relation"] [data-part="tools"] { display: flex; align-items: center; gap: 2px; opacity: 0; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-r="relation"]:hover [data-part="tools"] { opacity: 1; transition-duration: 0s; }
}
[data-r="relation"][data-force~="hover"] [data-part="tools"] { opacity: 1; transition-duration: 0s; }
[data-r="relation"]:is(:focus-within, [data-state="suggested"]) [data-part="tools"] { opacity: 1; transition-duration: 0s; }
[data-r="relation"]:not([data-state="suggested"]) [data-part="confirm"] { display: none; }
@container (max-width: 480px) {
  [data-r="relation"] [data-part="meta"] { display: none; }
}
[data-r="relations"] > [data-part="none"] { margin: 0; padding: 10px 12px; border: 1px dashed var(--line-4); border-radius: var(--r-row); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="relations"] > [data-part="none"][hidden] { display: none; }
[data-r="menu"][data-part="relation-kinds"] [data-part="description"] { white-space: normal; }
[data-r="history"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; container-type: inline-size; }
[data-r="history"] > [data-part="head"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
[data-r="history"] > [data-part="head"] > [data-part="title"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="history"] [data-part="kinds"] [data-part="count"] { margin-left: 4px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="history"] [data-part="kinds"] > [aria-checked="true"] [data-part="count"] { color: var(--ink-2); }
[data-r="history"] > [data-part="entries"] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
[data-r="history"] [data-part="day"] { display: flex; align-items: flex-end; height: var(--row-28); padding: 0 8px 4px; box-sizing: border-box; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="history"] [data-part="day"][hidden],
[data-r="history"] [data-part="entry"][hidden] { display: none; }
[data-r="history"] [data-part="entry"] { display: grid; grid-template-columns: 18px minmax(0, 1fr) 76px 92px 48px; align-items: start; column-gap: 8px; min-height: var(--row-32); padding: 7px 4px 7px 8px; box-sizing: border-box; border-radius: var(--r-row); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="history"] [data-part="entry"]:not([aria-current="true"]):hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="history"] [data-part="entry"]:not([aria-current="true"])[data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="history"] [data-part="entry"][aria-current="true"] { background: var(--plane-selected); }
[data-r="history"] [data-part="entry"][data-later] { color: var(--ink-3); }
[data-r="history"] [data-part="entry"][data-later] :is([data-part="actor"], [data-part="field"], [data-part="change"] > em) { color: var(--ink-2); }
[data-r="history"] [data-part="entry"][data-run="inside"] { padding-top: 2px; min-height: var(--row-24); }
[data-r="history"] [data-part="entry"][data-run="inside"] > :is([data-part="who"], time) { visibility: hidden; }
[data-r="history"] [data-part="entry"][data-run="inside"] [data-part="actor"] { display: none; }
[data-r="history"] [data-part="entry"] > [data-part="who"] { display: inline-flex; margin-top: -3px; }
[data-r="history"] [data-part="entry"] > [data-part="body"] { min-width: 0; }
[data-r="history"] [data-part="line"] { margin: 0; overflow-wrap: anywhere; }
[data-r="history"] [data-part="actor"],
[data-r="history"] [data-part="field"] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="history"] [data-part="change"] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-left: 6px; font-variant-numeric: tabular-nums; }
[data-r="history"] [data-part="change"] > em { font-style: normal; color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="history"] [data-part="change"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="history"] [data-part="note"] { margin: 3px 0 0; color: var(--ink-3); }
[data-r="history"] [data-part="attach"] { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 8px 0 4px; }
[data-r="history"] [data-part="entry"][data-corrected] [data-part="change"] > em { color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
[data-r="history"] [data-part="corrected"] { display: flex; align-items: center; gap: 4px; margin: 4px 0 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="history"] [data-part="corrected"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="history"] [data-part="entry"] > [data-part="kind"] { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; }
[data-r="history"] [data-part="entry"] > [data-part="kind"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="history"] [data-part="entry"] > [data-part="kind"] > svg[data-glyph] { margin: -2px 0; }
[data-r="history"] [data-part="entry"] > time { justify-self: end; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="history"] [data-part="entry"] > [data-part="tools"] { display: flex; justify-content: flex-end; gap: 2px; margin: -4px 0; opacity: 0; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-r="history"] [data-part="entry"]:hover > [data-part="tools"] { opacity: 1; transition-duration: 0s; }
}
[data-r="history"] [data-part="entry"][data-force~="hover"] > [data-part="tools"] { opacity: 1; transition-duration: 0s; }
[data-r="history"] [data-part="entry"]:is(:focus-within, [aria-current="true"]) > [data-part="tools"] { opacity: 1; transition-duration: 0s; }
[data-r="history"] [data-part="entry"]:has([aria-pressed="true"]) > [data-part="tools"] { opacity: 1; }
[data-r="history"] > [data-part="none"] { margin: 0; padding: 10px 12px; border: 1px dashed var(--line-4); border-radius: var(--r-row); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="history"] > [data-part="none"][hidden] { display: none; }
@container (max-width: 480px) {
  [data-r="history"] [data-part="entry"] { grid-template-columns: 18px minmax(0, 1fr) auto; }
  [data-r="history"] [data-part="entry"] > [data-part="kind"] { grid-column: 2; grid-row: 2; margin-top: 4px; }
  [data-r="history"] [data-part="entry"] > time { grid-column: 3; grid-row: 1; }
  [data-r="history"] [data-part="entry"] > [data-part="tools"] { grid-column: 3; grid-row: 2; justify-self: end; }
}
[data-r="properties"] > [data-part="as-of"] { display: flex; align-items: center; gap: 8px; padding: 4px 4px 4px 10px; border-radius: var(--r-row); background: var(--well); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="properties"] > [data-part="as-of"] > [data-part="words"] { flex: 1; min-width: 0; font-variant-numeric: tabular-nums; }
[data-r="properties"] > [data-part="as-of"][hidden] { display: none; }
[data-r="properties"][data-as-of] > [data-r="property"]:not([data-then]) > [data-r="button"] { color: var(--ink-2); }
[data-r="properties"][data-as-of] [data-part="section"] > [data-r="property"]:not([data-then]) > [data-r="button"] { color: var(--ink-2); }
[data-r="properties"] [data-r="property"][data-then] > [data-part="label"] { color: var(--ink-2); }
[data-r="properties"] [data-r="property"][data-then] > [data-r="button"] { font-weight: var(--fw-550); }
[data-r="revision"]:where(:not([data-variant])) dd[data-empty] > [data-part="empty"] { display: inline-flex; align-items: center; height: var(--h-20); padding: 0 8px; border: 1px dashed var(--line-4); border-radius: var(--r-press); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
:is([data-r="decision"], [data-r="experiment"], [data-r="incident"]) [data-r="property"] > [data-r="select"] { justify-self: start; max-width: 100%; }
[data-r="properties"][data-part="as-of-host"]:not(:has(> [data-part="section"])) { gap: 2px; }
@media (hover: none) {
  [data-r="history"] [data-part="entry"] > [data-part="tools"],
  [data-r="relation"] [data-part="tools"] { opacity: 1; }
}
[data-r="history"] > [data-part="head"] > [data-part="kinds"] { flex-wrap: wrap; max-width: 100%; }
}

/* ═══ b0a-change.css ═══ */
@layer components {
[data-r="fact"][data-variant="ref"] { font-variant-numeric: tabular-nums; text-decoration: none; }
a[data-r="fact"][data-variant="ref"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
a[data-r="fact"][data-variant="ref"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="change-set"] { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: 12px; row-gap: 4px; margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="change-set"] > [data-part="group"] { display: contents; }
[data-r="change-set"] [data-part="head"] { display: inline-flex; align-items: center; gap: 4px; height: var(--h-24); color: var(--ink-2); font-weight: var(--fw-500); white-space: nowrap; }
[data-r="change-set"] [data-part="head"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="change-set"] [data-part="head"] > [data-part="count"] { color: var(--ink-3); font-weight: var(--fw-450); font-variant-numeric: tabular-nums; }
[data-r="change-set"] dd[data-r="facts"] { margin: 0; min-width: 0; }
[data-r="change-set"] [data-r="fact"][data-part="more"] { color: var(--ink-3); font-variant-numeric: tabular-nums; }
@media (hover: hover) {
  [data-r="change-set"] [data-r="fact"][data-part="more"]:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="change-set"] [data-r="fact"][data-part="more"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="change-set"] [data-part="none"] { display: inline-flex; align-items: center; height: var(--h-24); color: var(--ink-3); }
}

/* ═══ b0b-study.css ═══ */
@layer components {
[data-r="study-state"] { --tint: var(--label-neutral-bg); --hue: var(--label-neutral-fg); --c: var(--ink-3); display: inline-flex; align-items: center; gap: 4px; flex: none; height: var(--h-20); padding: 0 8px 0 3px; box-sizing: border-box; border-radius: var(--r-mark); background-color: var(--tint); color: var(--hue); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); white-space: nowrap; vertical-align: middle; }
[data-r="study-state"] > :is(svg[data-glyph], svg[data-icon]) { --thing: var(--c); flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--c); }
[data-r="study-state"][data-state="open"] { --tint: var(--label-orange-bg); --hue: var(--label-orange-fg); --c: var(--label-orange-dot); }
[data-r="study-state"][data-state="decided"] { --tint: var(--label-blue-bg); --hue: var(--label-blue-fg); --c: var(--label-blue-dot); }
[data-r="study-state"][data-state="built"] { --tint: var(--label-green-bg); --hue: var(--label-green-fg); --c: var(--label-green-dot); }
[data-r="study-state"][data-variant="glyph"] { width: var(--icon-16); height: var(--icon-16); padding: 0; background-color: transparent; }
[data-r="study-state"][data-variant="glyph"] > :is(svg[data-glyph], svg[data-icon]) { width: var(--icon-16); height: var(--icon-16); }
[data-r="study-track"] { --c: var(--ink-3); --tint: var(--label-neutral-bg); display: flex; max-width: 400px; margin: 0; padding: 0; list-style: none; }
[data-r="study-track"][data-state="open"] { --c: var(--label-orange-dot); --tint: var(--label-orange-bg); }
[data-r="study-track"][data-state="decided"] { --c: var(--label-blue-dot); --tint: var(--label-blue-bg); }
[data-r="study-track"][data-state="built"] { --c: var(--label-green-dot); --tint: var(--label-green-bg); }
[data-r="study-track"] > [data-part="stop"] { position: relative; display: flex; flex-direction: column; gap: 2px; flex: 1 1 0; min-width: 0; padding-top: 16px; }
[data-r="study-track"] > [data-part="stop"]:last-child { flex: 0 0 auto; }
[data-r="study-track"] > [data-part="stop"]::before { content: ""; position: absolute; top: 2px; left: 0; width: 8px; height: 8px; box-sizing: border-box; border-radius: var(--r-round); box-shadow: inset 0 0 0 1.25px var(--ink-4); }
[data-r="study-track"] > [data-part="stop"][data-reached]::before { background-color: var(--c); box-shadow: none; }
[data-r="study-track"] > [data-part="stop"][aria-current="step"]::before { box-shadow: 0 0 0 3px var(--tint); }
[data-r="study-track"] > [data-part="stop"]:not(:last-child)::after { content: ""; position: absolute; top: 6px; left: 14px; right: 6px; height: 1px; background-color: var(--line-3); }
[data-r="study-track"] > [data-part="stop"][data-reached]:has(+ [data-reached])::after { background-color: var(--c); }
[data-r="study-track"] [data-part="word"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; }
[data-r="study-track"] > [data-reached] [data-part="word"] { color: var(--ink); }
[data-r="study-track"] :is(time, [data-part="date"]) { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="variant-head"] { display: flex; flex-direction: column; gap: 4px; min-width: 0; max-width: 56ch; padding-bottom: 6px; text-align: left; white-space: normal; }
[data-r="variant-head"] > [data-part="line"] { display: flex; align-items: center; gap: 6px; min-height: var(--h-20); }
[data-r="variant-head"] > [data-part="line"] > [data-r="key"] { flex: none; }
[data-r="variant-head"] [data-part="name"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="variant-head"] > [data-part="note"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="variant-head"][data-chosen] > [data-part="note"] { color: var(--ink-2); }
[data-r="place-head"] { display: inline-flex; align-items: center; gap: 4px; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); white-space: nowrap; }
[data-r="place-head"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="place-head"] > svg[data-icon="chevronRight"] { width: var(--icon-12); height: var(--icon-12); color: var(--ink-4); }
[data-r="place-head"] > [data-part="place"] { font-weight: var(--fw-550); color: var(--ink-2); }
[data-r="title-block"] > [data-r="study-track"] { margin-top: 16px; }
}

/* ═══ b1-access.css ═══ */
@layer components {
[data-r="athlete-switcher"] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; height: var(--h-28); padding: 0 6px 0 4px; border: 0; border-radius: var(--r-row); background: transparent; color: var(--ink-2); font: inherit; font-size: var(--fs-13); line-height: var(--lh-13); text-align: left; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="athlete-switcher"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="athlete-switcher"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="athlete-switcher"][aria-expanded="true"] { background: var(--plane-selected); }
[data-r="athlete-switcher"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="athlete-switcher"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="athlete-switcher"] > [data-part="who"] { display: inline-flex; flex: none; }
[data-r="athlete-switcher"] > [data-part="name"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink); }
[data-r="athlete-switcher"] > [data-part="meta"] { flex: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="athlete-switcher"][aria-expanded="true"] > [data-part="meta"] { color: var(--ink-2); }
[data-r="athlete-switcher"] > [data-part="chevron"] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--ink-3); }
[data-r="menu"] > [data-part="footer"]:has(> [data-r="link"]) { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
[data-r="viewing-as"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; min-height: 40px; padding: 6px 6px 6px 10px; border-radius: var(--r-contain); background: var(--plane); box-shadow: inset 0 0 0 var(--px) var(--line-3); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="viewing-as"][hidden] { display: none; }
[data-r="viewing-as"] > [data-part="who"] { display: inline-flex; flex: none; }
[data-r="viewing-as"] [data-part="name"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="viewing-as"] > [data-part="can"] { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="viewing-as"] > [data-part="can"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-2)); }
[data-r="viewing-as"] > [data-part="since"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="viewing-as"] > [data-part="leave"] { margin-left: auto; }
[data-part="access-note"][data-r="banner"] { position: sticky; top: 0; z-index: var(--z-sticky); }
[data-part="access-note"][data-r="banner"] > svg[data-icon] { color: var(--thing, var(--ink-2)); }
[data-access-slot]:empty { display: none; }
[data-access="read"] [data-r="field"][data-access-field] > :is(input, textarea) { color: var(--ink); cursor: default; }
[data-access="read"] [data-r="select"][data-access-held] { opacity: 1; pointer-events: auto; }
[data-access="read"] [data-r="select"][data-access-held] > [data-part="chevron"] { display: none; }
[data-access="read"] :is([data-r="switch"], [data-r="checkbox"])[data-access-held] { opacity: 1; }
[data-access="read"] [data-r="chip"][data-access-held] { opacity: 1; pointer-events: none; }
[data-access="read"] [draggable="false"][data-access-held] { cursor: default; }
[data-access="read"] [draggable="false"][data-access-held] svg[data-icon="grip"] { visibility: hidden; }
[data-r="roster"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="roster"] > [data-part="band"] { display: flex; align-items: center; gap: 8px; height: var(--row-28); margin-top: 8px; padding: 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="roster"] > [data-part="band"]:first-child { margin-top: 0; }
[data-r="roster"] > [data-part="band"] > [data-part="count"] { font-variant-numeric: tabular-nums; font-weight: var(--fw-450); }
[data-r="roster"] > [data-part="none"] { margin: 0; padding: 24px 8px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="roster-row"] { display: grid; grid-template-columns: 32px minmax(140px, 1.4fr) minmax(0, 1.2fr) minmax(0, .9fr) 72px 40px auto; align-items: center; column-gap: 12px; min-height: var(--row-52); padding: 6px 6px 6px 8px; border-radius: var(--r-row); outline: none; color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); transition: background-color var(--state-out); }
[data-r="roster-row"][hidden] { display: none; }
[data-r="roster-row"] + [data-r="roster-row"] { box-shadow: 0 calc(-1 * var(--px)) 0 var(--line-1); }
@media (hover: hover) {
  [data-r="roster-row"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="roster-row"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="roster-row"]:focus-visible { outline: none; background: var(--plane-hover); }
[data-r="roster-row"][data-force~="focus"] { outline: none; background: var(--plane-hover); }
[data-r="roster-row"][aria-selected="true"] { background: var(--plane-selected); }
[data-r="roster-row"] > [data-part="who"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="roster-row"] > [data-part="who"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="roster-row"] > [data-part="who"] > span { color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="roster-row"][aria-selected="true"] > [data-part="who"] > span,
[data-r="roster-row"][aria-selected="true"] > :is([data-part="week"], [data-part="synced"]) { color: var(--ink-2); }
[data-r="roster-row"] > [data-part="why"] { display: flex; min-width: 0; }
[data-r="roster-row"] [data-part="state"] { display: inline-flex; align-items: center; gap: 4px; color: var(--ink-2); white-space: nowrap; }
[data-r="roster-row"] [data-part="state"] > svg[data-icon],
[data-r="roster-row"] > [data-part="can"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="roster-row"] > [data-part="can"] { display: inline-flex; align-items: center; gap: 4px; min-width: 0; white-space: nowrap; overflow: hidden; }
[data-r="roster-row"] > [data-part="week"] { display: grid; grid-template-columns: auto; justify-items: end; gap: 3px; color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="roster-row"] > [data-part="week"] b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="roster-row"] > [data-part="week"] > [data-part="meter"] { position: relative; width: 48px; height: 3px; border-radius: var(--r-press); background: var(--well); overflow: hidden; }
[data-r="roster-row"] > [data-part="week"] > [data-part="meter"]::before { content: ""; position: absolute; inset: 0 auto 0 0; width: calc(var(--v) * 100%); border-radius: inherit; background: var(--ink-3); }
[data-r="roster-row"] > [data-part="synced"] { justify-self: end; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="roster-row"] > [data-part="actions"] { display: flex; justify-content: flex-end; }
[data-r="roster-row"][data-state="waiting"] > [data-r="avatar"] { outline: 1px dashed var(--line-5); outline-offset: 1px; }
[data-r="roster-row"][data-state="ended"] > [data-part="who"] > b { color: var(--ink-3); }
[data-r="roster-row"] > [data-part="who"] > b > svg[data-part="star"] { display: inline-block; width: var(--icon-12); height: var(--icon-12); margin-left: 4px; vertical-align: -1px; color: var(--ink-3); fill: currentColor; }
[data-r="roster-row"][aria-selected="true"] > [data-part="who"] > b > svg[data-part="star"] { color: var(--ink-2); }
[data-r="roster-row"][data-state="ended"] > [data-r="avatar"] { opacity: .5; }
@container (max-width: 640px) {
  [data-r="roster-row"] { grid-template-columns: 32px minmax(0, 1fr) auto auto; row-gap: 4px; }
  [data-r="roster-row"] > [data-r="avatar"] { grid-row: 1 / 3; }
  [data-r="roster-row"] > [data-part="why"] { grid-row: 2; grid-column: 2 / 4; }
  [data-r="roster-row"] > [data-part="can"],
  [data-r="roster-row"] > [data-part="synced"] { display: none; }
  [data-r="roster-row"] > [data-part="week"] { grid-row: 1; grid-column: 3; }
  [data-r="roster-row"] > [data-part="actions"] { grid-row: 1 / 3; grid-column: 4; }
}
[data-r="team-members"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
[data-r="team-members"] > [data-access-slot]:not(:empty) { margin-bottom: 4px; }
[data-r="team-member"] { display: grid; grid-template-columns: 32px minmax(140px, 1fr) 132px minmax(0, 1.6fr) 88px auto; align-items: center; column-gap: 12px; min-height: var(--row-52); padding: 6px 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="team-members"] > [data-r="team-member"] { margin-top: -8px; }
[data-r="team-members"] > [data-r="team-member"]:first-of-type { margin-top: 0; }
[data-r="team-member"] + [data-r="team-member"] { border-top: var(--px) solid var(--line-1); }
[data-r="team-member"] > [data-part="name"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="team-member"] > [data-part="name"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="team-member"] > [data-part="name"] > span { color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="team-member"] > [data-part="role"] { width: 132px; }
[data-r="team-member"] > [data-part="means"] { color: var(--ink-2); text-wrap: pretty; }
[data-r="team-member"] > [data-part="joined"] { justify-self: end; color: var(--ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="team-member"] > [data-part="role"][data-fixed] { display: flex; align-items: center; width: 132px; height: var(--h-24); padding-left: 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); }
[data-r="team-member"] > span[data-part="more"] { width: var(--h-24); }
[data-r="team-member"][data-state="archived"] > [data-r="avatar"] { opacity: .5; }
[data-r="team-member"][data-state="archived"] > [data-part="role"][data-fixed] { font-weight: var(--fw-450); color: var(--ink-2); }
@container (max-width: 640px) {
  [data-r="team-member"] { grid-template-columns: 32px minmax(0, 1fr) auto var(--h-24); row-gap: 6px; }
  [data-r="team-member"] > [data-part="role"] { grid-row: 1; grid-column: 3; }
  [data-r="team-member"] > [data-part="more"] { grid-row: 1; grid-column: 4; }
  [data-r="team-member"] > [data-part="means"] { grid-row: 2; grid-column: 2 / 5; }
  [data-r="team-member"] > [data-part="joined"] { display: none; }
  [data-r="team-member"][data-state="archived"] { grid-template-columns: 32px minmax(0, 1fr) auto auto; }
  [data-r="team-member"][data-state="archived"] > [data-part="restore"] { grid-row: 1; grid-column: 4; justify-self: end; margin-left: 0; }
}
@container (max-width: 400px) {
  [data-r="team-member"],
  [data-r="team-member"][data-state="archived"] { grid-template-columns: 32px minmax(0, 1fr) auto; }
  [data-r="team-member"] > [data-r="avatar"] { grid-row: 1; align-self: center; }
  [data-r="team-member"] > [data-part="name"] { grid-row: 1; grid-column: 2; }
  [data-r="team-member"] > :is([data-part="more"], [data-part="restore"]),
  [data-r="team-member"][data-state="archived"] > [data-part="restore"] { grid-row: 1; grid-column: 3; }
  [data-r="team-member"] > [data-part="role"] { grid-row: 2; grid-column: 2; justify-self: start; }
  [data-r="team-member"] > [data-part="means"] { grid-row: 3; grid-column: 2 / 4; }
}
[data-r="invite"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); display: flex; flex-direction: column; gap: 16px; min-width: 0; padding: 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="invite"] > [data-part="make"] { display: flex; flex-direction: column; gap: 14px; }
[data-r="invite"] > [data-part="make"][hidden],
[data-r="invite"] > [data-part="made"][hidden] { display: none; }
[data-r="invite"] [data-part="line"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
[data-r="invite"] [data-part="line"][data-wide] { flex-direction: column; align-items: flex-start; }
[data-r="invite"] [data-part="line"] > span:first-child { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="invite"] [data-part="asks-note"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="invite"] [data-part="foot"] { display: flex; justify-content: flex-end; }
[data-r="invite"] > [data-part="made"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 16px; }
[data-r="invite"] > [data-part="made"] > [data-part="value"] { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }
[data-r="invite"] > [data-part="made"] [data-r="copy-value"] { width: 100%; }
[data-r="invite"] > [data-part="made"] [data-part="works"] { margin: 0; }
@container (max-width: 420px) {
  [data-r="invite"] > [data-part="made"] { grid-template-columns: minmax(0, 1fr); }
}
[data-r="invitations"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="invitation"] { display: grid; grid-template-columns: 28px minmax(0, 1fr) minmax(96px, auto) auto; align-items: center; column-gap: 12px; min-height: var(--row-44); padding: 6px 4px; border-radius: var(--r-row); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="invitation"] + [data-r="invitation"] { box-shadow: 0 calc(-1 * var(--px)) 0 var(--line-1); }
[data-r="invitation"] > [data-part="who"] { display: grid; place-items: center; width: 28px; height: 28px; border-radius: var(--r-round); color: var(--ink-3); }
[data-r="invitation"] > [data-part="who"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="invitation"][data-state="waiting"] > [data-part="who"] { outline: 1px dashed var(--line-5); outline-offset: -1px; }
[data-r="invitation"] > [data-part="what"],
[data-r="invitation"] > [data-part="state"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="invitation"] > [data-part="what"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
[data-r="invitation"] > [data-part="what"] > span { color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="invitation"] > [data-part="state"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); }
[data-r="invitation"] > [data-part="state"] > [data-part="left"] { color: var(--ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="invitation"][data-state="expired"] > [data-part="state"] > b { color: var(--ink-3); }
[data-r="invitation"][data-state="revoked"] > [data-part="what"] > b { color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
[data-r="invitation"] > [data-part="actions"] { display: flex; justify-content: flex-end; gap: 4px; }
@container (max-width: 480px) {
  [data-r="invitation"] { grid-template-columns: 28px minmax(0, 1fr) auto; row-gap: 4px; }
  [data-r="invitation"] > [data-part="actions"] { grid-row: 2; grid-column: 2 / 4; justify-content: flex-start; margin-left: -8px; }
  [data-r="invitation"] > [data-part="actions"]:empty { display: none; }
}
[data-r="invite-landing"] { display: flex; justify-content: center; width: 100%; padding: 24px 0; }
[data-r="invite-landing"] > [data-part="card"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); display: flex; flex-direction: column; gap: 12px; width: min(460px, 100%); padding: 24px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e2); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="invite-landing"]:not([data-state="open"]) > [data-when="open"],
[data-r="invite-landing"]:not([data-state="accepted"]) > [data-when="accepted"],
[data-r="invite-landing"]:not([data-state="later"]) > [data-when="later"],
[data-r="invite-landing"]:not([data-state="broken"]) > [data-when="broken"] { display: none; }
[data-r="invite-landing"] [data-part="from"] { display: flex; }
[data-r="invite-landing"] [data-part="card"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); color: var(--thing, var(--ink-3)); }
[data-r="invite-landing"] [data-part="title"] { margin: 4px 0 0; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); text-wrap: balance; }
[data-r="invite-landing"] [data-part="text"] { margin: 0; text-wrap: pretty; }
[data-r="invite-landing"] [data-part="text"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="invite-landing"] [data-part="asks"] { display: flex; flex-direction: column; margin: 4px 0 0; border-top: var(--px) solid var(--line-2); }
[data-r="invite-landing"] [data-part="ask"] { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; column-gap: 12px; min-height: var(--row-52); padding: 8px 0; border-bottom: var(--px) solid var(--line-1); }
[data-r="invite-landing"] [data-part="ask"] > svg[data-icon] { --thing: initial; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-2)); }
[data-r="invite-landing"] [data-part="ask"] > [data-part="what"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="invite-landing"] [data-part="ask"] > [data-part="what"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="invite-landing"] [data-part="ask"] > [data-part="what"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-wrap: pretty; }
[data-r="invite-landing"] [data-part="count"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="invite-landing"] :is([data-part="actions"], [data-part="done"]) { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; }
}

/* ═══ b1-sharing.css ═══ */
@layer components {
[data-r="access-matrix"] { --mx-cols: minmax(180px, 1.3fr) repeat(var(--cols, 4), minmax(112px, 1fr)); display: grid; grid-template-columns: minmax(0, 1fr) 280px; grid-template-areas: "grid meaning" "kept meaning"; align-items: start; gap: 16px 20px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="access-matrix"] > [data-part="grid"] { grid-area: grid; display: flex; flex-direction: column; min-width: 0; }
[data-r="access-matrix"] [data-part="head"],
[data-r="access-matrix"] [data-part="row"] { display: grid; grid-template-columns: var(--mx-cols); align-items: center; column-gap: 8px; }
[data-r="access-matrix"] [data-part="head"] { align-items: end; padding-bottom: 8px; border-bottom: var(--px) solid var(--line-2); }
[data-r="access-matrix"] [data-part="head"] > [data-part="corner"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="access-matrix"] [data-part="head"] > [data-person] { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: center; column-gap: 6px; row-gap: 4px; min-width: 0; }
[data-r="access-matrix"] [data-part="head"] [data-part="name"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="access-matrix"] [data-part="head"] [data-part="name"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="access-matrix"] [data-part="head"] [data-part="name"] > span { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="access-matrix"] [data-part="head"] [data-part="count"] { grid-column: 1 / -1; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="access-matrix"] [data-part="row"] { min-height: var(--row-44); border-bottom: var(--px) solid var(--line-1); }
[data-r="access-matrix"] [data-part="kind"] { display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: center; column-gap: 10px; min-width: 0; padding: 6px 0; }
[data-r="access-matrix"] [data-part="kind"] > svg[data-icon] { --thing: initial; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-2)); }
[data-r="access-matrix"] [data-part="kind"] > span { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
[data-r="access-matrix"] [data-part="kind"] b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="access-matrix"] [data-part="kind"] b + span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="access-matrix"] [data-part="cell"] { display: flex; min-width: 0; }
[data-r="access-matrix"] [data-part="cell"] > [data-part="who"] { display: none; }
[data-r="access-matrix"] [data-part="cell"] > [data-r="select"] { width: 100%; }
[data-r="access-matrix"] [data-part="cell"] > [data-r="select"] > [data-part="value"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="access-matrix"] [data-part="cell"][data-step="off"] > [data-r="select"] > [data-part="value"] { color: var(--ink-3); }
[data-r="access-matrix"] [data-part="level"] { display: inline-flex; flex: none; gap: 2px; }
[data-r="access-matrix"] [data-part="level"] > i { width: 3px; height: 10px; border-radius: var(--r-press); background: var(--line-3); }
[data-r="access-matrix"] [data-part="level"] > i[data-on] { background: var(--ink-2); }
[data-r="access-matrix"] > [data-part="meaning"] { grid-area: meaning; position: sticky; top: 16px; display: flex; flex-direction: column; gap: 8px; min-height: 160px; padding: 14px 16px; border-radius: var(--r-contain); background: var(--plane); box-shadow: inset 0 0 0 var(--px) var(--line-3); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="access-matrix"] > [data-part="meaning"] > [data-part="about"] { display: flex; flex-direction: column; gap: 2px; }
[data-r="access-matrix"] > [data-part="meaning"] > [data-part="about"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="access-matrix"] > [data-part="meaning"] > [data-part="about"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="access-matrix"] > [data-part="meaning"] > p { margin: 0; text-wrap: pretty; }
[data-r="access-matrix"] > [data-part="meaning"] > [data-part="now"] { color: var(--ink-3); }
[data-r="access-matrix"] > [data-part="meaning"] > [data-part="if"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="access-matrix"] > [data-part="kept"] { grid-area: kept; display: grid; grid-template-columns: 16px minmax(0, 1fr); column-gap: 10px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="access-matrix"] > [data-part="kept"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-2)); }
[data-r="access-matrix"] > [data-part="kept"] b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="access-matrix"] > [data-part="kept"] p { margin: 4px 0 0; max-width: 72ch; text-wrap: pretty; }
@container (max-width: 1000px) {
  [data-r="access-matrix"] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "grid" "meaning" "kept"; }
  [data-r="access-matrix"] > [data-part="meaning"] { position: static; min-height: 0; }
}
@container (max-width: 640px) {
  [data-r="access-matrix"] [data-part="head"] { display: none; }
  [data-r="access-matrix"] [data-part="row"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 8px; padding: 10px 0; }
  [data-r="access-matrix"] [data-part="kind"] { grid-column: 1 / -1; padding: 0 0 2px; }
  [data-r="access-matrix"] [data-part="cell"] { flex-direction: column; gap: 3px; }
  [data-r="access-matrix"] [data-part="cell"] > [data-part="who"] { display: block; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
}
[data-r="consent"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="consent"][hidden] { display: none; }
[data-r="consent"] > [data-part="head"] { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; column-gap: 10px; }
[data-r="consent"] > [data-part="head"] > [data-part="who"] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
[data-r="consent"] > [data-part="head"] > [data-part="who"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="consent"] > [data-part="head"] > [data-part="who"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="consent"] > [data-part="head"] > [data-part="state"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); white-space: nowrap; }
[data-r="consent"] > [data-part="ask"] { margin: 0; color: var(--ink); text-wrap: pretty; }
[data-r="consent"] > [data-part="ask"][hidden] { display: none; }
[data-r="consent"] > [data-part="fields"] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 16px; margin: 0; padding: 12px 0 0; border-top: var(--px) solid var(--line-2); }
[data-r="consent"] > [data-part="fields"] > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="consent"] > [data-part="fields"] > div[hidden] { display: none; }
[data-r="consent"] dt { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="consent"] dd { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="consent"] dd[data-empty] { color: var(--ink-3); text-decoration: underline dashed var(--line-4); text-underline-offset: 3px; }
[data-r="consent"] [data-part="expires"] { display: flex; flex-wrap: wrap; column-gap: 6px; }
[data-r="consent"] [data-part="left"] { color: var(--ink-2); }
[data-r="consent"][data-state="ending"] [data-part="left"] { color: var(--warning-ink); }
[data-r="consent"]:is([data-state="ended"], [data-state="revoked"]) [data-part="expires"] > time { color: var(--ink-3); }
[data-r="consent"] > [data-part="actions"] { display: flex; justify-content: flex-end; }
[data-r="consent"] > [data-part="actions"] > span { display: flex; gap: 6px; }
[data-r="consent"] > [data-part="actions"] > span[hidden] { display: none; }
[data-r="consent"] > [data-part="confirm"],
[data-r="access-person"] > [data-part="confirm"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 12px; padding-top: 12px; border-top: var(--px) solid var(--line-2); }
:is([data-r="consent"], [data-r="access-person"]) > [data-part="confirm"][hidden] { display: none; }
:is([data-r="consent"], [data-r="access-person"]) > [data-part="confirm"] > p { flex: 1 1 260px; margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); text-wrap: pretty; }
:is([data-r="consent"], [data-r="access-person"]) > [data-part="confirm"] > p > b { font-weight: var(--fw-550); color: var(--ink); }
:is([data-r="consent"], [data-r="access-person"]) > [data-part="confirm"] > span { display: flex; gap: 6px; }
[data-r="consent"]:has(> [data-part="confirm"]:not([hidden])) > [data-part="actions"] { display: none; }
[data-r="sharing"] { display: flex; flex-direction: column; gap: 28px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="sharing"] > [data-part="top"] > h2 { margin: 0; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="sharing"] [data-part="truth"] { margin: 6px 0 0; text-wrap: pretty; }
[data-r="sharing"] [data-part="truth"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="sharing"] > [data-part="section"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="sharing"] > [data-part="section"] > h3 { display: flex; align-items: baseline; gap: 6px; margin: 0 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="sharing"] > [data-part="section"] > h3 > [data-part="count"] { font-weight: var(--fw-450); font-variant-numeric: tabular-nums; }
[data-r="sharing"] [data-part="nobody"] { margin: 0; padding: 12px 0; color: var(--ink-2); }
[data-r="sharing"] [data-part="nobody"][hidden] { display: none; }
[data-r="sharing"] [data-part="kept"] { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; padding: 0; list-style: none; color: var(--ink); }
[data-r="sharing"] [data-part="kept"] > li { display: inline-flex; align-items: center; gap: 6px; }
[data-r="sharing"] [data-part="kept"] > li > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="sharing"] [data-part="note"],
[data-r="sharing"] > [data-part="foot"] { margin: 8px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="access-person"] { display: grid; grid-template-columns: 32px minmax(120px, .9fr) minmax(0, 1.6fr) minmax(0, 1fr) auto; align-items: start; column-gap: 12px; row-gap: 8px; min-height: 64px; padding: 12px 0; border-top: var(--px) solid var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="access-person"] > [data-part="icon"] { display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--r-round); background: var(--well); color: var(--ink-2); }
[data-r="access-person"] > [data-part="icon"] > svg[data-icon] { width: var(--icon-16); height: var(--icon-16); }
[data-r="access-person"] > [data-part="who"],
[data-r="access-person"] > [data-part="sees"],
[data-r="access-person"] > [data-part="when"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="access-person"] > [data-part="who"] > b,
[data-r="access-person"] > [data-part="sees"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="access-person"] > [data-part="who"] > span { color: var(--ink-3); }
[data-r="access-person"] > [data-part="sees"] > span { color: var(--ink-2); text-wrap: pretty; }
[data-r="access-person"] > [data-part="when"] { color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="access-person"] > [data-part="actions"] { display: flex; gap: 2px; margin-top: -2px; }
[data-r="access-person"] > [data-part="confirm"] { grid-column: 2 / -1; }
[data-r="access-person"][data-asking] > [data-part="actions"] { visibility: hidden; }
[data-r="access-person"][data-state="ended"] > [data-part="who"] > b { color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
[data-r="access-person"][data-state="ended"] > :is([data-part="sees"], [data-part="actions"]),
[data-r="access-person"][data-state="ended"] [data-part="looked"],
[data-r="access-person"][data-state="ended"] [data-part="ends"] { display: none; }
[data-r="access-person"][data-state="ended"] > [data-r="avatar"] { opacity: .5; }
[data-r="access-person"][data-kind="key"] { grid-template-columns: 32px minmax(0, 1fr) auto auto; align-items: center; min-height: var(--row-52); padding: 10px 0; }
[data-r="access-person"][data-kind="key"] > [data-part="who"] > b { display: flex; align-items: center; gap: 6px; min-width: 0; }
[data-r="access-person"][data-kind="key"] > [data-part="who"] > b > code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); }
[data-r="access-person"][data-kind="key"] > [data-part="who"] > b > code { font-family: var(--font-mono); }
[data-r="access-person"][data-kind="key"] > [data-part="who"] > span { font-variant-numeric: tabular-nums; }
[data-r="access-person"][data-kind="key"] > [data-part="waiting"] { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="access-person"][data-kind="key"] > [data-part="actions"] { margin-top: 0; }
[data-r="access-person"][data-kind="key"]:not(:has(> [data-part="waiting"])) { grid-template-columns: 32px minmax(0, 1fr) auto; }
[data-r="access-person"][data-kind="key"][data-state="ended"] > [data-part="who"] > b > code { color: var(--ink-3); text-decoration: line-through 1px var(--ink-4); }
[data-r="access-person"][data-kind="key"][data-state="ended"] > [data-part="waiting"] { display: none; }
[data-r="access-person"][data-state="ended"] > [data-r="seal"] { opacity: .5; }
@container (max-width: 640px) {
  [data-r="access-person"]:not([data-kind="key"]) { grid-template-columns: 32px minmax(0, 1fr) auto; }
  [data-r="access-person"]:not([data-kind="key"]) > :is([data-part="who"], [data-part="sees"], [data-part="when"], [data-part="actions"]) { grid-column: 2 / 4; }
  [data-r="access-person"]:not([data-kind="key"]) > [data-part="actions"] { margin: 0 0 0 -8px; }
}
[data-r="access-log"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="access-log"] > [data-part="bar"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
[data-r="access-log"] [data-part="shown"] { margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="access-log"] > [data-part="entries"] { display: flex; flex-direction: column; }
[data-r="access-log"] [data-part="day"] { display: flex; align-items: center; height: var(--row-28); margin-top: 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="access-log"] [data-part="day"]:first-child { margin-top: 0; }
[data-r="access-log"] [data-part="day"][hidden],
[data-r="access-entry"][hidden] { display: none; }
[data-r="access-entry"] { display: grid; grid-template-columns: 40px 20px minmax(0, 1fr) auto 64px; align-items: center; column-gap: 10px; min-height: var(--row-36); border-bottom: var(--px) solid var(--line-1); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
[data-r="access-entry"] > time { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="access-entry"] > [data-part="text"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="access-entry"][data-kind="evidence"] > [data-part="text"] { color: var(--ink-2); }
[data-r="access-entry"] > [data-part="change"] { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); white-space: nowrap; }
[data-r="access-entry"] > [data-part="change"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="access-entry"] > [data-part="kind"] { justify-self: end; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="access-log"] > [data-part="on"] { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: var(--r-contain); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="access-log"] [data-part="on-head"] { display: flex; align-items: center; gap: 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="access-log"] [data-part="on-head"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="access-log"] [data-part="on-result"] { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
[data-r="access-log"] [data-part="on-result"] > li { display: grid; grid-template-columns: 160px minmax(0, 1fr); column-gap: 12px; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="access-log"] [data-part="on-result"] > li > b { font-weight: var(--fw-500); color: var(--ink); }
@container (max-width: 560px) {
  [data-r="access-entry"] { grid-template-columns: 40px 20px minmax(0, 1fr); row-gap: 2px; padding: 6px 0; }
  [data-r="access-entry"] > [data-part="text"] { white-space: normal; }
  [data-r="access-entry"] > :is([data-part="change"], [data-part="kind"]) { grid-column: 3; justify-self: start; }
  [data-r="access-log"] [data-part="on-result"] > li { grid-template-columns: minmax(0, 1fr); }
  [data-r="access-log"] [data-part="shown"] { margin-left: 0; }
}
[data-r="page-state"] > [data-part="art"] [data-draw] { stroke-dasharray: 1; stroke-dashoffset: 1; animation: r-draw var(--draw) var(--ease-expo) var(--d, 0ms) both; }
[data-r="page-state"] > [data-part="art"] [data-fade] { opacity: 0; animation: r-fade var(--draw-fade) linear var(--d, 0ms) forwards; }
[data-r="proof-mark"] { display: inline-flex; align-items: center; flex: none; gap: 5px; color: var(--ink-2); white-space: nowrap; }
[data-r="proof-mark"]:not([data-variant]) { width: 12px; height: 12px; border: 1.5px solid var(--ink-2); border-radius: var(--r-round); }
[data-r="proof-mark"][data-value="claimed"]:not([data-variant]) { border-bottom-color: transparent; border-left-color: transparent; transform: rotate(-45deg); }
[data-r="proof-mark"][data-variant]::before { content: ""; flex: none; width: 10px; height: 10px; border: 1.25px solid currentColor; border-radius: var(--r-round); }
[data-r="proof-mark"][data-value="claimed"][data-variant]::before { border-bottom-color: transparent; border-left-color: transparent; transform: rotate(-45deg); }
[data-r="proof-mark"][data-variant="pill"] { height: 20px; padding: 0 8px 0 6px; border-radius: var(--r-mark); box-shadow: inset 0 0 0 var(--px) var(--line-3); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); }
[data-r="proof-mark"][data-variant="word"] { font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="proof-mark"][data-variant="word"]::before { display: none; }
:is([data-r="proof"], [data-r="sealed-panel"], [data-r="second-opinion"]):not([data-variant]) { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="proof"][data-variant="read"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 16px; border-radius: var(--r-contain); box-shadow: inset 0 0 0 var(--px) var(--line-3); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
:is([data-r="proof"], [data-r="sealed-panel"], [data-r="second-opinion"]) > [data-part="head"] { display: flex; align-items: center; gap: 10px; min-width: 0; }
:is([data-r="proof"], [data-r="sealed-panel"], [data-r="second-opinion"]) > [data-part="head"] > svg[data-icon] { flex: none; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-2)); }
:is([data-r="proof"], [data-r="sealed-panel"]) [data-part="title"] { display: flex; flex-direction: column; gap: 1px; min-width: 0; margin-right: auto; }
:is([data-r="proof"], [data-r="sealed-panel"]) [data-part="title"] > b,
[data-r="second-opinion"] > [data-part="head"] > b { font-weight: var(--fw-550); color: var(--ink); }
:is([data-r="proof"], [data-r="sealed-panel"]) [data-part="title"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="proof"] > [data-part="head"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="proof"] > [data-part="made"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-wrap: pretty; }
[data-r="proof"] [data-part="fields"],
[data-r="sealed-panel"] [data-part="markers"],
[data-r="second-opinion"] [data-part="includes"] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border-top: var(--px) solid var(--line-2); }
[data-r="proof"] [data-part="fields"] > li { display: grid; grid-template-columns: auto 104px minmax(0, 1fr) auto; align-items: center; column-gap: 10px; min-height: var(--row-36); border-bottom: var(--px) solid var(--line-1); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="proof"][data-variant="read"] [data-part="fields"] > li { grid-template-columns: 104px minmax(0, 1fr) auto; }
[data-r="proof"] [data-part="fields"] [data-part="name"] { color: var(--ink-2); }
[data-r="proof"] [data-part="fields"] [data-part="value"] { min-width: 0; color: var(--ink); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="proof"]:not([data-variant]) [data-part="field"]:not([data-shown]) > :is([data-part="name"], [data-part="value"]) { color: var(--ink-3); }
[data-r="proof"] [data-part="not-shown"] { display: none; }
[data-r="proof"][data-variant="read"] li[data-hidden-field] > :is([data-part="value"], [data-r="proof-mark"]) { display: none; }
[data-r="proof"][data-variant="read"] li[data-hidden-field] > [data-part="not-shown"] { display: block; grid-column: 2 / -1; color: var(--ink-3); text-decoration: underline dashed var(--line-4); text-underline-offset: 3px; }
[data-r="proof"] > [data-part="head"] > svg[data-icon="eye"] { width: var(--icon-14); height: var(--icon-14); color: var(--ink-3); }
[data-r="sealed-panel"] [data-part="marker"] { display: grid; grid-template-columns: minmax(0, 1fr) 64px 96px; align-items: center; column-gap: 12px; min-height: var(--row-36); border-bottom: var(--px) solid var(--line-1); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
[data-r="sealed-panel"] [data-part="marker"] > [data-part="when"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="sealed-panel"] [data-part="marker"] > [data-part="value"] { justify-self: end; color: var(--ink-3); }
[data-r="sealed-panel"][data-state="open"] [data-part="marker"] > [data-part="value"] { color: var(--ink); font-variant-numeric: tabular-nums; }
:is([data-r="sealed-panel"], [data-r="second-opinion"]) p { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-wrap: pretty; }
[data-r="sealed-panel"] [data-part="shown"] { color: var(--ink-2); }
[data-r="second-opinion"] > [data-part="head"] > [data-part="left"] { margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="second-opinion"] > [data-when] { display: flex; flex-direction: column; gap: 14px; }
[data-r="second-opinion"] > [data-when][hidden] { display: none; }
[data-r="second-opinion"] [data-part="includes"] > li { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 10px; min-height: var(--row-36); padding: 6px 0; border-bottom: var(--px) solid var(--line-1); }
[data-r="second-opinion"] [data-part="includes"] > li > span:last-child { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
[data-r="second-opinion"] [data-part="includes"] b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="second-opinion"] [data-part="includes"] b + span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="second-opinion"] [data-part="rule"] { display: flex; align-items: flex-start; gap: 6px; color: var(--ink-2); }
[data-r="second-opinion"] [data-part="rule"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="second-opinion"] [data-part="sent"] > p { color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="second-opinion"] [data-part="sent"] > p b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="second-opinion"] [data-part="sent"] > [data-part="opened"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="second-opinion"] [data-part="actions"] { display: flex; justify-content: flex-end; }
}

/* ═══ b2-trust.css ═══ */
@layer components {
[data-r="fact"] > [data-r="dot"]:first-child { margin: 0 6px 0 3px; }
[data-r="fact"] > [data-r="reading-state"]:last-child { margin-left: 6px; }
[data-r="how-it-works"] { display: flex; flex-direction: column; min-width: 0; max-width: 100%; }
[data-r="how-it-works"] > [data-part="toggle"] { align-self: flex-start; max-width: 100%; }
[data-r="how-it-works"] > [data-part="toggle"][aria-expanded="true"] { background-color: transparent; }
@media (hover: hover) {
  [data-r="how-it-works"] > [data-part="toggle"][aria-expanded="true"]:hover { background-color: var(--plane-hover); }
}
[data-r="how-it-works"] > [data-part="toggle"][aria-expanded="true"][data-force~="hover"] { background-color: var(--plane-hover); }
[data-r="how-it-works"] > [data-part="toggle"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="how-it-works"] > [data-part="toggle"][aria-expanded="true"] > svg[data-icon] { transform: rotate(90deg); }
[data-r="how-it-works"] > [data-part="toggle"] > [data-part="meta"] { font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="how-it-works"] > [data-part="body"] { display: flex; flex-direction: column; gap: 12px; padding: 8px 0 0; }
[data-r="how-it-works"] > [data-part="body"][hidden] { display: none; }
[data-r="how-it-works"] > [data-part="body"] > [data-r="list"] { margin: 0 -8px; padding-top: 0; }
[data-r="how-it-works"] [data-part="formula"] { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px 12px; overflow-x: auto; border-radius: var(--r-value); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-2); font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-450); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="how-it-works"] [data-part="formula"] > [data-part="line"] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 8px; }
[data-r="how-it-works"] var { font-style: normal; font-weight: var(--fw-550); }
[data-r="how-it-works"] [data-part="formula"] [data-part="lhs"] { font-weight: var(--fw-550); }
[data-r="how-it-works"] [data-part="formula"] [data-part="op"] { color: var(--ink-3); }
[data-r="how-it-works"] [data-part="formula"] [data-part="fn"] { font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="how-it-works"] [data-part="fraction"] { display: inline-flex; flex-direction: column; align-items: center; }
[data-r="how-it-works"] [data-part="fraction"] > span:first-child { padding: 0 4px 3px; border-bottom: var(--px) solid var(--ink); }
[data-r="how-it-works"] [data-part="fraction"] > span:last-child { padding-top: 3px; }
[data-r="how-it-works"] [data-part="paren"] > [data-part="op"] { margin: 0 6px; }
[data-r="how-it-works"] [data-part="worked"] { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="how-it-works"] [data-part="worked"] > [data-part="sum"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="how-it-works"] [data-part="worked"] > [data-part="sum"] b { font-weight: var(--fw-550); }
[data-r="how-it-works"] [data-part="worked"] > [data-part="holds"] { display: flex; align-items: center; gap: 6px; margin: 0; color: var(--ink-3); }
[data-r="how-it-works"] [data-part="worked"] > [data-part="holds"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); }
[data-r="how-it-works"] [data-part="worked"] > [data-part="holds"][data-tone="outside"] { color: var(--ink-2); }
[data-r="signal-list"] { display: flex; flex-direction: column; min-width: 0; padding: 0 0 8px; container-type: inline-size; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="signal-list"] > [hidden] { display: none; }
[data-r="signal"] { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; column-gap: 10px; row-gap: 1px; align-items: center; align-content: center; min-width: 0; min-height: var(--row-52); margin: 0 8px; padding: 8px 12px; border-radius: var(--r-row); background-color: transparent; outline: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="signal"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="signal"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="signal"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="signal"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="signal"] > [data-part="type"] { grid-column: 1; grid-row: 1 / span 2; display: inline-flex; }
[data-r="signal"] > [data-part="type"] > [data-part="glyph"] { display: inline-flex; color: var(--thing, var(--ink-2)); }
[data-r="signal"] > [data-part="title"] { grid-column: 2; grid-row: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="signal"][data-status="new"] > [data-part="title"] { font-weight: var(--fw-550); }
[data-r="signal"]:is([data-status="handled"], [data-status="snoozed"]) > [data-part="title"] { color: var(--ink-2); }
[data-r="signal"] > [data-part="head"] { grid-column: 2; grid-row: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; min-width: 0; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="signal"][data-status="new"] [data-part="status"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="signal"] > [data-part="foot"] { grid-column: 3; grid-row: 1 / span 2; display: flex; align-items: center; gap: 4px; padding-left: 12px; }
[data-r="signal"] [data-part="metric"] b { font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="signal"] [data-part="actions"] { display: inline-flex; gap: 2px; }
[data-r="signal"] > :is([data-part="sources"], [data-part="drivers"]) { grid-column: 2 / -1; }
@container (max-width: 560px) {
  [data-r="signal"] > [data-part="foot"] { grid-column: 2 / -1; grid-row: 3; flex-wrap: wrap; padding: 6px 0 0; }
}
:is([data-r="signal"], [data-r="energy-account"]) > [data-part="sources"] { display: flex; flex-direction: column; min-width: 0; }
:is([data-r="signal"], [data-r="energy-account"]) > [data-part="sources"] > [data-part="label"] { padding: 0 12px 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
:is([data-r="signal"], [data-r="energy-account"]) > [data-part="sources"] > [data-r="list"] { padding: 0; }
[data-r="signal"] > [data-part="sources"] { --plane-hover: var(--plane-selected); margin: 4px -8px 0 -20px; }
:where([data-part="sources"] > [data-r="list"]) > button:where([data-r="list-row"]) { border: 0; background-color: transparent; font: inherit; text-align: left; }
[data-part="sources"] [data-part="source"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-part="sources"] [data-part="source"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-part="sources"] [data-part="source"] > [data-part="meta"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-part="sources"] [data-part="source"] > [data-part="end"] > [data-part="stands"] { min-width: 72px; }
[data-part="sources"] [data-part="source"]:not([data-points="false"]) > [data-part="end"] { color: var(--ink-2); }
@container (max-width: 420px) {
  [data-part="sources"] [data-part="source"] > [data-part="end"] > [data-part="stands"] { display: none; }
}
[data-r="signal"] > [data-part="drivers"] { --plane-hover: var(--plane-selected); display: flex; flex-direction: column; min-width: 0; margin: 4px -8px 0; container-type: inline-size; }
[data-r="signal"] > [data-part="drivers"] > [data-part="label"] { padding: 0 8px 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="signal"] > [data-part="drivers"] > [data-part="list"] { display: grid; grid-template-columns: 14px auto minmax(0, 1fr) auto; column-gap: 8px; row-gap: 2px; margin: 0; padding: 0 8px; list-style: none; }
[data-r="signal"] > [data-part="drivers"] > [data-part="list"] > li { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; min-width: 0; }
[data-r="signal"] > [data-part="drivers"] [data-part="driver"] { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; align-items: center; row-gap: 2px; min-width: 0; min-height: var(--row-28); margin: 0 -8px; padding: 5px 8px 6px; border: 0; border-radius: var(--r-row); background-color: transparent; font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); text-align: left; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="signal"] > [data-part="drivers"] [data-part="driver"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="signal"] > [data-part="drivers"] [data-part="driver"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="signal"] > [data-part="drivers"] [data-part="driver"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="signal"] > [data-part="drivers"] [data-part="driver"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-part="drivers"] [data-part="driver"] > [data-part="icon"] { display: inline-flex; }
[data-part="drivers"] [data-part="driver"] > [data-part="icon"] > svg[data-icon] { --thing: inherit; width: var(--icon-14); height: var(--icon-14); }
[data-part="drivers"] [data-part="driver"] > [data-part="name"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; }
[data-part="drivers"] [data-part="driver"] > [data-part="reading"] { min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-part="drivers"] [data-part="driver"] > [data-part="reading"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-part="drivers"] [data-part="driver"] > [data-part="stands"] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); white-space: nowrap; }
[data-part="drivers"] [data-part="driver"][data-drives="false"] > [data-part="stands"] { color: var(--ink-3); }
[data-part="drivers"] [data-part="driver"] > [data-part="stands"] > i { flex: none; width: 6px; height: 6px; margin: 1px; border-radius: var(--r-round); box-shadow: inset 0 0 0 1.25px var(--ink-3); }
[data-part="drivers"] [data-part="driver"][data-drives="true"] > [data-part="stands"] > i { background-color: var(--status-warning); box-shadow: none; }
[data-part="drivers"] [data-part="driver"] > [data-part="carries"] { grid-column: 2 / -1; display: flex; align-items: center; gap: 8px; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-part="drivers"] [data-part="driver"] > [data-part="carries"] > span > b { font-weight: var(--fw-500); color: var(--ink); }
[data-part="drivers"] [data-part="driver"] > [data-part="carries"] > [data-part="share"] { position: relative; flex: none; display: block; width: 96px; height: 6px; border-radius: var(--r-press); background-color: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-part="drivers"] [data-part="driver"] > [data-part="carries"] > [data-part="share"] > [data-part="fill"] { position: absolute; left: 0; top: 0; bottom: 0; width: calc(100% * var(--part, 0)); min-width: 2px; border-radius: var(--r-press); background-color: var(--ink-2); }
[data-part="drivers"] [data-part="driver"] > [data-part="settles"] { grid-column: 2 / -1; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; text-wrap: pretty; }
@media (hover: hover) {
  [data-part="drivers"] [data-part="driver"]:hover > :is([data-part="reading"], [data-part="stands"], [data-part="carries"]) { color: var(--ink-2); }
}
[data-part="drivers"] [data-part="driver"][data-force~="hover"] > :is([data-part="reading"], [data-part="stands"], [data-part="carries"]) { color: var(--ink-2); }
@container (max-width: 420px) {
  [data-r="signal"] > [data-part="drivers"] > [data-part="list"] { grid-template-columns: 14px minmax(0, 1fr) auto; }
  [data-r="signal"] > [data-part="drivers"] [data-part="driver"] > [data-part="icon"] { grid-row: 1; grid-column: 1; }
  [data-r="signal"] > [data-part="drivers"] [data-part="driver"] > [data-part="name"] { grid-row: 1; grid-column: 2; overflow: hidden; text-overflow: ellipsis; }
  [data-r="signal"] > [data-part="drivers"] [data-part="driver"] > [data-part="stands"] { grid-row: 1; grid-column: 3; }
  [data-r="signal"] > [data-part="drivers"] [data-part="driver"] > [data-part="reading"] { grid-row: 2; grid-column: 2 / -1; }
}
[data-r="toggletip"] { display: inline-grid; place-items: center; vertical-align: middle; width: 20px; height: var(--h-20); margin: 0; padding: 0; border: 0; border-radius: var(--r-round); background-color: transparent; color: var(--ink-3); font: inherit; transition: background-color var(--state-out), color var(--state-out); }
[data-r="toggletip"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
@media (hover: hover) {
  [data-r="toggletip"]:hover { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="toggletip"][data-force~="hover"] { background-color: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="toggletip"][aria-expanded="true"]:not([data-variant]) { background-color: var(--plane-selected); color: var(--ink); transition-duration: 0s; }
[data-r="toggletip"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="toggletip"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="toggletip"][data-variant="word"] { display: inline; width: auto; height: auto; border-radius: 2px; /* allow: radius · the hover plate of a word in running text */ color: inherit; letter-spacing: inherit; text-decoration: underline dotted var(--ink-4); text-decoration-thickness: 1.25px; text-underline-offset: 3px; }
[data-r="toggletip"][data-variant="word"][aria-expanded="true"] { text-decoration-style: solid; text-decoration-color: var(--ink-3); background-color: var(--plane-hover); color: inherit; }
@media (hover: hover) {
  [data-r="toggletip"][data-variant="word"]:hover { text-decoration-style: solid; text-decoration-color: var(--ink-3); background-color: var(--plane-hover); color: inherit; }
}
[data-r="toggletip"][data-variant="word"][data-force~="hover"] { text-decoration-style: solid; text-decoration-color: var(--ink-3); background-color: var(--plane-hover); color: inherit; }
[data-r="popover"][data-variant="toggletip"] { display: flex; flex-direction: column; gap: 8px; width: 280px; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="popover"][data-variant="toggletip"][hidden] { display: none; }
[data-r="popover"][data-variant="toggletip"] > [data-part="title"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="popover"][data-variant="toggletip"] > p { margin: 0; color: var(--ink-2); text-wrap: pretty; }
[data-r="popover"][data-variant="toggletip"] > [data-part="actions"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 2px; }
[data-r="button"][data-confirm] { color: var(--ink-2); }
@media (hover: hover) {
  [data-r="button"][data-confirm]:not([data-armed]):hover { color: var(--danger-ink); }
}
[data-r="button"][data-confirm]:not([data-armed])[data-force~="hover"] { color: var(--danger-ink); }
[data-r="button"][data-confirm] > [data-part="labels"] { display: inline-grid; overflow: visible; }
[data-r="button"][data-confirm] > [data-part="labels"] > span { grid-area: 1 / 1; text-align: center; }
[data-r="button"][data-confirm] > [data-part="labels"] > [data-part="sure"] { visibility: hidden; }
[data-r="button"][data-confirm][data-armed] { background-color: var(--danger); color: var(--on-fill); transition-duration: 0s; }
[data-r="button"][data-confirm][data-armed]::after { box-shadow: none; }
[data-r="button"][data-confirm][data-armed] > [data-part="labels"] > [data-part="rest"] { visibility: hidden; }
[data-r="button"][data-confirm][data-armed] > [data-part="labels"] > [data-part="sure"] { visibility: visible; }
[data-r="button"][data-confirm] > [data-part="left"] { display: none; }
[data-r="button"][data-confirm][data-armed] > [data-part="left"] { display: block; position: absolute; left: 10px; right: 10px; bottom: 1px; height: 2px; border-radius: var(--r-press); background-color: var(--on-fill); transform: scaleX(var(--k, 1)); transform-origin: left center; }
[data-r="button"][data-confirm]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="button"][data-confirm][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
}

/* ═══ b2-week-fixes.css ═══ */
@layer components {
[data-part="suggestion"] { display: flex; flex-direction: column; min-width: 0; }
:where([data-part="suggestion"]) > button:where([data-r="list-row"]) { border: 0; background-color: transparent; font: inherit; text-align: left; }
[data-part="suggestion"] > button[data-r="list-row"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-part="suggestion"] > button[data-r="list-row"][aria-disabled="true"] > [data-part="stack"] > :first-child { color: var(--ink-2); }
[data-part="suggestion"] > [data-part="body"] { display: flex; flex-direction: column; min-width: 0; padding-bottom: 8px; }
[data-part="suggestion"] > [data-part="body"][hidden] { display: none; }
}

/* ═══ b3-door-moments.css ═══ */
@layer components {
[data-r="history-import"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; min-width: 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="history-import"] > [data-part="label"][data-at="end"] { text-align: right; }
[data-r="history-import"] > [data-part="grid"] { grid-column: 1 / -1; display: block; width: 100%; height: auto; aspect-ratio: 52 / 14.8; }
[data-r="history-import"][data-state="empty"] > [data-part="grid"] { opacity: .5; }
[data-r="card"] > [data-part="footer"] > [data-part="line"] { text-wrap: pretty; }
[data-r="odometer"] { display: inline-flex; vertical-align: top; font-variant-numeric: tabular-nums; }
[data-r="odometer"] > [data-part="column"] { position: relative; display: inline-block; height: 1lh; overflow: hidden; }
[data-r="odometer"] > [data-part="column"] > [data-part="roll"] { display: flex; flex-direction: column; transform: translateY(calc(var(--d, 0) * -100% / 11)); }
[data-r="odometer"] > [data-part="column"] > [data-part="roll"] > i { display: block; height: 1lh; font-style: normal; text-align: center; }
[data-r="odometer"] > [data-part="column"][data-quiet] { opacity: .25; }
[data-r="moment"][data-variant="still"] { display: block; width: 100%; height: auto; aspect-ratio: 2.6 / 1; }
[data-r="setting"] > [data-r="moment"][data-variant="still"] { flex: none; width: 220px; }
}

/* ═══ b3-door-wait.css ═══ */
@layer components {
:is([data-r="waitlist"], [data-r="age-check"], [data-r="parent-approval"]) { display: flex; flex-direction: column; gap: 16px; width: 340px; max-width: 100%; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
:is([data-r="waitlist"], [data-r="age-check"], [data-r="parent-approval"]) [data-part="title"] { margin: 0; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); outline: none; }
:is([data-r="waitlist"], [data-r="age-check"], [data-r="parent-approval"]) [data-part="lead"] { margin: -8px 0 0; text-wrap: pretty; }
:is([data-r="waitlist"], [data-r="age-check"], [data-r="parent-approval"]) [data-part="lead"] > b,
[data-r="age-check"] [data-r="field-hint"] > b { font-weight: var(--fw-500); color: var(--ink); }
:is([data-r="waitlist"], [data-r="age-check"], [data-r="parent-approval"]) [data-part="message"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
:is([data-r="waitlist"], [data-r="age-check"], [data-r="parent-approval"]) [data-part="message"]:empty { display: none; }
:is([data-r="waitlist"], [data-r="age-check"], [data-r="parent-approval"]) [data-part="message"][data-tone="danger"] { color: var(--danger-ink); }
:is([data-r="waitlist"], [data-r="age-check"], [data-r="parent-approval"]) [data-part="foot"] { margin: 4px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
:is([data-r="waitlist"], [data-r="age-check"], [data-r="parent-approval"]) [data-part="foot"] > [data-r="link"] { font-size: inherit; line-height: inherit; }
:is([data-r="waitlist"], [data-r="age-check"], [data-r="parent-approval"]) :is([data-part="go"], [data-part="enter"], [data-part="approve"]) { width: 100%; justify-content: center; }
:is([data-r="waitlist"], [data-r="age-check"], [data-r="parent-approval"]) [hidden] { display: none; }
[data-r="waitlist"] > [data-part="stages"] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
[data-r="waitlist"] > [data-part="stages"] > li { position: relative; display: grid; grid-template-columns: 16px minmax(0, 1fr); column-gap: 10px; row-gap: 2px; padding-bottom: 14px; }
[data-r="waitlist"] > [data-part="stages"] > li:last-child { padding-bottom: 0; }
[data-r="waitlist"] > [data-part="stages"] > li:not(:last-child)::before { content: ""; position: absolute; left: 7.5px; top: 16px; bottom: 2px; border-left: var(--px) solid var(--line-3); }
[data-r="waitlist"] > [data-part="stages"] > li[data-state="now"]:not(:last-child)::before { border-left-style: dashed; border-left-color: var(--ink-4); }
[data-r="waitlist"] > [data-part="stages"] > li > [data-part="node"] { grid-row: 1 / span 2; justify-self: center; width: 8px; height: 8px; margin-top: 4px; border-radius: var(--r-round); }
[data-r="waitlist"] > [data-part="stages"] > li[data-state="done"] > [data-part="node"] { background-color: var(--ink); }
[data-r="waitlist"] > [data-part="stages"] > li[data-state="now"] > [data-part="node"] { background-color: var(--paper); box-shadow: 0 0 0 1.5px var(--ink); }
[data-r="waitlist"] > [data-part="stages"] > li[data-state="next"] > [data-part="node"] { outline: var(--px) dashed var(--ink-3); outline-offset: 0; }
[data-r="waitlist"] > [data-part="stages"] > li > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="waitlist"] > [data-part="stages"] > li[data-state="now"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="waitlist"] > [data-part="stages"] > li[data-state="next"] > b { color: var(--ink-3); }
[data-r="waitlist"] > [data-part="stages"] > li > span:last-child { grid-column: 2; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="waitlist"] > [data-part="ahead"] { display: flex; flex-direction: column; gap: 12px; margin: 4px 0 0; padding-top: 16px; border-top: var(--px) solid var(--line-2); }
[data-r="waitlist"] > [data-part="open"] { display: flex; }
[data-r="waitlist"] > [data-part="open"][hidden] { display: none; }
[data-r="setup"] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
[data-r="setup"][hidden] { display: none; }
[data-r="setup"] > [data-part="head"] { display: flex; align-items: center; gap: 6px; height: var(--row-24); padding: 0 8px; }
[data-r="setup"] > [data-part="head"] > [data-part="name"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="setup"] > [data-part="head"] > [data-part="count"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="setup"][data-variant="form"] > [data-part="head"] { display: none; }
[data-r="page"] [data-r="setup"] { margin-left: -8px; margin-right: -8px; }
[data-r="setup"] > [data-part="list"] { display: flex; flex-direction: column; gap: 1px; margin: 0; padding: 0; list-style: none; }
[data-r="setup"] > [data-part="list"] > li { height: var(--h, auto); transition: height var(--state-out), opacity var(--opacity-out) linear; }
[data-r="setup"] > [data-part="list"] > li[data-leaving] { height: 0; opacity: 0; overflow: hidden; pointer-events: none; }
[data-r="setup"] [data-r="sidebar-item"] > [data-part="label"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="setup"] [data-r="sidebar-item"] > [data-part="left"] { flex: none; width: 8px; height: 8px; border-radius: 50%; outline: var(--px) dashed var(--ink-3); outline-offset: -1px; }
[data-r="setup"] > [data-part="said"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-r="age-check"] > [data-part="step"] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
[data-r="age-check"] [data-part="date"] { display: flex; gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; }
[data-r="age-check"] [data-part="date"] > label { display: flex; flex-direction: column; flex: 0 0 64px; min-width: 0; }
[data-r="age-check"] [data-part="date"] > [data-part="year"] { flex-basis: 88px; }
[data-r="age-check"] [data-part="date"] [data-r="field"] > input { font-variant-numeric: tabular-nums; text-align: center; }
[data-r="age-check"] [data-part="date"] + [data-r="field-hint"] { margin-top: -10px; }
[data-r="age-check"] [data-part="date"] + [data-r="field-hint"]:empty { display: none; }
[data-r="age-check"] [data-part="consent"] { align-items: flex-start; }
[data-r="age-check"] [data-part="consent"] > [data-r="checkbox"] { margin-top: 1px; }
[data-r="age-check"] [data-part="under"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="age-check"] [data-part="form"] { display: flex; flex-direction: column; gap: 12px; margin: 0; }
[data-r="age-check"] [data-part="actions"] { display: flex; align-items: center; gap: 12px; }
[data-r="age-check"] [data-part="actions"] > [data-r="countdown"][hidden] { display: none; }
[data-r="parent-approval"] { padding: 24px 0; }
[data-r="parent-approval"] > [data-part="mark"] { margin-bottom: 16px; }
[data-r="parent-approval"] > [data-when] { display: flex; flex-direction: column; gap: 16px; }
[data-r="parent-approval"] > [data-part="reading"] { flex-direction: row; align-items: center; gap: 8px; color: var(--ink-3); }
[data-r="parent-approval"] [data-part="what"] { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 14px 0; border-top: var(--px) solid var(--line-2); border-bottom: var(--px) solid var(--line-2); }
[data-r="parent-approval"] [data-part="what"] > div { display: grid; grid-template-columns: 16px minmax(0, 1fr); column-gap: 10px; row-gap: 2px; }
[data-r="parent-approval"] [data-part="what"] > div > svg[data-icon] { grid-row: 1 / span 2; width: var(--icon-16); height: var(--icon-16); color: var(--thing, var(--ink-3)); }
[data-r="parent-approval"] [data-part="what"] dt { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); }
[data-r="parent-approval"] [data-part="what"] dd { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="parent-approval"] [data-part="agree"] { align-items: flex-start; }
[data-r="parent-approval"] [data-part="agree"] > [data-r="checkbox"] { margin-top: 1px; }
}

/* ═══ b3-door.css ═══ */
@layer components {
[data-r="shell"][data-door] { position: relative; height: 100%; min-height: 0; overflow: hidden; }
[data-r="shell"][data-door] > [data-part="side"] { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
[data-r="shell"][data-door] > [data-part="side"] > [data-r="sidebar"] { flex: 1; min-height: 0; }
[data-r="shell"][data-door] > [data-r="panel"] > [data-part="app"] { display: flex; flex-direction: column; flex: 1; min-height: 0; }
[data-r="shell"][data-door]:not([data-door="app"]):not([data-entering]) > :is([data-part="side"], [data-r="panel"]) { visibility: hidden; }
[data-r="shell"][data-door] > [data-part="door"] { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; overflow: auto; background: var(--paper); container-type: size; overscroll-behavior: contain; }
[data-r="shell"][data-door="app"]:not([data-entering]) > [data-part="door"] { display: none; }
[data-r="shell"][data-door][data-entering] > [data-part="door"] { overflow: hidden; pointer-events: none; }
[data-r="shell"][data-door] > [data-part="door"] > [data-part="column"] { flex: none; width: calc(100% - 48px); max-width: 344px; margin: 0 auto; padding: 0 0 48px; }
[data-r="shell"][data-door] > [data-part="door"] > [data-part="column"] > :is([data-r="sign-in"], [data-r="sign-up"]) { width: 100%; padding: 0; }
[data-r="shell"][data-door] > [data-part="door"] > [data-part="column"] > :is([data-r="sign-in"], [data-r="sign-up"]) > [data-part="step"] { margin: max(80px, calc(38cqh - 96px)) 0 0; max-width: none; }
[data-r="shell"][data-door="sign-in"] > [data-part="door"] [data-r="sign-up"],
[data-r="shell"][data-door="sign-up"] > [data-part="door"] [data-r="sign-in"] { display: none; }
[data-r="shell"][data-door="app"] > [data-part="door"] :is([data-r="sign-in"], [data-r="sign-up"]):not([data-leaving]) { display: none; }
[data-r="shell"][data-door] > [data-part="door"] [data-r="sign-in"] > [data-part="mark"] { position: absolute; top: 22px; left: 24px; margin: 0; }
[data-r="shell"][data-door] > [data-part="door"] [data-r="sign-up"] > [data-part="head"] { position: absolute; top: 16px; left: 24px; right: 24px; }
[data-r="shell"][data-door] > [data-part="door"] [data-part="mark"] > svg { height: 14px; }
[data-r="shell"] > [data-r="moment"] { position: absolute; inset: 0; z-index: 2; display: block; width: 100%; height: 100%; pointer-events: none; }
[data-r="moment"][hidden] { display: none; }
[data-r="shell"] > [data-part="flight"] { position: absolute; inset: 0; z-index: 3; pointer-events: none; overflow: hidden; }
[data-r="shell"] > [data-part="flight"] > * { position: absolute; top: 0; left: 0; transform-origin: 0 0; will-change: transform, opacity; }
[data-r="shell"] > [data-part="flight"] > [data-part="char"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; white-space: pre; }
[data-r="shell"] > [data-part="flight"] > [data-part="wordmark"] { color: var(--ink); }
[data-r="shell"] > [data-part="flight"] > [data-part="wordmark"] > svg { display: block; width: 100%; height: auto; }
[data-r="sign-in"] { display: flex; flex-direction: column; width: 340px; max-width: 100%; padding: 24px 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="sign-in"] > [data-part="mark"],
[data-r="sign-up"] > [data-part="head"] > [data-part="mark"],
[data-r="parent-approval"] > [data-part="mark"] { display: flex; align-items: center; height: 20px; color: var(--ink); }
:is([data-r="sign-in"], [data-r="sign-up"], [data-r="parent-approval"]) [data-part="mark"] > svg { width: auto; height: 14px; }
[data-r="sign-in"] > [data-part="mark"] { margin-bottom: 32px; }
[data-r="sign-in"] > [data-part="step"],
[data-r="sign-up"] > [data-part="step"] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
:is([data-r="sign-in"], [data-r="sign-up"]) > [data-part="step"][hidden] { display: none; }
:is([data-r="sign-in"], [data-r="sign-up"]) > [data-part="step"][data-leaving] { pointer-events: none; }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="step"] > [data-part="title"] { margin: 0; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); outline: none; }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="step"] > [data-part="lead"] { margin: -8px 0 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); text-wrap: pretty; }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="address"] { font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="form"] { display: flex; flex-direction: column; gap: 12px; margin: 0; }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="form"] > [data-part="go"],
[data-r="sign-in"] [data-part="ways"] > [data-r="button"] { width: 100%; justify-content: center; }
[data-r="sign-in"] [data-part="ways"] { display: flex; flex-direction: column; gap: 8px; }
[data-r="sign-in"] [data-part="who"] { display: flex; align-items: center; gap: 8px; height: var(--h-28); margin-top: -4px; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="sign-in"] [data-part="who"] > [data-part="address"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="sign-in"] [data-part="who"] > [data-r="link"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="sign-in"] [data-part="remembered"] { margin: -8px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-align: center; }
[data-r="sign-in"] [data-part="offline"] { margin: 0; }
[data-r="sign-in"] [data-name="sign-out"] > [data-part="lead"] > [data-r="spinner"] { vertical-align: -2px; margin-right: 4px; }
[data-r="sign-in"] [data-part="ways"][hidden] { display: none; }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="message"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="message"]:empty { display: none; }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="message"][data-tone="danger"] { color: var(--danger-ink); }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="foot"] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; margin: 4px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="foot"] [data-r="link"] { font-size: inherit; line-height: inherit; }
[data-r="sign-in"] [data-part="foot"] > [data-part]:not([data-r]) { display: contents; }
[data-r="sign-in"] [data-part="foot"] > [data-part][hidden] { display: none; }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="again"],
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="locked"] { display: flex; align-items: center; min-height: var(--h-24); margin: -4px 0 0; }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="locked"][hidden] { display: none; }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="locked"]:not([hidden]) ~ [data-part="again"] { display: none; }
:is([data-r="sign-in"], [data-r="sign-up"]) [data-part="again"] [data-r="link"] { font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="code"][data-state="checking"] > input { color: var(--ink-3); }
[data-r="code"][aria-invalid="true"] > input:not(:focus) { border-color: var(--danger); }
[data-r="code"][aria-disabled="true"] > input { background-color: var(--well); color: var(--ink-disabled); border-color: var(--line-3); }
[data-r="sign-up"] { display: flex; flex-direction: column; padding: 16px 0 24px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="sign-up"] > [data-part="head"] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 12px; min-height: var(--h-32); }
[data-r="sign-up"] > [data-part="head"] > [data-part="mark"] { justify-self: start; }
[data-r="sign-up"] > [data-part="head"] > [data-r="link"] { justify-self: end; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="sign-up"] > [data-part="step"] { width: 100%; max-width: 344px; margin: 40px auto 24px; }
[data-r="sign-up"] [data-part="step"] > [data-r="fact"][data-part="invite"] { align-self: flex-start; margin-bottom: -4px; }
[data-r="sign-up"] [data-part="legal"] { margin: 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="sign-up"] [data-part="note"] { display: flex; align-items: flex-start; gap: 6px; margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-wrap: pretty; }
[data-r="sign-up"] [data-part="note"] > svg { flex: none; width: var(--icon-14); height: var(--icon-14); margin-top: 1px; }
[data-r="sign-up"] [data-part="note"][hidden] { display: none; }
[data-r="sign-up"] [data-part="actions"] { display: flex; gap: 8px; }
[data-r="sign-up"] [data-part="actions"] > [data-r="button"] { flex: 1; justify-content: center; }
[data-r="sign-up"] [data-part="actions-col"] { display: flex; flex-direction: column; gap: 8px; }
[data-r="sign-up"] [data-part="actions-col"] > [data-r="button"] { width: 100%; justify-content: center; }
[data-r="sign-up"] [data-part="pair"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
[data-r="sign-up"] [data-part="sources"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="sign-up"] [data-part="sources"] > [data-r="connection"] { min-height: var(--row-52); }
[data-r="sign-up"] [data-part="sources"]:not([data-more]) > [data-r="connection"][data-more] { display: none; }
[data-r="sign-up"] [data-part="more-way"] { margin: -12px 0 0; }
[data-r="sign-up"] [data-part="more-way"][hidden] { display: none; }
[data-r="sign-up"] [data-part="waitlist-way"] { margin: -4px 0 0; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="sign-up"] [data-part="waitlist-way"][hidden] { display: none; }
[data-r="sign-up"] [data-part="waitlist-way"] > [data-r="link"] { font-size: inherit; line-height: inherit; }
[data-r="sign-up"] :is([data-part="found"], [data-part="form-fields"]) { display: flex; flex-direction: column; gap: 12px; }
[data-r="sign-up"] :is([data-part="found"], [data-part="form-fields"])[hidden] { display: none; }
[data-r="sign-up"] [data-part="found"] [data-r="link"] { font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="sign-up"] [data-r="card"][data-part="import"][hidden] { display: none; }
[data-r="sign-up"] [data-part="answer"][hidden] { display: none; }
[data-r="sign-up"] [data-part="local"] { display: flex; flex-direction: column; gap: 8px; }
[data-r="sign-up"] [data-part="local"] > [data-r="button"] { align-self: flex-start; }
[data-r="sign-up"] [data-part="local"] > [data-r="button"][hidden] { display: none; }
[data-r="sign-up"] [data-part="passkey-offer"] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: var(--px) solid var(--line-2); border-bottom: var(--px) solid var(--line-2); }
[data-r="sign-up"] [data-part="passkey-offer"][hidden] { display: none; }
[data-r="sign-up"] [data-part="passkey-offer"] > [data-r="button"][data-done] { color: var(--ink-2); }
[data-r="sign-up"] [data-part="later-list"] { display: flex; flex-direction: column; gap: 6px; }
[data-r="sign-up"] [data-part="later-list"][hidden] { display: none; }
[data-r="sign-up"] [data-part="step"] > [data-r="age-check"],
[data-r="sign-up"] [data-part="step"] > [data-r="waitlist"] { width: 100%; padding: 0; }
[data-r="sign-up"] :is([data-r="field"], [data-r="code"] > input) { --ring-gap: var(--paper); }
[data-r="fact"][data-part="invite"] > [data-part="code"] { font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; letter-spacing: .04em; }
[data-r="fact"][data-part="invite"] > svg[data-icon] { color: var(--thing, var(--ink-2)); }
[data-r="fact"][data-part="invite"][hidden] { display: none; }
[data-r="invite-code"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
[data-r="invite-code"] [data-r="field"] > input { font-variant-numeric: tabular-nums; font-weight: var(--fw-500); letter-spacing: .04em; text-transform: uppercase; }
[data-r="invite-code"] [data-r="field"] > input::placeholder { letter-spacing: .04em; font-weight: var(--fw-450); }
[data-r="invite-code"] [data-r="field"] > [data-part="count"] { flex: none; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="invite-code"][data-state="complete"] [data-r="field"] > [data-part="count"] { color: var(--ink-2); }
[data-r="invite-code"] [data-r="field"] > [data-part="scan"] { margin-right: -6px; }
[data-r="invite-code"] > [data-r="camera"][hidden] { display: none; }
[data-r="invite-code"] [data-r="field"] { position: relative; }
[data-r="invite-code"][data-state="checking"] [data-r="field"] { overflow: hidden; }
[data-r="invite-code"][data-state="checking"] [data-r="field"] > input { color: var(--ink-2); }
[data-r="invite-code"][data-state="checking"] [data-r="field"]::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; pointer-events: none; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--raised) 80%, transparent), transparent); animation: r-door-light var(--moment-check) var(--ease-step-move) both; }
@keyframes r-door-light { from { transform: translateX(-100%); } to { transform: translateX(260%); } }
[data-r="invite-code"][data-state="refused"] [data-r="field"] > input:not(:focus) { border-color: var(--danger); }
[data-r="shell"][data-door] [data-part="app"] > [data-r="page"] { flex: 1; display: flex; flex-direction: column; min-height: 0; }
[data-r="shell"][data-door] [data-part="app"] [data-part="week"] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); flex: 1; min-height: 0; border-top: var(--px) solid var(--line-2); }
[data-r="shell"][data-door] [data-part="app"] [data-part="day"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 10px 8px; border-left: var(--px) solid var(--line-2); }
[data-r="shell"][data-door] [data-part="app"] [data-part="day"]:first-child { border-left: 0; }
[data-r="shell"][data-door] [data-part="app"] [data-part="day"] > [data-part="date"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="shell"][data-door] [data-part="app"] [data-part="day"] > [data-part="date"] > b { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="shell"][data-door] [data-part="app"] [data-part="day"][data-today] > [data-part="date"] > b { color: var(--accent-ink); }
[data-r="shell"][data-door] [data-part="app"] [data-part="session"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="shell"][data-door] [data-part="app"] [data-part="session"] > b { overflow: hidden; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); text-overflow: ellipsis; white-space: nowrap; }
[data-r="shell"][data-door] [data-part="app"] [data-part="session"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="shell"][data-door] [data-part="app"] [data-part="session"] > [data-r="workout"] { margin-top: 6px; }
[data-r="shell"][data-door] [data-part="app"] [data-part="rest"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="shell"][data-door][data-narrow] [data-part="app"] [data-part="week"] { grid-template-columns: minmax(0, 1fr); grid-auto-rows: min-content; overflow: auto; }
[data-r="shell"][data-door][data-narrow] [data-part="app"] [data-part="day"] { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: start; border-left: 0; border-top: var(--px) solid var(--line-2); }
[data-r="shell"][data-door][data-narrow] [data-part="app"] [data-part="day"]:first-child { border-top: 0; }
[data-r="shell"][data-door] [data-part="sidebar"] [data-part="setup-slot"] { margin-top: 16px; }
[data-r="shell"][data-door] [data-part="sidebar"] [data-part="setup-slot"]:empty { display: none; }
[data-r="shell"][data-door][data-narrow] { grid-template-columns: 0 minmax(0, 1fr); }
[data-r="shell"][data-door][data-narrow] > [data-part="side"] { visibility: hidden; }
[data-r="shell"][data-door][data-narrow] > [data-r="panel"] { margin-left: 8px; }
[data-r="shell"][data-door][data-narrow] > [data-part="door"] > [data-part="column"] { width: calc(100% - 32px); }
[data-r="shell"][data-door][data-narrow] > [data-part="door"] [data-r="sign-in"] > [data-part="mark"] { left: 16px; }
[data-r="shell"][data-door][data-narrow] > [data-part="door"] [data-r="sign-up"] > [data-part="head"] { left: 16px; right: 16px; grid-template-columns: auto minmax(0, 1fr) auto; }
[data-r="shell"][data-door][data-narrow] > [data-part="door"] [data-r="sign-up"] > [data-part="head"] [data-part="phase"] > [data-part="name"] { display: none; }
[data-r="shell"][data-door][data-narrow] > [data-part="door"] > [data-part="column"] > :is([data-r="sign-in"], [data-r="sign-up"]) > [data-part="step"] { margin-top: 80px; }
@media (max-width: 560px) {
  :is([data-r="sign-in"], [data-r="sign-up"], [data-r="age-check"], [data-r="parent-approval"], [data-r="waitlist"]) :is([data-r="field"], [data-r="button"][data-size="32"]) { --h: var(--h-44); }
  [data-r="sign-up"] [data-part="pair"] { grid-template-columns: minmax(0, 1fr); }
}
[data-r="shell"][data-door] [data-part="app"] [data-part="first"] { padding: 16px 16px 12px; }
[data-r="shell"][data-door] [data-part="app"] [data-part="first"][hidden] { display: none; }
[data-r="shell"][data-door] [data-part="app"] [data-part="first"] > [data-r="chart-card"] { max-width: 720px; }
[data-r="door-field"][data-variant="story"] { container-type: inline-size; position: relative; margin: 0; color: var(--ink); user-select: none; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; width: 100%; height: auto; padding: 0; overflow: visible; }
[data-r="door-field"][data-variant="story"] > [data-part="app"] { position: relative; display: grid; grid-template-columns: 196px minmax(0, 1fr); width: 100%; max-width: 900px; min-height: 440px; overflow: hidden; border-radius: var(--r-contain); background: var(--paper); box-shadow: 0 0 0 var(--px) var(--line-2), var(--e3); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="door-field"][data-variant="story"] [data-part="side"] { display: flex; flex-direction: column; gap: 1px; min-width: 0; padding: 12px 10px; background: var(--ground); box-shadow: inset calc(-1 * var(--px)) 0 0 var(--line-2); font-weight: var(--fw-500); transition: filter var(--state-out); }
[data-r="door-field"][data-variant="story"] [data-part="owner"],
[data-r="door-field"][data-variant="story"] [data-part="me"] { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 6px; }
[data-r="door-field"][data-variant="story"] [data-part="owner"] { margin-bottom: 10px; }
[data-r="door-field"][data-variant="story"] :is([data-part="owner"], [data-part="me"]) > span:last-child { display: flex; flex-direction: column; min-width: 0; }
[data-r="door-field"][data-variant="story"] :is([data-part="owner"], [data-part="me"]) > span:last-child > b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink); }
[data-r="door-field"][data-variant="story"] :is([data-part="owner"], [data-part="me"]) > span:last-child > b[data-placeholder] { color: var(--ink-3); }
[data-r="door-field"][data-variant="story"] :is([data-part="owner"], [data-part="me"]) > span:last-child > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="door-field"][data-variant="story"] [data-part="nav"] { display: flex; align-items: center; gap: 8px; height: var(--h-24); padding: 0 8px; overflow: hidden; border-radius: var(--r-row); white-space: nowrap; color: var(--ink-2); }
[data-r="door-field"][data-variant="story"] [data-part="nav"][aria-current] { background: var(--ground-selected); color: var(--ink); }
[data-r="door-field"][data-variant="story"] [data-part="nav"] > i { flex: none; width: 12px; height: 12px; border-radius: var(--r-key); box-shadow: inset 0 0 0 var(--px) var(--line-4); }
[data-r="door-field"][data-variant="story"] [data-part="nav"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="door-field"][data-variant="story"] [data-part="nav"][data-doc] { font-weight: var(--fw-450); }
[data-r="door-field"][data-variant="story"] [data-part="nav-label"] { padding: 12px 8px 4px; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="door-field"][data-variant="story"] [data-part="foot"] { display: grid; gap: 6px; margin-top: auto; }
[data-r="door-field"][data-variant="story"] [data-part="badges"] { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px; }
[data-r="door-field"][data-variant="story"] [data-part="page"] { position: relative; display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 14px 18px 18px; }
[data-r="door-field"][data-variant="story"] [data-part="top"] { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="door-field"][data-variant="story"] [data-part="sheet"] { position: relative; display: flex; flex-direction: column; gap: 18px; padding: 28px 10% 0; }
[data-r="door-field"][data-variant="story"] [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink-2); }
[data-r="door-field"][data-variant="story"] [data-part="passage"] { max-width: 40ch; min-height: calc(3 * var(--lh-16)); margin: 0; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-450); color: var(--ink); overflow-wrap: anywhere; text-wrap: pretty; }
[data-r="door-field"][data-variant="story"] [data-part="passage"] > [data-part="sealed"] { color: var(--ink-3); }
[data-r="door-field"][data-variant="story"] [data-part="passage"] > [data-part="band"] { color: var(--ink-2); }
[data-r="door-field"][data-variant="story"] [data-part="passage"] > [data-r="peer-caret"] { transition: opacity var(--state-out); }
[data-r="door-field"][data-variant="story"]:not([data-show="writing"]) [data-part="passage"] > [data-r="peer-caret"] { opacity: 0; }
[data-r="door-field"][data-variant="story"] [data-part="lines"] { display: grid; gap: 9px; margin: 0; transition: opacity var(--state-out); }
[data-r="door-field"][data-variant="story"] [data-part="lines"] > i { display: block; width: var(--w, 90%); height: 8px; border-radius: var(--r-round); background: var(--line-2); }
[data-r="door-field"][data-variant="story"]:not([data-show="writing"]) [data-part="lines"] { opacity: .45; }
[data-r="door-field"][data-variant="story"] [data-part="stored"] { position: absolute; top: 28px; right: 10%; opacity: 0; transition: opacity var(--state-out); }
[data-r="door-field"][data-variant="story"]:is([data-show="sealed"], [data-show="locked"]) [data-part="stored"] { opacity: 1; }
[data-r="door-field"][data-variant="story"][data-show="locked"] [data-part="side"] { filter: saturate(.4); }
[data-r="door-field"][data-variant="story"] [data-for]:not([data-for~="writing"]) { display: none; }
[data-r="door-field"][data-variant="story"][data-show="sealing"] [data-for] { display: none; }
[data-r="door-field"][data-variant="story"][data-show="sealing"] [data-for~="sealing"] { display: inline-flex; }
[data-r="door-field"][data-variant="story"][data-show="sealed"] [data-for] { display: none; }
[data-r="door-field"][data-variant="story"][data-show="sealed"] [data-for~="sealed"] { display: inline-flex; }
[data-r="door-field"][data-variant="story"][data-show="locked"] [data-for] { display: none; }
[data-r="door-field"][data-variant="story"][data-show="locked"] [data-for~="locked"] { display: inline-flex; }
[data-r="door-field"][data-variant="story"] [data-focus-part] { border-radius: var(--r-row); transition: opacity var(--state-out), box-shadow var(--state-out); }
[data-r="door-field"][data-variant="story"]:has([data-lit]) [data-focus-part]:not([data-lit]) { opacity: .38; }
[data-r="door-field"][data-variant="story"] [data-focus-part][data-lit] { box-shadow: 0 0 0 var(--px) var(--ink-2), 0 0 0 4px var(--line-2); }
[data-r="door-field"][data-variant="story"] [data-part="badges"] > [data-focus-part][data-lit] { border-radius: var(--r-mark); }
[data-r="door-field"][data-variant="story"] > [data-part="pill"] { display: flex; justify-content: center; min-height: var(--h-24); }
[data-r="door-field"][data-variant="story"][data-show="words"] [data-for] { display: none; }
[data-r="door-field"][data-variant="story"][data-show="words"] [data-for~="words"] { display: inline-flex; }
[data-r="door-field"][data-variant="story"][data-show="words"] :is([data-part="passage"], [data-part="lines"], [data-part="stored"]) { display: none; }
[data-r="door-field"][data-variant="story"] [data-part="words"] { display: none; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 24px; margin: 0; padding: 0; list-style: none; }
[data-r="door-field"][data-variant="story"][data-show="words"] [data-part="words"] { display: grid; }
[data-r="door-field"][data-variant="story"] [data-part="words"] > li { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="door-field"][data-variant="story"] [data-part="words"] > li > span { flex: none; min-width: 14px; text-align: right; }
[data-r="door-field"][data-variant="story"] [data-part="words"] > li > i { display: block; width: var(--w, 70%); height: 8px; border-radius: var(--r-round); background: var(--line-3); }
[data-r="door-field"][data-variant="story"] > [data-part="said"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@container (max-width: 720px) {
  [data-r="door-field"][data-variant="story"] > [data-part="app"] { grid-template-columns: minmax(0, 1fr); }
  [data-r="door-field"][data-variant="story"] [data-part="side"] { display: none; }
  [data-r="door-field"][data-variant="story"] [data-part="words"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
}

/* ═══ c0-plan-builder.css ═══ */
@layer components {
[data-r="block-builder"] { display: flex; flex-direction: column; width: 100%; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="block-builder"] > [data-part="plot"] { position: relative; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
[data-r="block-builder"] > [data-part="plot"] > [data-part="grid"] { display: grid; grid-template-columns: repeat(var(--n, 1), minmax(48px, 1fr)); column-gap: 4px; max-width: calc(var(--n, 1) * 96px); }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"] { display: grid; grid-template-rows: auto 200px auto; row-gap: 6px; justify-items: center; min-width: 0; padding: 6px 0; border-radius: var(--r-row); outline: none; touch-action: pan-x; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="block-builder"] > [data-part="plot"] [data-part="week"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][aria-current="true"] { background-color: var(--plane-selected); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="block-builder"] > [data-part="plot"] [data-part="week"][aria-current="true"]:hover { background-color: var(--plane-selected-hover); }
}
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][aria-current="true"][data-force~="hover"] { background-color: var(--plane-selected-hover); }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"] > [data-part="budget"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][aria-current="true"] > [data-part="budget"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"] > [data-part="label"] { display: flex; flex-direction: column; align-items: center; min-width: 0; }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"] [data-part="number"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][aria-current="true"] [data-part="number"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"] [data-part="step"] { display: flex; align-items: center; justify-content: center; gap: 4px; min-height: var(--lh-11); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][aria-current="true"] [data-part="step"] { color: var(--ink-2); }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][data-intent="deload"] [data-part="step"] { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"] [data-part="step"] > i { flex: none; width: 6px; height: 6px; border-radius: var(--r-round); }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"]:not([data-flag]) [data-part="step"] > i { display: none; }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][data-flag="close"] [data-part="step"] > i { background: var(--status-warning); }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][data-flag="not-met"] [data-part="step"] > i { box-shadow: inset 0 0 0 1.5px var(--status-critical); }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][data-flag] [data-part="step"] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="block-builder"] > [data-part="plot"] [data-part="bar"] { position: relative; width: 16px; height: 100%; }
[data-r="block-builder"] > [data-part="plot"] [data-part="track"] { position: absolute; left: 0; right: 0; bottom: 0; height: var(--t, 0%); border-radius: var(--r-press); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-2); transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="block-builder"] > [data-part="plot"] [data-part="week"]:hover [data-part="track"] { background-color: var(--well-hover); transition-duration: 0s; }
}
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][data-force~="hover"] [data-part="track"] { background-color: var(--well-hover); transition-duration: 0s; }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][aria-current="true"] [data-part="track"] { background-color: var(--well-selected); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="block-builder"] > [data-part="plot"] [data-part="week"][aria-current="true"]:hover [data-part="track"] { background-color: var(--well-selected-hover); }
}
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][aria-current="true"][data-force~="hover"] [data-part="track"] { background-color: var(--well-selected-hover); }
[data-r="block-builder"] > [data-part="plot"] [data-part="handle"] { position: absolute; left: 50%; bottom: var(--t, 0%); width: 20px; height: 20px; translate: -50% 50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); cursor: ns-resize; touch-action: none; transition: scale var(--state-out); }
[data-r="block-builder"] > [data-part="plot"] [data-part="handle"]::before { content: ""; position: absolute; inset: -8px; border-radius: inherit; }
@media (hover: hover) {
  [data-r="block-builder"] > [data-part="plot"] [data-part="handle"]:hover { scale: 1.14; transition-duration: 0s; }
}
[data-r="block-builder"] > [data-part="plot"] [data-part="handle"][data-force~="hover"] { scale: 1.14; transition-duration: 0s; }
[data-r="block-builder"] > [data-part="plot"] [data-part="week"][data-held] [data-part="handle"] { scale: 1.14; transition-duration: 0s; }
[data-r="block-builder"][data-state="locked"] > [data-part="plot"] [data-part="handle"] { display: none; }
}

/* ═══ c0-plan-reserve.css ═══ */
@layer components {
[data-r="reserve-line"] { --gutter: 28px; container: reserve-line / inline-size; display: flex; flex-direction: column; gap: 6px; width: 100%; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="reserve-line"] > [data-part="row"] { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; min-width: 0; min-height: var(--h-20); padding-left: var(--gutter); }
[data-r="reserve-line"] > [data-part="row"] > [data-part="name"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="reserve-line"] > [data-part="row"] > [data-part="lowest"] { display: inline-flex; align-items: center; gap: 4px; color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="reserve-line"] > [data-part="row"] > [data-part="lowest"] > span > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="reserve-line"] > [data-part="row"] > [data-part="lowest"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--status-warning); }
[data-r="reserve-line"] > [data-part="row"] > [data-part="readout"] { margin-left: auto; color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="reserve-line"] > [data-part="row"] > [data-part="readout"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="reserve-line"] > [data-part="row"] > [data-part="readout"]:empty { display: none; }
[data-r="reserve-line"] > [data-part="plot"] { position: relative; display: flex; flex-direction: column; gap: 4px; min-width: 0; padding-left: var(--gutter); border-radius: var(--r-value); outline: none; }
[data-r="reserve-line"] > [data-part="plot"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="reserve-line"] > [data-part="plot"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="reserve-line"] > [data-part="plot"]:empty { display: none; }
[data-r="reserve-line"] > [data-part="plot"] > [data-part="field"] { position: relative; height: 56px; box-shadow: inset 0 var(--px) 0 var(--chart-grid), inset 0 calc(var(--px) * -1) 0 var(--chart-axis); touch-action: pan-y; }
[data-r="reserve-line"] > [data-part="plot"] > [data-part="y"] { position: absolute; left: 0; width: calc(var(--gutter) - 6px); font-size: var(--fs-9); line-height: var(--lh-9); font-weight: var(--fw-500); color: var(--ink-3); text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; pointer-events: none; }
[data-r="reserve-line"] > [data-part="plot"] > [data-part="y"][data-at="full"] { top: 0; transform: translateY(-50%); }
[data-r="reserve-line"] > [data-part="plot"] > [data-part="y"][data-at="zero"] { top: 56px; transform: translateY(-50%); }
[data-r="reserve-line"] [data-part="field"] > svg[data-part="line"] { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
[data-r="reserve-line"] [data-part="field"] > svg[data-part="line"] > [data-mark="mass"] { fill: var(--a5); stroke: none; }
[data-r="reserve-line"] [data-part="field"] > svg[data-part="line"] > [data-mark="path"] { fill: none; stroke: var(--ink-2); stroke-width: 1.25; stroke-dasharray: 3 2; stroke-linejoin: round; }
[data-r="reserve-line"] [data-part="field"] > :is([data-part="low"], [data-part="at"]) { position: absolute; left: var(--x, 0%); top: var(--y, 0%); width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); pointer-events: none; }
[data-r="reserve-line"] [data-part="field"] > [data-part="at"] { width: 8px; height: 8px; margin: -4px 0 0 -4px; }
[data-r="reserve-line"] [data-part="field"] > [data-part="cursor"] { position: absolute; top: 0; bottom: 0; left: var(--x, 0%); width: 1px; transform: translateX(-50%); background: var(--chart-reference); pointer-events: none; }
[data-r="reserve-line"] [data-part="field"] > :is([data-part="cursor"], [data-part="at"])[hidden] { display: none; }
[data-r="reserve-line"] > [data-part="plot"] > [data-part="time"] { position: relative; height: 14px; }
[data-r="reserve-line"]:not([data-ticks]) > [data-part="plot"] > [data-part="time"] { display: none; }
[data-r="reserve-line"] > [data-part="plot"] > [data-part="time"] > span { position: absolute; left: var(--x, 0%); top: 0; transform: translateX(-50%); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="reserve-line"] > [data-part="plot"] > [data-part="time"] > span:first-child { transform: none; }
[data-r="reserve-line"] > [data-part="plot"] > [data-part="time"] > span:last-child { transform: translateX(-100%); }
[data-r="reserve-line"][data-empty] > [data-part="plot"] { display: none; }
[data-r="reserve-line"][aria-busy="true"] > [data-part="plot"] { pointer-events: none; }
[data-r="reserve-line"] > [data-part="row"] > [data-part="actions"] { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; }
[data-r="reserve-line"] > [data-part="row"] > [data-part="actions"]:empty { display: none; }
[data-r="reserve-line"] > [data-part="row"]:has(> [data-part="actions"]:not(:empty)) > [data-part="readout"] { margin-left: 0; }
[data-r="reserve-line"][data-kind="glycogen"] [data-part="field"] > svg[data-part="line"] > [data-mark="with"] { fill: none; stroke: var(--ink-2); stroke-width: 1.25; stroke-linejoin: round; }
[data-r="reserve-line"][data-kind="glycogen"] [data-part="field"] > svg[data-part="line"] > [data-mark="without"] { fill: none; stroke: var(--ink-3); stroke-width: 1; stroke-dasharray: 3 2; stroke-linejoin: round; }
[data-r="reserve-line"][data-kind="glycogen"] [data-part="field"] > svg[data-part="line"] > [data-mark="low-line"] { fill: none; stroke: var(--chart-reference); stroke-width: 1; stroke-dasharray: 1 2; }
[data-r="reserve-line"][data-kind="glycogen"] [data-part="field"] > [data-part="dose-line"] { position: absolute; top: 0; bottom: 0; left: var(--x, 0%); width: 1px; transform: translateX(-50%); background: var(--chart-grid); pointer-events: none; }
[data-r="reserve-line"][data-kind="glycogen"] [data-part="field"] > [data-part="dose"] { position: absolute; left: var(--x, 0%); top: 0; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); cursor: grab; outline: none; touch-action: none; }
[data-r="reserve-line"][data-kind="glycogen"] [data-part="field"] > [data-part="dose"]::before { content: ""; position: absolute; inset: -7px; border-radius: var(--r-round); }
[data-r="reserve-line"][data-kind="glycogen"] [data-part="field"] > [data-part="dose"]:focus-visible { box-shadow: var(--handle-shadow), 0 0 0 var(--px) var(--accent); }
[data-r="reserve-line"][data-kind="glycogen"] [data-part="field"] > [data-part="dose"][data-force~="focus"] { box-shadow: var(--handle-shadow), 0 0 0 var(--px) var(--accent); }
[data-r="reserve-line"][data-kind="glycogen"][data-dragging] [data-part="field"] > [data-part="dose"] { cursor: grabbing; }
@media (pointer: coarse) {
  [data-r="reserve-line"][data-kind="glycogen"] [data-part="field"] > [data-part="dose"]::before { inset: -18px; }
}
@container reserve-line (max-width: 479px) {
  [data-r="reserve-line"] > [data-part="row"] > [data-part="lowest"] { white-space: normal; }
  [data-r="reserve-line"] > [data-part="row"] > [data-part="readout"] { flex-basis: 100%; margin-left: 0; }
}
[data-r="page"][data-focus] [data-r="reserve-line"] { min-height: 0; }
[data-r="page"][data-focus] [data-r="reserve-line"] > [data-part="plot"] { flex: 1 1 auto; min-height: 0; }
[data-r="page"][data-focus] [data-r="reserve-line"] > [data-part="plot"] > [data-part="field"] { flex: 1 1 auto; height: auto; min-height: 32px; }
[data-r="page"][data-focus] [data-r="reserve-line"] > [data-part="plot"] > [data-part="y"][data-at="zero"] { top: auto; bottom: 0; transform: translateY(50%); }
[data-r="reserve-line"][data-zoomed] > [data-part="plot"] > [data-part="field"] { overflow: clip; }
[data-r="reserve-line"][data-zoomed] [data-part="field"] > :is([data-part="low"], [data-part="at"], [data-part="cursor"], [data-part="dose"], [data-part="dose-line"]) { left: calc((var(--x, 0%) - var(--v0, 0%)) * var(--zoom, 1)); }
}

/* ═══ c0-plan-season-line.css ═══ */
@layer components {
[data-r="season-line"] { display: flex; flex-direction: column; width: 100%; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); container-type: inline-size; }
[data-r="season-line"] > [data-part="plot"] { position: relative; min-width: 0; }
[data-r="season-line"] > [data-part="plot"] > [data-part="grid"] { display: grid; grid-template-columns: repeat(var(--n, 1), minmax(0, 1fr)); grid-template-rows: 20px auto auto auto; column-gap: 4px; row-gap: 0; max-width: calc(var(--n, 1) * 44px); }
[data-r="season-line"][data-variant="bare"] > [data-part="plot"] > [data-part="grid"] { grid-template-rows: auto; }
[data-r="season-line"][data-variant="bare"] > [data-part="plot"] [data-part="week"] { grid-row: 1; }
[data-r="season-line"] > [data-part="plot"] [data-part="week"] { grid-row: 2; grid-column: var(--i, 1); display: grid; grid-template-rows: 160px 2px; row-gap: 4px; justify-items: center; min-width: 0; padding: 4px 0; border-radius: var(--r-key); outline: none; touch-action: pan-y; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="season-line"] > [data-part="plot"] [data-part="week"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="season-line"] > [data-part="plot"] [data-part="week"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="season-line"] > [data-part="plot"] [data-part="week"][aria-selected="true"] { background-color: var(--plane-selected); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="season-line"] > [data-part="plot"] [data-part="week"][aria-selected="true"]:hover { background-color: var(--plane-selected-hover); }
}
[data-r="season-line"] > [data-part="plot"] [data-part="week"][aria-selected="true"][data-force~="hover"] { background-color: var(--plane-selected-hover); }
[data-r="season-line"] > [data-part="plot"] [data-part="week"]:focus-visible { background-color: var(--plane-hover); outline: 1px solid var(--accent); outline-offset: -1px; transition-duration: 0s; }
[data-r="season-line"] > [data-part="plot"] [data-part="week"][data-force~="focus"] { background-color: var(--plane-hover); outline: 1px solid var(--accent); outline-offset: -1px; transition-duration: 0s; }
[data-r="season-line"] > [data-part="plot"] [data-part="week"][aria-selected="true"]:focus-visible { background-color: var(--plane-selected-hover); }
[data-r="season-line"] > [data-part="plot"] [data-part="week"][aria-selected="true"][data-force~="focus"] { background-color: var(--plane-selected-hover); }
[data-r="season-line"] > [data-part="plot"] [data-part="week"]::after { content: ""; grid-row: 2; width: min(16px, 100% - 4px); height: 2px; border-radius: var(--r-press); }
[data-r="season-line"] > [data-part="plot"] [data-part="week"][data-now]::after { background: var(--accent); }
[data-r="season-line"] > [data-part="plot"] [data-part="bar"] { position: relative; grid-row: 1; width: min(16px, 100% - 4px); height: 100%; }
[data-r="season-line"] > [data-part="plot"] [data-part="track"] { position: absolute; left: 0; right: 0; bottom: 0; height: var(--t, 0%); border-radius: var(--r-key); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); overflow: hidden; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="season-line"] > [data-part="plot"] [data-part="week"]:hover [data-part="track"] { background-color: var(--well-hover); transition-duration: 0s; }
}
[data-r="season-line"] > [data-part="plot"] [data-part="week"][data-force~="hover"] [data-part="track"] { background-color: var(--well-hover); transition-duration: 0s; }
[data-r="season-line"] > [data-part="plot"] [data-part="week"]:focus-visible [data-part="track"] { background-color: var(--well-hover); transition-duration: 0s; }
[data-r="season-line"] > [data-part="plot"] [data-part="week"][data-force~="focus"] [data-part="track"] { background-color: var(--well-hover); transition-duration: 0s; }
[data-r="season-line"] > [data-part="plot"] [data-part="week"][aria-selected="true"] [data-part="track"] { background-color: var(--well-selected); }
@media (hover: hover) {
  [data-r="season-line"] > [data-part="plot"] [data-part="week"][aria-selected="true"]:hover [data-part="track"] { background-color: var(--well-selected-hover); }
}
[data-r="season-line"] > [data-part="plot"] [data-part="week"][aria-selected="true"][data-force~="hover"] [data-part="track"] { background-color: var(--well-selected-hover); }
[data-r="season-line"] > [data-part="plot"] [data-part="week"][aria-selected="true"]:focus-visible [data-part="track"] { background-color: var(--well-selected-hover); }
[data-r="season-line"] > [data-part="plot"] [data-part="week"][aria-selected="true"][data-force~="focus"] [data-part="track"] { background-color: var(--well-selected-hover); }
[data-r="season-line"] > [data-part="plot"] [data-part="track"] > i { position: absolute; left: 0; right: 0; }
[data-r="season-line"] > [data-part="plot"] [data-part="track"] > [data-part="done"] { bottom: 0; height: var(--d, 0%); background: var(--ch-load); }
[data-r="season-line"] > [data-part="plot"] [data-part="track"] > [data-part="planned"] { bottom: var(--d, 0%); height: var(--p, 0%); background: var(--ch-load-planned); }
[data-r="season-line"] > [data-part="plot"] [data-part="track"] > [data-part="off"] { bottom: calc(var(--d, 0%) + var(--p, 0%)); height: var(--m, 0%); border-radius: var(--r-key); outline: 1px dashed var(--ink-4); outline-offset: -1px; }
[data-r="season-line"] > [data-part="plot"] [data-part="week"]:not([data-off]) [data-part="off"] { display: none; }
[data-r="season-line"] > [data-part="plot"] [data-part="bar"] > [data-part="over"] { position: absolute; left: 0; right: 0; bottom: calc(var(--t, 0%) + 2px); height: max(2px, calc(var(--o, 0%) - 2px)); border-radius: var(--r-key); background: var(--ch-load-planned); }
[data-r="season-line"] > [data-part="plot"] [data-part="week"]:not([data-over]) [data-part="over"] { display: none; }
[data-r="season-line"] > [data-part="plot"] [data-part="week"][data-over="done"] [data-part="over"] { background: var(--ch-load); }
[data-r="season-line"] > [data-part="plot"] :is([data-part="today"], [data-part="race"]) { grid-row: 1; grid-column: var(--i, 1); position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; height: 20px; font-size: var(--fs-11); line-height: var(--lh-11); white-space: nowrap; pointer-events: none; }
[data-r="season-line"] > [data-part="plot"] [data-part="today"] { justify-self: center; font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="season-line"] > [data-part="plot"] [data-part="race"] > i { flex: none; width: 8px; height: 8px; background: var(--ink); transform: rotate(45deg); }
[data-r="season-line"] > [data-part="plot"] [data-part="race"] > span { position: absolute; left: calc(50% + 10px); top: 50%; transform: translateY(-50%); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="season-line"] > [data-part="plot"] [data-part="race"][data-side="start"] > span { left: auto; right: calc(50% + 10px); }
[data-r="season-line"] > [data-part="plot"] [data-part="race"][data-clip] > span { visibility: hidden; }
[data-r="season-line"] > [data-part="plot"] [data-part="month"] { grid-row: 3; grid-column: var(--i, 1) / span var(--n, 1); min-width: 0; overflow: hidden; padding: 2px 0 6px 1px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; }
[data-r="season-line"] > [data-part="plot"] [data-part="month"][data-clip] { visibility: hidden; }
[data-r="season-line"] > [data-part="plot"] [data-part="band"] { grid-row: 4; grid-column: var(--i, 1) / span var(--n, 1); display: flex; flex-direction: column; gap: 4px; min-width: 0; }
[data-r="season-line"] > [data-part="plot"] [data-part="band"] > i { display: block; height: 6px; border-radius: var(--r-press); background: var(--scale-rank-1); }
[data-r="season-line"] > [data-part="plot"] [data-part="band"][data-step="2"] > i { background: var(--scale-rank-2); }
[data-r="season-line"] > [data-part="plot"] [data-part="band"][data-step="3"] > i { background: var(--scale-rank-3); }
[data-r="season-line"] > [data-part="plot"] [data-part="band"][data-step="4"] > i { background: var(--scale-rank-4); }
[data-r="season-line"] > [data-part="plot"] [data-part="band"][data-step="rest"] > i { background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="season-line"] > [data-part="plot"] [data-part="band"][data-state="expected"] > i { background: none; box-shadow: inset 0 0 0 1.5px var(--scale-rank-1); }
[data-r="season-line"] > [data-part="plot"] [data-part="band"][data-state="expected"][data-step="2"] > i { box-shadow: inset 0 0 0 1.5px var(--scale-rank-2); }
[data-r="season-line"] > [data-part="plot"] [data-part="band"][data-state="expected"][data-step="3"] > i { box-shadow: inset 0 0 0 1.5px var(--scale-rank-3); }
[data-r="season-line"] > [data-part="plot"] [data-part="band"][data-state="expected"][data-step="4"] > i { box-shadow: inset 0 0 0 1.5px var(--scale-rank-4); }
[data-r="season-line"] > [data-part="plot"] [data-part="band"][data-state="expected"][data-step="rest"] > i { box-shadow: inset 0 0 0 1.5px var(--line-5); }
[data-r="season-line"] > [data-part="plot"] [data-part="band"] > span { display: flex; align-items: baseline; gap: 6px; min-width: 0; padding-right: 8px; overflow: hidden; color: var(--ink-2); font-weight: var(--fw-500); white-space: nowrap; }
[data-r="season-line"] > [data-part="plot"] [data-part="band"] > span > small { font-size: var(--fs-12); font-weight: var(--fw-400); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="season-line"] > [data-part="plot"] [data-part="band"][data-clip] > span > small { display: none; }
[data-r="season-line"] > [data-part="plot"] [data-part="band"][data-clip="name"] > span { visibility: hidden; }
@container (max-width: 560px) {
  [data-r="season-line"] > [data-part="plot"] > [data-part="grid"] { column-gap: 2px; }
  [data-r="season-line"] > [data-part="plot"] [data-part="race"] > span { display: none; }
}
}

/* ═══ c0-plan.css ═══ */
@layer components {
[data-r="block"] { display: flex; flex-direction: column; width: 100%; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="block"] > [data-part="plot"] { position: relative; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; scroll-snap-type: x mandatory; }
[data-r="block"] > [data-part="plot"] > [data-part="grid"] { display: grid; grid-template-columns: repeat(var(--n, 1), minmax(var(--col, 56px), 1fr)); column-gap: 4px; row-gap: 8px; max-width: calc(var(--n, 1) * 112px); }
[data-r="block"] > [data-part="plot"] [data-part="week"] { display: grid; grid-template-rows: auto 200px auto; row-gap: 6px; justify-items: center; min-width: 0; padding: 6px 0; border-radius: var(--r-row); outline: none; scroll-snap-align: start; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="block"] > [data-part="plot"] [data-part="week"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="block"] > [data-part="plot"] [data-part="week"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="block"] > [data-part="plot"] [data-part="week"][aria-current="true"] { background-color: var(--plane-selected); }
@media (hover: hover) {
  [data-r="block"] > [data-part="plot"] [data-part="week"][aria-current="true"]:hover { background-color: var(--plane-selected-hover); }
}
[data-r="block"] > [data-part="plot"] [data-part="week"][aria-current="true"][data-force~="hover"] { background-color: var(--plane-selected-hover); }
[data-r="block"] > [data-part="plot"] [data-part="week"]:focus-visible { background-color: var(--plane-hover); outline: 1px solid var(--accent); outline-offset: -1px; transition-duration: 0s; }
[data-r="block"] > [data-part="plot"] [data-part="week"][data-force~="focus"] { background-color: var(--plane-hover); outline: 1px solid var(--accent); outline-offset: -1px; transition-duration: 0s; }
[data-r="block"] > [data-part="plot"] [data-part="week"][aria-current="true"]:focus-visible { background-color: var(--plane-selected-hover); }
[data-r="block"] > [data-part="plot"] [data-part="week"][aria-current="true"][data-force~="focus"] { background-color: var(--plane-selected-hover); }
[data-r="block"] > [data-part="plot"] [data-part="week"] > [data-part="target"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="block"] > [data-part="plot"] [data-part="week"] > [data-part="label"] { display: flex; flex-direction: column; align-items: center; min-width: 0; }
[data-r="block"] > [data-part="plot"] [data-part="week"] [data-part="number"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="block"] > [data-part="plot"] [data-part="week"][data-now] > [data-part="target"],
[data-r="block"] > [data-part="plot"] [data-part="week"][data-now] [data-part="number"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="block"] > [data-part="plot"] [data-part="week"] [data-part="step"] { display: flex; align-items: center; justify-content: center; gap: 3px; min-height: var(--lh-11); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="block"] > [data-part="plot"] [data-part="week"] [data-part="step"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); }
[data-r="block"] > [data-part="plot"] [data-part="week"][aria-current="true"] [data-part="step"] { color: var(--ink-2); }
[data-r="block"] > [data-part="plot"] [data-part="week"]:is([data-intent="deload"], [data-intent="taper"]) [data-part="step"] { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="block"] > [data-part="plot"] [data-part="bar"] { position: relative; width: 24px; height: 100%; }
[data-r="block"] > [data-part="plot"] [data-part="track"] { position: absolute; left: 0; right: 0; bottom: 0; height: var(--t, 0%); border-radius: var(--r-press); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); overflow: hidden; transition: height var(--scale-in) var(--ease-expo), background-color var(--state-out); }
@media (hover: hover) {
  [data-r="block"] > [data-part="plot"] [data-part="week"]:hover [data-part="track"] { background-color: var(--well-hover); transition-duration: var(--scale-in), 0s; }
}
[data-r="block"] > [data-part="plot"] [data-part="week"][data-force~="hover"] [data-part="track"] { background-color: var(--well-hover); transition-duration: var(--scale-in), 0s; }
[data-r="block"] > [data-part="plot"] [data-part="week"]:focus-visible [data-part="track"] { background-color: var(--well-hover); transition-duration: var(--scale-in), 0s; }
[data-r="block"] > [data-part="plot"] [data-part="week"][data-force~="focus"] [data-part="track"] { background-color: var(--well-hover); transition-duration: var(--scale-in), 0s; }
[data-r="block"] > [data-part="plot"] [data-part="week"][aria-current="true"] [data-part="track"] { background-color: var(--well-selected); }
@media (hover: hover) {
  [data-r="block"] > [data-part="plot"] [data-part="week"][aria-current="true"]:hover [data-part="track"] { background-color: var(--well-selected-hover); }
}
[data-r="block"] > [data-part="plot"] [data-part="week"][aria-current="true"][data-force~="hover"] [data-part="track"] { background-color: var(--well-selected-hover); }
[data-r="block"] > [data-part="plot"] [data-part="week"][aria-current="true"]:focus-visible [data-part="track"] { background-color: var(--well-selected-hover); }
[data-r="block"] > [data-part="plot"] [data-part="week"][aria-current="true"][data-force~="focus"] [data-part="track"] { background-color: var(--well-selected-hover); }
[data-r="block"] > [data-part="plot"] [data-part="fill"] { position: absolute; left: 0; right: 0; bottom: 0; height: var(--f, 0%); border-radius: var(--r-press); background: var(--ch-load-planned); overflow: hidden; transition: height var(--scale-in) var(--ease-expo); }
[data-r="block"] > [data-part="plot"] [data-part="fill"] > [data-part="done"] { position: absolute; left: 0; right: 0; bottom: 0; height: var(--d, 0%); background: var(--ch-load); transition: height var(--scale-in) var(--ease-expo); }
[data-r="block"] > [data-part="plot"] [data-part="bar"] > [data-part="over"] { position: absolute; left: 0; right: 0; bottom: calc(var(--t, 0%) + 2px); height: max(2px, calc(var(--o, 0%) - 2px)); border-radius: var(--r-press); background: var(--ch-load-planned); transition: bottom var(--scale-in) var(--ease-expo), height var(--scale-in) var(--ease-expo); }
[data-r="block"] > [data-part="plot"] [data-part="week"]:not([data-over]) [data-part="over"] { display: none; }
[data-r="block"] > [data-part="plot"] [data-part="week"][data-over="done"] [data-part="over"] { background: var(--ch-load); }
[data-r="block"] > [data-part="plot"] [data-part="band"] { grid-column: span var(--n, 1); display: flex; flex-direction: column; gap: 4px; min-width: 0; }
[data-r="block"] > [data-part="plot"] [data-part="band"] > i { display: block; height: 6px; border-radius: var(--r-press); background: var(--scale-rank-1); }
[data-r="block"] > [data-part="plot"] [data-part="band"][data-step="2"] > i { background: var(--scale-rank-2); }
[data-r="block"] > [data-part="plot"] [data-part="band"][data-step="3"] > i { background: var(--scale-rank-3); }
[data-r="block"] > [data-part="plot"] [data-part="band"][data-step="4"] > i { background: var(--scale-rank-4); }
[data-r="block"] > [data-part="plot"] [data-part="band"][data-step="rest"] > i { background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="block"] > [data-part="plot"] [data-part="band"] > span { position: sticky; left: 0; align-self: flex-start; max-width: 100%; overflow: hidden; color: var(--ink-2); font-weight: var(--fw-500); white-space: nowrap; text-overflow: ellipsis; }
[data-watch="property"][data-fit] > [data-r="fact"] > [data-part="words"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}

/* ═══ c1-track-record.css ═══ */
@layer components {
[data-track] [data-part="item"] { display: flex; flex-direction: column; min-width: 0; }
:where([data-track] [data-part="item"]) > button:where([data-r="list-row"]) { border: 0; background-color: transparent; font: inherit; text-align: left; }
[data-track] [data-part="item"] > button[data-r="list-row"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-track] [data-part="item"] > button[data-r="list-row"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-track] [data-part="said"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-track] [data-part="detail"] { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows var(--section) var(--ease-expo), visibility 0s linear var(--section); }
[data-track] [data-part="item"] > [data-part="row"][aria-expanded="true"] + [data-part="detail"] { grid-template-rows: 1fr; visibility: visible; transition-delay: 0s; }
@media (prefers-reduced-motion: reduce) {
  [data-track] [data-part="detail"] { transition-delay: 0s; }
}
[data-track] [data-part="detail"] > [data-part="clip"] { min-width: 0; min-height: 0; overflow: hidden; }
[data-track] [data-part="forecasts"] { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 10px 20px 12px 48px; }
[data-track] [data-part="forecasts"] > [data-part="bar"] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; }
[data-track] [data-part="forecasts"] > [data-part="bar"] > [data-r="facts"] { flex: 1 1 200px; min-width: 0; }
[data-track] [data-part="forecasts"] [data-r="fact"] b { font-weight: var(--fw-550); color: var(--ink); }
[data-track] [data-part="forecasts"] > [data-part="bar"] > [data-r="segmented"] { flex: none; }
[data-track] [data-part="forecasts"] > [data-r="plot"] { height: 150px; touch-action: pan-y; }
[data-track] [data-part="forecasts"] > :is([data-r="plot"], [data-r="legend"], [data-part="table"])[hidden] { display: none; }
[data-track] [data-r="plot"] [data-mark="range"] { stroke: var(--line-4); stroke-width: 3; stroke-linecap: round; }
[data-track] [data-r="plot"][data-dense] [data-mark="range"] { stroke-width: 1.5; }
[data-track] [data-r="plot"] [data-mark="range"][data-on] { stroke: var(--ink-4); }
[data-track] [data-r="plot"] [data-mark="dot"] { fill: var(--ink-2); stroke: var(--raised); stroke-width: 1.5; }
[data-track] [data-r="plot"] [data-mark="dot"][data-on] { fill: var(--ink); }
[data-track] [data-r="plot"] [data-mark="dot"][data-out] { fill: var(--status-warning); }
[data-track] [data-r="legend"] > span > i[data-kind="range"] { width: 3px; height: 12px; border-radius: var(--r-press); background: var(--line-4); }
[data-track] [data-r="legend"] > span > i[data-kind="dot"] { width: 6px; height: 6px; border-radius: var(--r-round); background: var(--ink-2); }
[data-track] [data-r="legend"] > span > i[data-kind="dot"][data-out] { background: var(--status-warning); }
[data-track] [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-kind="range"] { width: 3px; height: 10px; margin: 0 3px 0 4px; border-radius: var(--r-press); background: var(--line-5); }
[data-track] [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-kind="dot"] { width: 6px; height: 6px; margin: 0 2px; border-radius: var(--r-round); }
[data-track] [data-part="table"] > [data-part="scroll"] { max-height: 240px; overflow: auto; }
[data-track] [data-part="table"] td[data-out] { color: var(--warning-ink); }
[data-track] [data-part="live"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-r="list"][data-track] { container: track-list / inline-size; }
@container track-list (width < 420px) {
  [data-track] [data-r="list-row"] > [data-part="end"] > [data-r="value-scale"] > [data-part="scale"] { width: 72px; min-width: 0; }
  [data-track] [data-r="list-row"] > [data-part="end"] > [data-r="value-scale"] [data-part="labels"],
  [data-track] [data-r="list-row"] > [data-part="end"] > [data-r="value-scale"] > [data-part="verdict"] { display: none; }
}
@container (max-width: 520px) {
  [data-track] [data-part="forecasts"] { padding-left: 12px; padding-right: 8px; }
}
}

/* ═══ c1-truth-profile-coverage.css ═══ */
@layer components {
[data-r="profile-coverage"] { position: relative; display: flex; flex-direction: column; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; container-type: inline-size; }
[data-r="profile-coverage"] > [data-part="line"] { display: grid; grid-template-columns: 12px minmax(0, auto) minmax(0, 1fr) auto auto; column-gap: 10px; align-items: center; min-height: var(--row-32); margin: 0 -8px; padding: 4px 8px; border: 0; border-radius: var(--r-row); background-color: transparent; font: inherit; font-size: var(--fs-13); line-height: var(--lh-13); color: inherit; text-align: left; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="profile-coverage"] > button[data-part="line"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="profile-coverage"] > button[data-part="line"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="profile-coverage"] > button[data-part="line"][aria-expanded="true"] { background-color: var(--plane-selected); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="profile-coverage"] > button[data-part="line"][aria-expanded="true"]:hover { background-color: var(--plane-selected-hover); }
}
[data-r="profile-coverage"] > button[data-part="line"][aria-expanded="true"][data-force~="hover"] { background-color: var(--plane-selected-hover); }
[data-r="profile-coverage"] > button[data-part="line"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="profile-coverage"] > button[data-part="line"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="profile-coverage"] > [data-part="line"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="profile-coverage"] > [data-part="line"][aria-expanded="true"] > svg[data-icon] { transform: rotate(90deg); color: var(--thing, var(--ink-2)); }
[data-r="profile-coverage"] > [data-part="line"] > [data-r="reading-state"]:not([data-variant]) { justify-self: center; }
[data-r="profile-coverage"] > [data-part="line"] > [data-part="name"] { min-width: 72px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; }
[data-r="profile-coverage"] > [data-part="line"] > [data-part="said"] { min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="profile-coverage"] > [data-part="line"] > [data-part="said"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="profile-coverage"] > [data-part="line"]:not(:has(> [data-part="name"])) > [data-part="said"] { grid-column: 2 / 4; }
[data-r="profile-coverage"][data-state="not-available"] > [data-part="line"] > [data-part="said"] { color: var(--ink-3); }
[data-r="profile-coverage"] [data-part="kinds"] { display: inline-flex; align-items: center; gap: 10px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="profile-coverage"] [data-part="kinds"] > span { display: inline-flex; align-items: center; gap: 4px; }
[data-r="profile-coverage"] [data-part="none"] { display: inline-block; flex: none; width: 2px; height: 2px; margin: 0 3px; border-radius: var(--r-round); background: var(--ink-4); }
[data-r="profile-coverage"] > button[data-part="line"][aria-expanded="true"] > [data-part="kinds"] { color: var(--ink-2); }
@media (hover: hover) {
  [data-r="profile-coverage"] > button[data-part="line"]:hover > [data-part="kinds"] { color: var(--ink-2); }
}
[data-r="profile-coverage"] > button[data-part="line"][data-force~="hover"] > [data-part="kinds"] { color: var(--ink-2); }
[data-r="profile-coverage"] > [data-part="detail"] { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows var(--section) var(--ease-expo), visibility 0s linear var(--section); }
[data-r="profile-coverage"] > [data-part="line"][aria-expanded="true"] + [data-part="detail"] { grid-template-rows: 1fr; visibility: visible; transition-delay: 0s; }
@media (prefers-reduced-motion: reduce) {
  [data-r="profile-coverage"] > [data-part="detail"] { transition-delay: 0s; }
}
[data-r="profile-coverage"] > [data-part="detail"] > [data-part="clip"] { min-width: 0; min-height: 0; overflow: hidden; }
[data-r="profile-coverage"] [data-part="missing"] { display: flex; flex-direction: column; min-width: 0; padding: 6px 0 10px 22px; }
[data-r="profile-coverage"] [data-part="missing"] > [data-part="note"] { max-width: 60ch; margin: 0; padding: 2px 0 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); text-wrap: pretty; }
[data-r="profile-coverage"] [data-part="reason"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; align-items: center; min-width: 0; padding: 8px 0; }
[data-r="profile-coverage"] [data-part="reason"] + [data-part="reason"] { border-top: var(--px) solid var(--line-1); }
[data-r="profile-coverage"] [data-part="reason"] > [data-part="why"] { display: grid; grid-template-columns: 8px minmax(0, 1fr); column-gap: 8px; align-items: baseline; min-width: 0; }
[data-r="profile-coverage"] [data-part="reason"] > [data-part="why"] > :is([data-r="reading-state"], [data-part="none"]) { align-self: start; justify-self: center; margin: 5px 0 0; }
[data-r="profile-coverage"] [data-part="reason"] > [data-part="why"] > [data-part="none"] { margin-top: 8px; }
[data-r="profile-coverage"] [data-part="reason"] > [data-part="why"] > [data-part="what"] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 8px; min-width: 0; }
[data-r="profile-coverage"] [data-part="reason"] > [data-part="why"] > [data-part="what"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); text-wrap: pretty; }
[data-r="profile-coverage"] [data-part="reason"] > [data-part="why"] > [data-part="what"] > [data-part="kind"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="profile-coverage"] [data-part="reason"] > [data-part="do"] { display: flex; justify-content: flex-end; }
[data-r="profile-coverage"] [data-part="do"] > [data-part="note"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-align: right; text-wrap: pretty; }
[data-r="profile-coverage"] [data-part="readings"] { grid-column: 1 / -1; display: flex; flex-direction: column; margin: 0; padding: 0 0 0 16px; list-style: none; }
[data-r="profile-coverage"] [data-part="reading"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="profile-coverage"][data-variant="over"] > [data-part="detail"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --pill-rest: var(--raised); position: absolute; z-index: var(--z-popover); top: calc(100% + 4px); left: -8px; width: max(100% + 16px, 320px); max-width: calc(100vw - 32px); display: block; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); opacity: 0; transition: opacity var(--opacity-out) linear, visibility 0s linear var(--opacity-out); }
[data-r="profile-coverage"][data-variant="over"] > [data-part="line"][aria-expanded="true"] + [data-part="detail"] { opacity: 1; transition: opacity var(--opacity-in) linear, visibility 0s; }
[data-r="profile-coverage"][data-variant="over"] [data-part="missing"] { padding: 6px 14px 8px; }
@container (max-width: 400px) {
  [data-r="profile-coverage"] > [data-part="line"] { grid-template-columns: 12px minmax(0, auto) minmax(0, 1fr); row-gap: 2px; padding-top: 6px; padding-bottom: 6px; }
  [data-r="profile-coverage"] > [data-part="line"]:not(:has(> [data-part="name"])) > [data-part="said"] { grid-column: 2 / -1; }
  [data-r="profile-coverage"] > [data-part="line"] > :is([data-part="kinds"], [data-r="reading-state"][data-variant="pill"]) { grid-column: 2 / -1; justify-self: start; }
  [data-r="profile-coverage"] > [data-part="line"] > [data-part="kinds"] { flex-wrap: wrap; gap: 2px 10px; white-space: normal; }
  [data-r="profile-coverage"] [data-part="reason"] { grid-template-columns: minmax(0, 1fr); }
  [data-r="profile-coverage"] [data-part="reason"] > [data-part="do"] { grid-row: 3; justify-content: flex-start; padding-left: 16px; }
  [data-r="profile-coverage"] [data-part="reason"] > [data-part="do"] > [data-r="button"] { margin-left: -8px; }
  [data-r="profile-coverage"] [data-part="do"] > [data-part="note"] { text-align: left; }
}
}

/* ═══ c1-truth-readiness.css ═══ */
@layer components {
[data-r="readiness"] { font-variant-numeric: tabular-nums; }
[data-r="readiness"][data-size="line"] { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 8px; min-width: 0; min-height: var(--row-28); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="readiness"][data-size="line"] > [data-part="name"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="readiness"][data-size="line"] > [data-r="figure"] { font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="readiness"][data-size="line"] > [data-r="figure"] > [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="readiness"] [data-part="limit"] { min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="readiness"] [data-part="limit"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="readiness"][data-size="line"] > [data-part="none"] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="readiness"][data-size="line"] > [data-r="button"] { margin-left: auto; }
[data-r="readiness"][data-size="mark"] { display: inline-flex; align-items: center; gap: 3px; height: var(--h-20); vertical-align: middle; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; }
[data-r="readiness"][data-size="mark"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="readiness"][data-size="mark"] > [data-part="letter"] { font-weight: var(--fw-500); color: var(--ink-3); }
}

/* ═══ c2-body-effort.css ═══ */
@layer components {
[data-r="test-effort"] { position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); container-type: inline-size; }
[data-r="test-effort"] > [data-r="legend"] > span > i[data-kind="left-out"] { width: 8px; height: 8px; border-radius: var(--r-round); background: var(--raised); box-shadow: inset 0 0 0 1.5px var(--chart-reference); }
[data-r="test-effort"] > [data-r="legend"] > span > i[data-kind="knob"] { width: 10px; height: 10px; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); }
[data-r="test-effort"] > [data-r="plot"] { height: var(--h, 286px); touch-action: pan-y; }
[data-r="test-effort"] > [data-r="plot"] [data-mark="line"][data-name="hr"] { stroke: var(--ch-hr); }
[data-r="test-effort"] > [data-r="plot"] [data-mark="line"][data-name="threshold"] { stroke: var(--ch-power); }
[data-r="test-effort"] > [data-r="plot"] [data-mark="band"] { fill: var(--a5); }
[data-r="test-effort"] > [data-r="plot"] [data-mark="effort"] { r: 3px; fill: var(--raised); stroke: var(--ch-hr); stroke-width: 1.5; transition: fill var(--state-out), stroke var(--state-out), r var(--state-out); }
[data-r="test-effort"] > [data-r="plot"] [data-mark="effort"][data-kind="threshold"] { stroke: var(--ch-power); }
[data-r="test-effort"] > [data-r="plot"] [data-mark="effort"][data-kind="left-out"] { stroke: var(--chart-reference); }
[data-r="test-effort"] > [data-r="plot"] [data-mark="effort"][data-on] { r: 4px; fill: var(--ch-hr); stroke: var(--raised); stroke-width: 2; transition-duration: 0s; }
[data-r="test-effort"] > [data-r="plot"] [data-mark="effort"][data-kind="threshold"][data-on] { fill: var(--ch-power); }
[data-r="test-effort"] > [data-r="plot"] [data-mark="effort"][data-kind="left-out"][data-on] { fill: var(--chart-reference); }
[data-r="test-effort"] > [data-r="plot"] > [data-part="knob"] { position: absolute; z-index: 1; width: 10px; height: 10px; translate: -50% -50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); pointer-events: none; }
[data-r="test-effort"] > [data-r="plot"] text:is([data-mark="threshold"], [data-mark="mark"]) { paint-order: stroke; stroke: var(--raised); stroke-width: 3px; stroke-linejoin: round; }
[data-r="test-effort"] > [data-r="plot"] text[data-mark="threshold"] { font-weight: var(--fw-500); fill: var(--ink); }
[data-r="test-effort"] > [data-r="plot"] text[data-mark="threshold"] > [data-mark="name"] { font-weight: var(--fw-550); }
[data-r="test-effort"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > b { min-width: 52px; }
[data-r="test-effort"] > [data-r="plot"] > [data-part="tip"] > [data-part="why"] { max-width: 220px; margin-top: 3px; white-space: normal; text-wrap: pretty; }
[data-r="test-effort"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c2-body-heat.css ═══ */
@layer components {
[data-r="heat"] { position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); container-type: inline-size; }
[data-r="heat"] > [data-r="legend"] > span > i { width: 8px; height: 8px; border-radius: var(--r-round); }
[data-r="heat"] > [data-r="legend"] > span > i[data-kind="hot"] { background: var(--ch-temperature); }
[data-r="heat"] > [data-r="legend"] > span > i[data-kind="cool"] { background: var(--raised); box-shadow: inset 0 0 0 1.5px var(--ch-temperature); }
[data-r="heat"] > [data-r="legend"] > span > i[data-kind="no-temp"] { background: none; outline: 1px dashed var(--ink-4); outline-offset: -1px; }
[data-r="heat"] > [data-r="legend"] > span > i[data-kind="effort"] { background: var(--raised); box-shadow: inset 0 0 0 1.5px var(--ch-hr); }
[data-r="heat"] > [data-r="plot"] { height: var(--h, 190px); touch-action: pan-y; }
[data-r="heat"] > [data-r="plot"] text[data-mark="mark"] { paint-order: stroke; stroke: var(--raised); stroke-width: 3px; stroke-linejoin: round; }
[data-r="heat"] > [data-r="plot"] [data-mark="place"] { fill: transparent; transition: fill var(--state-out); }
[data-r="heat"] > [data-r="plot"] [data-mark="place"][data-on] { fill: var(--plane-hover); transition-duration: 0s; }
[data-r="heat"] > [data-r="plot"] [data-mark="day"][data-kind="hot"] { r: 5px; fill: var(--ch-temperature); stroke: var(--raised); stroke-width: 2; }
[data-r="heat"] > [data-r="plot"] [data-mark="day"][data-kind="cool"] { r: 3px; fill: var(--raised); stroke: var(--ch-temperature); stroke-width: 1.5; }
[data-r="heat"] > [data-r="plot"] [data-mark="day"][data-kind="no-temp"] { r: 3px; fill: none; stroke: var(--ink-4); stroke-width: 1.5; stroke-dasharray: 2 2; }
[data-r="heat"] > [data-r="plot"] [data-mark="effort"][data-kind="effort"] { r: 3px; fill: var(--raised); stroke: var(--ch-hr); stroke-width: 1.5; }
[data-r="heat"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > b { min-width: 52px; }
[data-r="heat"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c2-body-log.css ═══ */
@layer components {
[data-r="card"][data-log] > [data-part="footer"] > [data-part="count"] { flex: 1; white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="card"][data-log] [role="gridcell"] > :is([data-r="proof-mark"], [data-r="reading-state"]) { margin-right: 6px; vertical-align: -2px; }
}

/* ═══ c2-body-reaction-test.css ═══ */
@layer components {
[data-r="reaction-test"] { position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); container-type: inline-size; }
[data-r="reaction-test"] > [data-part="field"] { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; height: 96px; padding: 16px; border-radius: var(--r-row); background-color: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); text-align: center; outline: none; touch-action: manipulation; user-select: none; -webkit-user-select: none; transition: background-color var(--state-out); }
[data-r="reaction-test"] > [data-part="field"]:not([aria-disabled="true"]):active { background-color: var(--well-selected); transition-duration: 0s; }
[data-r="reaction-test"] > [data-part="field"]:not([aria-disabled="true"])[data-force~="active"] { background-color: var(--well-selected); transition-duration: 0s; }
[data-r="reaction-test"] > [data-part="field"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="reaction-test"] > [data-part="field"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="reaction-test"] > [data-part="field"] > [data-part="mark"] { display: none; box-sizing: border-box; width: 16px; height: 16px; border: 1px dashed var(--line-5); border-radius: var(--r-round); }
[data-r="reaction-test"][data-state="waiting"] > [data-part="field"] > [data-part="mark"] { display: block; }
[data-r="reaction-test"] > [data-part="field"] > [data-part="figure"] { display: none; align-items: baseline; gap: 4px; }
[data-r="reaction-test"]:is([data-state="signal"], [data-state="response"], [data-state="finished"]) > [data-part="field"] > [data-part="figure"]:not([data-none]) { display: flex; }
[data-r="reaction-test"] > [data-part="field"] [data-part="count"] { min-width: 3ch; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; }
[data-r="reaction-test"] > [data-part="field"] [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="reaction-test"] > [data-part="field"] > [data-part="word"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="reaction-test"] > [data-part="field"] > [data-part="word"]:empty { display: none; }
[data-r="reaction-test"] > [data-part="field"] > [data-part="says"] { max-width: 44ch; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-wrap: pretty; font-variant-numeric: tabular-nums; }
[data-r="reaction-test"] > [data-part="field"] > [data-part="says"]:empty { display: none; }
[data-r="reaction-test"] > [data-r="plot"] { height: var(--h, 140px); touch-action: pan-y; }
[data-r="reaction-test"] > [data-r="plot"] text[data-mark="mark"] { paint-order: stroke; stroke: var(--raised); stroke-width: 3px; stroke-linejoin: round; }
[data-r="reaction-test"] > [data-r="plot"] [data-mark="place"] { fill: transparent; transition: fill var(--state-out); }
[data-r="reaction-test"] > [data-r="plot"] [data-mark="place"][data-on] { fill: var(--plane-hover); transition-duration: 0s; }
[data-r="reaction-test"] > [data-r="plot"] [data-mark="point"] { r: 4px; fill: var(--ink-2); stroke: var(--raised); stroke-width: 2; }
[data-r="reaction-test"] > [data-r="plot"] [data-mark="missed"] { r: 3px; fill: none; stroke: var(--ink-4); stroke-width: 1.5; stroke-dasharray: 2 2; }
[data-r="reaction-test"] > [data-r="plot"] [data-mark="point"][data-kind="open"] { r: 1.5px; fill: var(--line-5); paint-order: stroke; }
[data-r="reaction-test"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > b { min-width: 48px; }
[data-r="reaction-test"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@container (max-width: 400px) {
  [data-r="reaction-test"] > [data-part="field"] { padding: 12px; }
}
[data-part="figures"][hidden] + [data-r="reaction-test"] { margin-top: 0; }
[data-r="card"] > [data-part="header"] [data-r="fact"][data-part="progress"]:empty { display: none; }
}

/* ═══ c2-body-recovery.css ═══ */
@layer components {
[data-r="recovery"] { position: relative; display: flex; flex-direction: column; gap: 10px; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); container-type: inline-size; }
[data-r="recovery"] > [data-r="legend"] > span > i[data-kind="check-in"] { width: 4px; height: 4px; margin: 0 3px; border-radius: var(--r-round); background: var(--ink-4); }
[data-r="recovery"] > [data-r="plot"] { display: flex; flex-direction: column; gap: 12px; touch-action: pan-y; }
[data-r="recovery"] > [data-r="plot"] > [data-part="panel"] { display: grid; grid-template-columns: 132px minmax(0, 1fr); align-items: center; column-gap: 16px; }
[data-r="recovery"] > [data-r="plot"] > [data-part="panel"] > [data-part="head"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="recovery"] > [data-r="plot"] > [data-part="panel"] > [data-part="head"] > [data-part="name"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="recovery"] > [data-r="plot"] > [data-part="panel"] > svg { display: block; width: 100%; height: 64px; overflow: visible; }
[data-r="recovery"] > [data-r="plot"] [data-mark="point"][data-kind="check-in"] { fill: var(--ink-4); stroke: var(--raised); stroke-width: 2; paint-order: stroke; }
[data-r="recovery"] > [data-r="plot"] [data-mark="line"][data-band="good"] { stroke: var(--status-good); }
[data-r="recovery"] > [data-r="plot"] [data-mark="line"][data-band="warning"] { stroke: var(--status-warning); }
[data-r="recovery"] > [data-r="plot"] [data-mark="line"][data-band="critical"] { stroke: var(--status-critical); }
[data-r="recovery"] > [data-r="plot"] [data-mark="point"][data-band="good"] { fill: var(--status-good); }
[data-r="recovery"] > [data-r="plot"] [data-mark="point"][data-band="warning"] { fill: var(--status-warning); }
[data-r="recovery"] > [data-r="plot"] [data-mark="point"][data-band="critical"] { fill: var(--status-critical); }
[data-r="recovery"] > [data-r="plot"] [data-mark="point"][data-kind="lone"] { stroke: var(--raised); stroke-width: 2; paint-order: stroke; }
[data-r="recovery"] > [data-r="plot"] > [data-part="days"] { display: grid; grid-template-columns: 132px minmax(0, 1fr); column-gap: 16px; margin-top: -4px; }
[data-r="recovery"] > [data-r="plot"] > [data-part="days"] > svg { grid-column: 2; display: block; width: 100%; height: 16px; overflow: visible; }
[data-r="recovery"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > b { min-width: 28px; }
[data-r="recovery"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@container (max-width: 480px) {
  [data-r="recovery"] > [data-r="plot"] { gap: 10px; }
  [data-r="recovery"] > [data-r="plot"] > [data-part="panel"] { grid-template-columns: minmax(0, 1fr); row-gap: 2px; }
  [data-r="recovery"] > [data-r="plot"] > [data-part="days"] { grid-template-columns: minmax(0, 1fr); }
  [data-r="recovery"] > [data-r="plot"] > [data-part="days"] > svg { grid-column: 1; }
}
}

/* ═══ c2-body-return.css ═══ */
@layer components {
[data-r="return-to-training"] { display: block; min-width: 0; }
[data-r="return-to-training"] > [data-r="playbook"] > [data-part="steps"] { margin: 0 -12px; }
}

/* ═══ c2-body-sleep.css ═══ */
@layer components {
[data-r="sleep-nights"] { position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; container-type: inline-size; }
[data-r="sleep-nights"] > [data-r="legend"] > span > i[data-kind="track"] { width: 8px; height: 8px; border-radius: 2px; background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-4); }
[data-r="sleep-nights"] > [data-r="legend"] > span > i[data-kind="none"] { width: 8px; height: 8px; border-radius: 2px; background: none; outline: 1px dashed var(--line-5); outline-offset: -1px; }
[data-r="sleep-nights"] > [data-r="plot"] { height: 172px; touch-action: pan-y; }
[data-r="sleep-nights"] > [data-r="plot"] [data-mark="place"] { fill: transparent; transition: fill var(--state-out); }
[data-r="sleep-nights"] > [data-r="plot"] [data-mark="place"][data-on] { fill: var(--plane-hover); transition-duration: 0s; }
[data-r="sleep-nights"] > [data-r="plot"] [data-mark="track"] { fill: var(--well); stroke: var(--line-1); stroke-width: 1; transition: fill var(--state-out); }
[data-r="sleep-nights"] > [data-r="plot"] [data-mark="place"][data-on] ~ [data-mark="track"] { fill: var(--well-hover); transition-duration: 0s; }
[data-r="sleep-nights"] > [data-r="plot"] :is([data-mark="fill"], [data-mark="over"]) { fill: var(--body-sleep); stroke: none; }
[data-r="sleep-nights"] > [data-r="plot"] [data-mark="none"] { fill: none; stroke: var(--line-5); stroke-width: 1; stroke-dasharray: 3 3; }
[data-r="sleep-nights"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > b { min-width: 92px; }
[data-r="sleep-nights"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c2-body-weight.css ═══ */
@layer components {
[data-r="body-weight"] { position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); container-type: inline-size; }
[data-r="body-weight"] > [data-r="legend"] > span > i[data-kind="line"] { width: 14px; height: 2px; border-radius: 1px; background: var(--body-weight); }
[data-r="body-weight"] > [data-r="legend"] > span > i[data-kind="band"] { width: 14px; height: 8px; border-radius: 2px; background: var(--a10); }
[data-r="body-weight"] > [data-r="legend"] > span > i[data-kind="median"] { width: 14px; height: 1px; border-radius: 0; background: repeating-linear-gradient(90deg, var(--chart-reference) 0 4px, transparent 4px 7px); }
[data-r="body-weight"] > [data-r="legend"] > span > i[data-kind="missing"] { width: 14px; height: 8px; border-radius: 0; background: repeating-linear-gradient(45deg, var(--a20) 0 1.4px, transparent 1.4px 4px); }
[data-r="body-weight"] > [data-r="plot"] { height: var(--h, 208px); touch-action: pan-y; }
[data-r="body-weight"] > [data-r="plot"] text[data-mark="mark"] { paint-order: stroke; stroke: var(--raised); stroke-width: 3px; stroke-linejoin: round; }
[data-r="body-weight"] > [data-r="plot"] [data-mark="band"] { fill: var(--a5); }
[data-r="body-weight"] > [data-r="plot"] [data-mark="line"] { stroke: var(--body-weight); }
[data-r="body-weight"] > [data-r="plot"] [data-mark="point"] { fill: var(--body-weight); }
[data-r="body-weight"] > [data-r="plot"] [data-mark="point"][data-kind="lone"] { r: 1.5px; stroke: var(--raised); stroke-width: 2; paint-order: stroke; }
[data-r="body-weight"] > [data-r="plot"] [data-mark="point"]:is([data-kind="last"], [data-kind="day"]) { r: 4px; }
[data-r="body-weight"] > [data-r="plot"] [data-mark="weigh-in"][data-kind="last"] { r: 4px; fill: var(--raised); stroke: var(--body-weight); stroke-width: 1.5; }
[data-r="body-weight"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > b { min-width: 92px; }
[data-r="body-weight"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c2-body.css ═══ */
@layer components {
[data-r="lactate-test"] { position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; container-type: inline-size; }
[data-r="lactate-test"] > [data-r="plot"] { height: 220px; touch-action: pan-y; }
[data-r="lactate-test"] > [data-r="plot"] [data-mark="line"] { stroke: var(--ch-lactate); }
[data-r="lactate-test"] > [data-r="plot"] [data-mark="step"][data-kind="step"] { r: 3px; fill: var(--raised); stroke: var(--ch-lactate); stroke-width: 1.5; transition: fill var(--state-out), stroke var(--state-out), r var(--state-out); }
[data-r="lactate-test"] > [data-r="plot"] [data-mark="step"][data-kind="step"][data-on] { r: 4px; fill: var(--ch-lactate); stroke: var(--raised); stroke-width: 2; transition-duration: 0s; }
[data-r="lactate-test"] > [data-r="plot"] [data-mark="step"][data-kind="before"] { r: 3px; fill: var(--raised); stroke: var(--chart-reference); stroke-width: 1.5; }
[data-r="lactate-test"] > [data-r="plot"] > [data-part="knob"] { position: absolute; z-index: 1; width: 10px; height: 10px; translate: -50% -50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); pointer-events: none; }
[data-r="lactate-test"] > [data-r="plot"] text[data-mark="threshold"] { font-weight: var(--fw-500); fill: var(--ink); paint-order: stroke; stroke: var(--raised); stroke-width: 3px; stroke-linejoin: round; }
[data-r="lactate-test"] > [data-r="plot"] text[data-mark="threshold"] > [data-mark="name"] { font-weight: var(--fw-550); }
[data-r="lactate-test"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
[data-r="threshold-ruler"]:not([data-variant]) { position: relative; display: block; flex: 0 0 56%; height: 32px; margin-left: auto; }
[data-r="threshold-ruler"] > [data-part="track"] { position: absolute; left: 0; right: 0; bottom: 5px; height: 4px; border-radius: var(--r-press); background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); }
[data-r="threshold-ruler"] > [data-part="span"] { position: absolute; bottom: 5px; left: var(--a); width: calc(var(--b) - var(--a)); height: 4px; background: var(--ch-lactate); }
[data-r="threshold-ruler"][data-state="replaced"] > [data-part="span"] { background: var(--a35); }
[data-r="threshold-ruler"] > [data-part="knob"] { position: absolute; z-index: 1; bottom: 2px; left: var(--at); width: 10px; height: 10px; translate: -50% 0; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); }
[data-r="threshold-ruler"] > [data-part="label"] { position: absolute; top: 0; left: var(--x, var(--at)); translate: -50% 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="threshold-ruler"] > [data-part="label"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="threshold-ruler"][data-state="replaced"] > [data-part="label"] { color: var(--ink-3); }
[data-r="threshold-ruler"][data-state="replaced"] > [data-part="label"] > b { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="threshold-ruler"][data-variant="axis"] { position: relative; display: block; width: 56%; height: var(--lh-11); margin-left: auto; }
[data-r="threshold-ruler"][data-variant="axis"] > span { position: absolute; top: 0; left: var(--at); translate: -50% 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="threshold-ruler"][data-variant="axis"] > span:first-child { translate: 0 0; }
[data-r="threshold-ruler"][data-variant="axis"] > span:last-child { translate: -100% 0; }
}

/* ═══ c3-power-aerobic-fitness.css ═══ */
@layer components {
[data-r="aerobic-fitness"] { position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="aerobic-fitness"]:first-child { margin-top: 0; }
[data-r="aerobic-fitness"] > [data-r="legend"][hidden] { display: none; }
[data-r="aerobic-fitness"] > [data-r="legend"] > [data-name="point"] > i { --c: var(--chart-1); }
[data-r="aerobic-fitness"] > [data-r="legend"] > [data-name="median"] > i { --c: var(--ink); }
[data-r="aerobic-fitness"] > [data-r="plot"] { touch-action: pan-y; }
[data-r="aerobic-fitness"] > [data-r="plot"][hidden] { display: none; }
[data-r="aerobic-fitness"] > [data-r="plot"] [data-mark="point"] { fill: var(--chart-1); }
[data-r="aerobic-fitness"] > [data-r="plot"] [data-mark="few"] { paint-order: stroke; stroke: var(--plane); stroke-width: 4px; stroke-linejoin: round; }
[data-r="aerobic-fitness"] > [data-r="plot"] [data-mark="rule"] { stroke: var(--chart-axis); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="aerobic-fitness"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="point"] { --c: var(--chart-1); }
[data-r="aerobic-fitness"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="median"] { --c: var(--ink); }
[data-r="aerobic-fitness"] > [data-part="table"] > [data-part="scroll"] { overflow-x: auto; }
[data-r="aerobic-fitness"] > [data-part="table"] td { white-space: nowrap; }
[data-r="aerobic-fitness"] > [data-part="table"] [data-part="muted"] { color: var(--ink-3); }
[data-r="aerobic-fitness"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c3-power-compare.css ═══ */
@layer components {
[data-r="compare"] { --series: var(--ch-power); --reference: var(--chart-reference); position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="compare"]:first-child { margin-top: 0; }
[data-r="compare"] > [data-part="bar"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; min-height: var(--h-24); }
[data-r="compare"] > [data-part="bar"][hidden] { display: none; }
[data-r="compare"] > [data-part="bar"] > [data-part="against"] { display: flex; align-items: center; gap: 8px; min-width: 0; }
[data-r="compare"] > [data-part="bar"] > [data-part="against"][hidden] { display: none; }
[data-r="compare"] > [data-part="bar"] > [data-part="against"] > [data-part="label"] { flex: none; color: var(--ink-2); }
[data-r="compare"] > [data-part="bar"] > [data-part="against"] > [data-r="select"] { min-width: 0; }
[data-r="compare"] > [data-r="legend"][hidden] { display: none; }
[data-r="compare"] > [data-r="legend"] > [data-name="session"] > i { --c: var(--series); }
[data-r="compare"] > [data-r="legend"] > [data-name="against"] > i { --c: var(--reference); }
[data-r="compare"] > [data-r="plot"] { height: 220px; touch-action: pan-y; }
[data-r="compare"] > [data-r="plot"][hidden] { display: none; }
[data-r="compare"] > [data-r="plot"] :is([data-mark="point"], [data-mark="stem"])[data-name="session"] { --c: var(--series); }
[data-r="compare"] > [data-r="plot"] :is([data-mark="point"], [data-mark="stem"])[data-name="against"] { --c: var(--reference); }
[data-r="compare"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="session"] { --c: var(--series); }
[data-r="compare"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="against"] { --c: var(--reference); }
[data-r="compare"] > :is([data-part="table"], [data-part="sessions"]) > [data-part="scroll"] { overflow-x: auto; }
[data-r="compare"] > [data-part="table"][hidden],
[data-r="compare"] > [data-part="sessions"][hidden] { display: none; }
[data-r="compare"] > :is([data-part="table"], [data-part="sessions"]) :is(td, th) { white-space: nowrap; }
[data-r="compare"] > :is([data-part="table"], [data-part="sessions"]) [data-part="muted"] { color: var(--ink-3); }
[data-r="compare"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c3-power-critical-speed.css ═══ */
@layer components {
[data-r="critical-speed"] { --series: var(--ch-pace); position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="critical-speed"]:first-child { margin-top: 0; }
[data-r="critical-speed"] > [data-r="legend"][hidden],
[data-r="critical-speed"] > [data-r="legend"] > [hidden] { display: none; }
[data-r="critical-speed"] > [data-r="legend"] > :is([data-name="effort"], [data-name="fit"]) > i { --c: var(--series); }
[data-r="critical-speed"] > [data-r="plot"] { height: 220px; touch-action: pan-y; }
[data-r="critical-speed"] > [data-r="plot"][hidden] { display: none; }
[data-r="critical-speed"] > [data-r="plot"] [data-mark="line"][data-name="fit"] { stroke: var(--series); }
[data-r="critical-speed"] > [data-r="plot"] [data-mark="point"][data-name="effort"] { --c: var(--series); }
[data-r="critical-speed"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="effort"] { --c: var(--series); }
[data-r="critical-speed"] > [data-part="table"] > [data-part="scroll"] { overflow-x: auto; }
[data-r="critical-speed"] > [data-part="table"] td { white-space: nowrap; }
[data-r="critical-speed"] > [data-part="table"] [data-part="muted"] { color: var(--ink-3); }
[data-r="critical-speed"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c3-power-distribution.css ═══ */
@layer components {
[data-r="distribution"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; }
[data-r="distribution"] > [data-r="legend"] > [data-name="point"] > i { --c: var(--chart-1); }
[data-r="distribution"] > [data-r="legend"] > [data-name="median"] > i { --c: var(--ink); }
[data-r="distribution"] > [data-r="scene-chart"] { cursor: default; }
[data-r="banner"][data-part="mixed"] { margin-top: 12px; }
}

/* ═══ c3-power-efficiency.css ═══ */
@layer components {
[data-r="efficiency"] { position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="efficiency"]:first-child { margin-top: 0; }
[data-r="efficiency"][data-state="waiting"] > [data-part="figures"] { padding-bottom: 0; border-bottom: 0; }
[data-r="efficiency"] > [data-r="legend"][hidden],
[data-r="efficiency"] > [data-r="legend"] > [hidden] { display: none; }
[data-r="efficiency"] > [data-r="legend"] > :is([data-name="point"], [data-name="trend"]) > i { --c: var(--chart-1); }
[data-r="efficiency"] > [data-r="legend"] > [data-name="median"] > i { --c: var(--ink); }
[data-r="efficiency"] > [data-r="plot"] { height: 230px; touch-action: pan-y; }
[data-r="efficiency"] > [data-r="plot"][hidden] { display: none; }
[data-r="efficiency"] > [data-r="plot"] [data-mark="point"] { --c: var(--chart-1); }
[data-r="efficiency"] > [data-r="plot"] [data-mark="line"][data-name="trend"] { stroke: var(--chart-1); }
[data-r="efficiency"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="point"] { --c: var(--chart-1); }
[data-r="efficiency"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="median"] { --c: var(--ink); }
[data-r="efficiency"] > [data-part="table"] > [data-part="scroll"] { max-height: 306px; overflow: auto; border-radius: var(--r-row); }
[data-r="efficiency"] > [data-part="table"] > [data-part="scroll"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="efficiency"] > [data-part="table"] > [data-part="scroll"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="efficiency"] > [data-part="table"] thead th { position: sticky; top: 0; z-index: 1; background: var(--plane); }
[data-r="efficiency"] > [data-part="table"] td { white-space: nowrap; }
[data-r="efficiency"] > [data-part="table"] [data-part="muted"] { color: var(--ink-3); }
[data-r="efficiency"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c3-power-form.css ═══ */
@layer components {
[data-r="form-figure"] { position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); container-type: inline-size; }
[data-r="form-figure"]:first-child { margin-top: 0; }
[data-r="form-figure"] > [data-part="bar"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; min-height: var(--h-24); }
[data-r="form-figure"] > [data-part="bar"] > [data-r="segmented"] { flex: none; }
[data-r="form-figure"] [data-r="legend"] > [data-name="capacity"] > i { --c: var(--ch-capacity); }
[data-r="form-figure"] [data-r="legend"] > [data-name="pressure"] > i { --c: var(--ch-pressure); }
[data-r="form-figure"] [data-r="legend"] > [data-name="plan"] > i { --c: var(--ink); }
[data-r="form-figure"] > [data-r="plot"] { height: 306px; touch-action: pan-y; }
[data-r="form-figure"] > [data-r="plot"] [data-mark="line"] { stroke: var(--ink); }
[data-r="form-figure"] > [data-r="plot"] [data-mark="sign"][data-name="capacity"] { fill: var(--ch-capacity); }
[data-r="form-figure"] > [data-r="plot"] [data-mark="sign"][data-name="pressure"] { fill: var(--ch-pressure); }
[data-r="form-figure"] > [data-r="plot"] [data-mark="sign"] { stroke: none; opacity: .25; }
[data-r="form-figure"] > [data-r="plot"] line:is([data-mark="beyond"], [data-mark="settling"]) { stroke: var(--ink-4); stroke-width: 1; }
[data-r="form-figure"] > [data-r="plot"] [data-mark="sign"][data-kind="projection"] { fill-opacity: .5; }
[data-r="form-figure"] > [data-r="plot"] [data-mark="column"] { fill: var(--a20); stroke: none; }
[data-r="form-figure"] > [data-r="plot"] [data-mark="column"][data-kind="projection"] { fill: var(--a10); }
[data-r="form-figure"] > [data-r="plot"] [data-mark="column"][data-on] { fill: var(--ink-3); pointer-events: none; }
[data-r="form-figure"] > [data-r="plot"] [data-mark="today"] { fill: var(--plane); stroke: var(--ink); stroke-width: 2; }
[data-r="form-figure"] > [data-r="plot"] [data-mark="point"] { --c: var(--ink); }
[data-r="form-figure"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="form"] { --c: var(--ink); }
[data-r="form-figure"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="capacity"] { --c: var(--ch-capacity); }
[data-r="form-figure"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="pressure"] { --c: var(--ch-pressure); }
[data-r="form-figure"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="load"] { --c: var(--a35); }
[data-r="form-figure"] > [data-part="table"] > [data-part="scroll"] { max-height: 306px; overflow: auto; border-radius: var(--r-row); }
[data-r="form-figure"] > [data-part="table"] > [data-part="scroll"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="form-figure"] > [data-part="table"] > [data-part="scroll"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="form-figure"] > [data-part="table"] thead th { position: sticky; top: 0; z-index: 1; background: var(--plane); }
[data-r="form-figure"] > [data-part="table"] tr[data-part="divide"] > th { position: static; height: var(--row-24); border-bottom: 0; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
@media (hover: hover) {
  [data-r="form-figure"] > [data-part="table"] tr[data-part="divide"]:hover > th { background: none; }
}
[data-r="form-figure"] > [data-part="table"] tr[data-part="divide"][data-force~="hover"] > th { background: none; }
[data-r="form-figure"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c3-power-routes.css ═══ */
@layer components {
[data-r="repeated-routes"] { position: relative; display: flex; flex-direction: column; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="repeated-routes"]:first-child { margin-top: 0; }
[data-r="repeated-routes"] > [data-part="route"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
[data-r="repeated-routes"] > [data-part="route"]:empty { display: none; }
[data-r="repeated-routes"] [data-part="bar"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; min-height: var(--h-24); }
[data-r="repeated-routes"] [data-part="bar"][hidden] { display: none; }
[data-r="repeated-routes"] [data-part="bar"] > [data-r="segmented"] { flex: none; }
[data-r="repeated-routes"] [data-r="legend"] > :is([data-name="point"], [data-name="unsure"]) > i { width: 6px; height: 6px; border-radius: var(--r-round); background: var(--chart-1); }
[data-r="repeated-routes"] [data-r="legend"] > [data-name="unsure"] > i { background: var(--plane); box-shadow: inset 0 0 0 1.5px var(--ink-3); }
[data-r="repeated-routes"] [data-r="legend"] > [data-name="median"] > i { --c: var(--ink); }
[data-r="repeated-routes"] [data-part="route"] > [data-r="plot"] { height: 236px; touch-action: pan-y; }
[data-r="repeated-routes"] [data-part="route"] > [data-r="plot"][hidden] { display: none; }
[data-r="repeated-routes"] [data-r="plot"] [data-mark="point"] { --c: var(--chart-1); }
[data-r="repeated-routes"] [data-r="plot"] [data-mark="median"] { stroke-linecap: butt; shape-rendering: crispEdges; }
[data-r="repeated-routes"] [data-r="plot"] [data-mark="chosen"] { fill: none; stroke: var(--accent); stroke-width: 1; }
[data-r="repeated-routes"] [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="point"] { --c: var(--chart-1); }
[data-r="repeated-routes"] [data-part="route"] > [data-part="table"] > [data-part="scroll"] { max-height: 320px; overflow: auto; border-radius: var(--r-row); }
[data-r="repeated-routes"] [data-part="route"] > [data-part="table"] > [data-part="scroll"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="repeated-routes"] [data-part="route"] > [data-part="table"] > [data-part="scroll"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="repeated-routes"] [data-part="route"] > [data-part="table"] thead th { position: sticky; top: 0; z-index: 1; background: var(--plane); }
[data-r="repeated-routes"] [data-part="route"] > [data-part="table"] td:first-child { width: 24px; }
[data-r="repeated-routes"] [data-part="route"] > [data-part="table"] :is(th, td) { padding-left: 6px; padding-right: 6px; }
[data-r="repeated-routes"] [data-part="route"] > [data-part="table"] :is(th, td):not(:nth-child(2)) { white-space: nowrap; }
[data-r="repeated-routes"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c3-power-streaks.css ═══ */
@layer components {
[data-r="streaks"] { position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; margin-top: 16px; }
[data-r="streaks"]:first-child { margin-top: 0; }
[data-r="streaks"] > [data-r="plot"] { height: 46px; touch-action: pan-y; }
[data-r="streaks"] [data-r="plot"] [data-mark="cell"] { stroke: none; transition: none; }
[data-r="streaks"] [data-r="plot"] [data-mark="cell"][data-kind="kept"] { fill: var(--a20); }
[data-r="streaks"] [data-r="plot"] [data-mark="cell"][data-kind="kept"][data-now] { fill: var(--ink-2); }
[data-r="streaks"] [data-r="plot"] [data-mark="cell"][data-kind="spared"] { fill: var(--a5); }
[data-r="streaks"] [data-r="plot"] [data-mark="cell"][data-kind="ended"] { fill: none; stroke: var(--ink-4); stroke-width: 1; }
[data-r="streaks"] [data-r="plot"] [data-mark="cell"][data-kind="open"] { fill: none; stroke: var(--ink-3); stroke-width: 1; stroke-dasharray: 2 2; }
[data-r="streaks"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c3-power-traces.css ═══ */
@layer components {
[data-r="traces"] { position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="traces"]:first-child { margin-top: 0; }
[data-r="traces"] [data-r="chip"] > [data-part="key"] { flex: none; width: 10px; height: 2px; border-radius: 1px; background: var(--c, var(--ink-2)); }
[data-r="traces"] [data-r="chip"][aria-pressed="false"] > [data-part="key"] { background: var(--ink-4); }
[data-r="traces"] [data-part="key"][data-name="power"],
[data-r="traces"] [data-part="row"] > i[data-name="power"] { --c: var(--ch-power); }
[data-r="traces"] [data-part="key"][data-name="hr"],
[data-r="traces"] [data-part="row"] > i[data-name="hr"] { --c: var(--ch-hr); }
[data-r="traces"] [data-part="key"][data-name="cadence"],
[data-r="traces"] [data-part="row"] > i[data-name="cadence"] { --c: var(--ch-cadence); }
[data-r="traces"] [data-part="key"][data-name="speed"],
[data-r="traces"] [data-part="row"] > i[data-name="speed"] { --c: var(--ch-speed); }
[data-r="traces"] [data-part="key"][data-name="pace"],
[data-r="traces"] [data-part="row"] > i[data-name="pace"] { --c: var(--ch-pace); }
[data-r="traces"] [data-part="key"][data-name="elevation"],
[data-r="traces"] [data-part="row"] > i[data-name="elevation"] { --c: var(--ch-elevation); }
[data-r="traces"] [data-part="key"][data-name="reserve"],
[data-r="traces"] [data-part="row"] > i[data-name="reserve"] { --c: var(--ink-2); }
[data-r="traces"] [data-part="row"] > i[data-name="cp"] { --c: var(--chart-reference); }
[data-r="traces"] [data-r="chip"] > [data-part="key"][data-name="reserve"] { background: repeating-linear-gradient(90deg, var(--c) 0 4px, transparent 4px 6px); }
[data-r="traces"] [data-r="chip"][aria-pressed="false"] > [data-part="key"][data-name="reserve"] { background: repeating-linear-gradient(90deg, var(--ink-4) 0 4px, transparent 4px 6px); }
[data-r="traces"] > [data-r="plot"] { touch-action: pan-y; }
[data-r="traces"] > [data-r="plot"][hidden] { display: none; }
[data-r="traces"] > [data-r="plot"] [data-mark="line"][data-name="power"] { stroke: var(--ch-power); }
[data-r="traces"] > [data-r="plot"] [data-mark="area"][data-name="power"] { fill: var(--ch-power); }
[data-r="traces"] > [data-r="plot"] [data-mark="line"][data-name="hr"] { stroke: var(--ch-hr); }
[data-r="traces"] > [data-r="plot"] [data-mark="line"][data-name="cadence"] { stroke: var(--ch-cadence); }
[data-r="traces"] > [data-r="plot"] [data-mark="line"][data-name="speed"] { stroke: var(--ch-speed); }
[data-r="traces"] > [data-r="plot"] [data-mark="line"][data-name="pace"] { stroke: var(--ch-pace); }
[data-r="traces"] > [data-r="plot"] [data-mark="line"][data-name="elevation"] { stroke: var(--ch-elevation); }
[data-r="traces"] > [data-r="plot"] [data-mark="ground"] { fill: var(--ch-elevation); stroke: none; opacity: .35; }
[data-r="traces"] > [data-r="plot"] [data-mark="line"][data-name="reserve"] { stroke: var(--ink-2); }
[data-r="traces"] > [data-r="plot"] [data-mark="point"][data-name="lowest"] { --c: var(--ink-2); }
[data-r="traces"] > [data-r="plot"] [data-mark="point"][data-name="at"][data-lane="power"] { --c: var(--ch-power); }
[data-r="traces"] > [data-r="plot"] [data-mark="point"][data-name="at"][data-lane="hr"] { --c: var(--ch-hr); }
[data-r="traces"] > [data-r="plot"] [data-mark="point"][data-name="at"][data-lane="cadence"] { --c: var(--ch-cadence); }
[data-r="traces"] > [data-r="plot"] [data-mark="point"][data-name="at"][data-lane="speed"] { --c: var(--ch-speed); }
[data-r="traces"] > [data-r="plot"] [data-mark="point"][data-name="at"][data-lane="pace"] { --c: var(--ch-pace); }
[data-r="traces"] > [data-r="plot"] [data-mark="point"][data-name="at"][data-lane="elevation"] { --c: var(--ink-3); }
[data-r="traces"] > [data-r="plot"] [data-mark="point"][data-name="at"][data-lane="reserve"] { --c: var(--ink-2); }
[data-r="traces"] > [data-part="table"] > [data-part="scroll"] { max-height: 306px; overflow: auto; border-radius: var(--r-row); }
[data-r="traces"] > [data-part="table"] > [data-part="scroll"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="traces"] > [data-part="table"] > [data-part="scroll"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="traces"] > [data-part="table"] thead th { position: sticky; top: 0; z-index: 1; background: var(--plane); }
[data-r="traces"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c3-power.css ═══ */
@layer components {
[data-r="power-curve"] { --series: var(--ch-power); position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; margin-top: 16px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); container-type: inline-size; }
[data-r="power-curve"][data-sport="run"] { --series: var(--ch-pace); }
[data-r="power-curve"]:first-child { margin-top: 0; }
[data-r="power-curve"] > [data-part="work"] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; padding-bottom: 20px; }
[data-r="power-curve"] > [data-part="work"] > [data-part="label"] { color: var(--ink-2); }
[data-r="power-curve"] > [data-part="work"] > [data-part="value"] { min-width: 64px; text-align: right; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="power-curve"] [data-r="slider"] > [data-part="stops"] { position: absolute; left: 0; right: 0; top: 24px; height: 16px; pointer-events: none; }
[data-r="power-curve"] [data-r="slider"] > [data-part="stops"] > span { position: absolute; left: var(--at); transform: translateX(-50%); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="power-curve"] [data-r="slider"] > [data-part="stops"] > span:first-child { transform: none; }
[data-r="power-curve"] [data-r="slider"] > [data-part="stops"] > span:last-child { transform: translateX(-100%); }
[data-r="power-curve"] [data-r="slider"] > [data-part="beyond"] { position: absolute; top: 8px; left: var(--at); right: 0; height: 4px; border-radius: 0 var(--r-press) var(--r-press) 0; background: repeating-linear-gradient(-45deg, var(--a20) 0 1.4px, transparent 1.4px 4px), var(--plane); pointer-events: none; }
[data-r="power-curve"] > [data-r="legend"] > [data-name="fresh"] > i { --c: var(--chart-reference); }
[data-r="power-curve"] > [data-r="legend"] > [data-name="after"] > i { --c: var(--series); }
[data-r="power-curve"] > [data-r="plot"] { height: 210px; touch-action: pan-y; }
[data-r="power-curve"] > [data-r="plot"] [data-mark="line"][data-name="fresh"] { stroke: var(--chart-reference); stroke-width: 1.5; }
[data-r="power-curve"] > [data-r="plot"] [data-mark="line"][data-name="after"] { stroke: var(--series); }
[data-r="power-curve"] > [data-r="plot"] [data-mark="point"][data-name="fresh"] { --c: var(--chart-reference); }
[data-r="power-curve"] > [data-r="plot"] [data-mark="point"][data-name="after"] { --c: var(--series); }
[data-r="power-curve"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="fresh"] { --c: var(--chart-reference); }
[data-r="power-curve"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-name="after"] { --c: var(--series); }
[data-r="power-curve"] > [data-part="table"] > [data-part="scroll"] { overflow-x: auto; }
[data-r="power-curve"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@container (max-width: 340px) {
  [data-r="power-curve"] > [data-part="work"] { grid-template-columns: minmax(0, 1fr) auto; }
  [data-r="power-curve"] > [data-part="work"] > [data-r="slider"] { grid-column: 1 / -1; grid-row: 2; }
  [data-r="power-curve"] > [data-part="work"] > [data-part="value"] { min-width: 0; }
}
}

/* ═══ c4-fuel-caffeine.css ═══ */
@layer components {
[data-r="caffeine"] { --series: var(--ink-2); position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; margin-top: 12px; }
[data-r="caffeine"] > [data-r="legend"] > [data-name="left"] > i { --c: var(--series); }
[data-r="caffeine"] > [data-r="plot"] { height: 220px; touch-action: pan-y; }
[data-r="caffeine"] > [data-r="plot"] [data-mark="line"] { stroke: var(--series); }
[data-r="caffeine"] > [data-r="plot"] [data-mark="point"] { --c: var(--series); }
[data-r="caffeine"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i { --c: var(--series); }
[data-r="caffeine"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-kind="block"] { background: var(--a5); }
[data-r="caffeine"] > [data-r="plot"] > [data-part="handle"]::after { background: var(--series); }
[data-r="caffeine"] > [data-r="plot"] > [data-part="handle"][data-held] { z-index: 3; scale: 1.14; cursor: grabbing; }
[data-r="caffeine"] > [data-r="plot"] > [data-part="empty"] { position: absolute; inset: 20px 14px 36px 36px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; pointer-events: none; }
[data-r="caffeine"] > [data-r="plot"] > [data-part="empty"] > :is(b, span) { padding: 0 8px; background: var(--plane); }
[data-r="caffeine"] > [data-r="plot"] > [data-part="empty"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="caffeine"] > [data-r="plot"] > [data-part="empty"] > span { padding-top: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="caffeine"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c4-fuel-gut.css ═══ */
@layer components {
[data-r="gut-ladder"] { position: relative; display: block; min-width: 0; margin-top: 12px; }
[data-r="gut-ladder"] > [data-r="plot"] { height: 200px; touch-action: pan-y; }
[data-r="gut-ladder"] > [data-r="plot"] [data-mark="line"] { stroke: var(--ch-carb); }
[data-r="gut-ladder"] > [data-r="plot"] [data-mark="point"] { --c: var(--ch-carb); }
[data-r="gut-ladder"] > [data-r="plot"] [data-mark="under"] { fill: none; stroke: var(--plane); stroke-width: 4; }
[data-r="gut-ladder"] > [data-r="plot"] [data-mark="open"] { fill: var(--raised); stroke: var(--ch-carb); stroke-width: 2; }
[data-r="gut-ladder"] > [data-r="plot"] [data-mark="open"][data-kind="planned"] { stroke-width: 1.5; stroke-dasharray: 2.5 2; }
[data-r="gut-ladder"] > [data-r="plot"] [data-mark="open"][data-on] { stroke: var(--ink); }
[data-r="gut-ladder"] > [data-r="plot"] > [data-part="tip"] > [data-part="session"] { max-width: 220px; margin-top: 3px; white-space: normal; color: var(--ink-2); text-wrap: pretty; }
[data-r="gut-ladder"] > [data-r="plot"] > [data-part="empty"] { position: absolute; inset: 18px 14px 22px 36px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; pointer-events: none; }
[data-r="gut-ladder"] > [data-r="plot"] > [data-part="empty"] > :is(b, span) { padding: 0 8px; background: var(--plane); }
[data-r="gut-ladder"] > [data-r="plot"] > [data-part="empty"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="gut-ladder"] > [data-r="plot"] > [data-part="empty"] > span { padding-top: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="gut-ladder"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c4-fuel-oxidation.css ═══ */
@layer components {
[data-r="cho-oxidation"] { position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; margin-top: 12px; }
[data-r="cho-oxidation"] > [data-r="legend"] > :is([data-name="burned"], [data-name="range"]) > i { --c: var(--ch-carb); }
[data-r="cho-oxidation"]:is([data-state="waiting"], [data-state="not-available"]) > [data-r="legend"] { display: none; }
[data-r="cho-oxidation"] > [data-r="plot"] { height: 220px; touch-action: pan-y; }
[data-r="cho-oxidation"] > [data-r="plot"] [data-mark="line"] { stroke: var(--ch-carb); }
[data-r="cho-oxidation"] > [data-r="plot"] [data-mark="area"] { fill: var(--ch-carb); }
[data-r="cho-oxidation"] > [data-r="plot"] [data-mark="point"] { --c: var(--ch-carb); }
[data-r="cho-oxidation"] > [data-r="plot"] [data-mark="stores"] { stroke: var(--ink-2); stroke-width: 2; stroke-linecap: butt; }
[data-r="cho-oxidation"] > [data-r="plot"] > [data-part="empty"] { position: absolute; inset: 14px 14px 24px 36px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; pointer-events: none; }
[data-r="cho-oxidation"] > [data-r="plot"] > [data-part="empty"] > :is(b, span) { padding: 0 8px; background: var(--plane); }
[data-r="cho-oxidation"] > [data-r="plot"] > [data-part="empty"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="cho-oxidation"] > [data-r="plot"] > [data-part="empty"] > span { padding-top: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="cho-oxidation"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c4-fuel-products.css ═══ */
@layer components {
[data-r="certification"] { display: inline-flex; align-items: center; flex: none; gap: 6px; height: 16px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink); white-space: nowrap; vertical-align: middle; }
[data-r="certification"] > svg[data-glyph] { color: var(--ink); }
[data-r="certification"][data-value="not-tested"] > svg[data-glyph] { color: var(--ink-3); }
[data-r="certification"][data-variant="word"] > span:not([data-r]) { color: var(--ink-2); }
}

/* ═══ c4-fuel-sweat-tests.css ═══ */
@layer components {
[data-r="sweat-tests"] { --series: var(--ink-2); position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; margin-top: 12px; }
[data-r="sweat-tests"] > [data-r="plot"] { height: 200px; touch-action: pan-y; }
[data-r="sweat-tests"] > [data-r="plot"] [data-mark="point"] { --c: var(--series); }
[data-r="sweat-tests"] > [data-r="plot"] [data-mark="whisker"] { fill: none; stroke: var(--series); stroke-width: 1.5; stroke-linecap: round; }
[data-r="sweat-tests"] > [data-r="plot"] [data-mark="whisker"][data-on] { stroke: var(--ink); }
[data-r="sweat-tests"] > [data-r="plot"] :is([data-mark="point"], [data-mark="whisker"])[data-old] { opacity: .45; }
[data-r="sweat-tests"] > [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i { --c: var(--series); }
[data-r="sweat-tests"] > [data-r="plot"] > [data-part="tip"] > [data-part="session"] { max-width: 220px; margin-top: 3px; white-space: normal; color: var(--ink-2); text-wrap: pretty; }
[data-r="sweat-tests"] > [data-r="plot"] > [data-part="empty"] { position: absolute; inset: 18px 14px 32px 36px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; pointer-events: none; }
[data-r="sweat-tests"] > [data-r="plot"] > [data-part="empty"] > :is(b, span) { padding: 0 8px; background: var(--plane); }
[data-r="sweat-tests"] > [data-r="plot"] > [data-part="empty"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="sweat-tests"] > [data-r="plot"] > [data-part="empty"] > span { padding-top: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="sweat-tests"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c5-race-after.css ═══ */
@layer components {
[data-r="after-the-race"] { position: relative; display: flex; flex-direction: column; width: 100%; min-width: 0; }
[data-r="after-the-race"] > [data-part="plot"] { height: 210px; touch-action: pan-y; }
[data-r="after-the-race"] > [data-part="plot"][hidden] { display: none; }
[data-r="after-the-race"] [data-mark="line"][data-name="session"] { stroke: var(--ch-glycogen); }
[data-r="after-the-race"] [data-mark="line"][data-name="plan"] { stroke: var(--ink-4); stroke-width: 1.5; }
[data-r="after-the-race"] [data-mark="feed"] { stroke: var(--chart-axis); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="after-the-race"] [data-mark="stop-word"] { paint-order: stroke; stroke: var(--plane); stroke-width: 4px; stroke-linejoin: round; }
[data-r="after-the-race"] > [data-part="plot"] > [data-part="knob"] { position: absolute; z-index: 2; width: 10px; height: 10px; translate: -50% -50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); pointer-events: none; }
[data-r="after-the-race"] > [data-part="plot"] > [data-part="tag"] { z-index: 1; translate: none; }
[data-r="after-the-race"] > [data-part="plot"] > :is([data-part="knob"], [data-part="tag"])[hidden] { display: none; }
[data-r="after-the-race"] > [data-part="plot"] > [data-part="tip"] > [data-part="note"] { margin-top: 3px; color: var(--ink-3); }
[data-r="after-the-race"] > [data-part="plot"] > [data-part="tip"][hidden] { display: none; }
[data-r="after-the-race"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c5-race-ask.css ═══ */
@layer components {
[data-r="race-ask"] { position: relative; display: flex; flex-direction: column; width: 100%; min-width: 0; }
[data-r="race-ask"] > [data-part="plot"] { height: 264px; touch-action: pan-y; }
[data-r="race-ask"][data-lanes="1"] > [data-part="plot"] { height: 168px; }
[data-r="race-ask"] > [data-part="plot"][hidden] { display: none; }
[data-r="race-ask"] [data-mark="line"] { stroke: var(--ink-2); }
[data-r="race-ask"] [data-part="plot"] text:is([data-mark="lane-word"], [data-mark="ref-word"]) { paint-order: stroke; stroke: var(--plane); stroke-width: 4px; stroke-linejoin: round; }
[data-r="race-ask"] > [data-part="plot"] > [data-part="knob"] { position: absolute; z-index: 2; width: 10px; height: 10px; translate: -50% -50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); pointer-events: none; }
[data-r="race-ask"] > [data-part="plot"] > [data-part="knob"][hidden] { display: none; }
[data-r="race-ask"] > [data-part="plot"] > [data-part="tip"] > [data-part="note"] { margin-top: 3px; color: var(--ink-3); }
[data-r="race-ask"] > [data-part="plot"] > [data-part="tip"][hidden] { display: none; }
[data-r="race-ask"] > [data-part="table"] { --plane: var(--raised); min-width: 0; }
[data-r="race-ask"] > [data-part="table"][hidden] { display: none; }
[data-r="race-ask"] > [data-part="table"] > [data-part="scroll"] { max-height: 264px; overflow: auto; }
[data-r="race-ask"] > [data-part="table"] th { padding: 0 8px; }
[data-r="race-ask"] > [data-part="table"] td { padding: 0 8px; }
[data-r="race-ask"] > [data-part="table"] td > [data-r="reading-state"] { vertical-align: -2px; }
[data-r="race-ask"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c5-race-demand.css ═══ */
@layer components {
[data-r="route-demand"] { position: relative; display: flex; flex-direction: column; width: 100%; min-width: 0; container-type: inline-size; }
[data-r="route-demand"] > [data-part="body"] { display: grid; grid-template-columns: minmax(0, 1fr) 304px; column-gap: 24px; align-items: start; }
[data-r="route-demand"] > [data-part="body"] > [data-part="plot"] { height: 324px; touch-action: pan-y; }
[data-r="route-demand"] > [data-part="body"] > [data-part="plot"][hidden] { display: none; }
[data-r="route-demand"] [data-mark="ground"] { fill: var(--ch-elevation); fill-opacity: .45; stroke: none; }
[data-r="route-demand"] [data-mark="feed"] { stroke: var(--chart-axis); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="route-demand"] > [data-part="body"] > [data-part="table"] { --plane: var(--raised); min-width: 0; }
[data-r="route-demand"] > [data-part="body"] > [data-part="table"][hidden] { display: none; }
[data-r="route-demand"] > [data-part="body"] > [data-part="table"] > [data-part="scroll"] { max-height: 324px; overflow: auto; }
[data-r="route-demand"] > [data-part="body"] > [data-part="table"] :is(th, td) { padding: 0 8px; }
[data-r="route-demand"] > [data-part="body"] > [data-part="table"] :is(th, td):first-child { padding-left: 0; }
[data-r="route-demand"] > [data-part="body"] > [data-part="table"] td[data-band="low"] { color: var(--ink-3); }
[data-r="route-demand"] > [data-part="body"] > [data-part="table"] td[data-band="high"] { font-weight: var(--fw-550); color: var(--ink); }
[data-r="route-demand"] > [data-part="body"] > [data-part="table"] tr[aria-selected="true"] > td[data-band="low"] { color: var(--ink-2); }
[data-r="route-demand"] > [data-part="body"] > [data-part="asks"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; min-height: 244px; padding-top: 2px; }
[data-r="route-demand"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@container (max-width: 700px) {
  [data-r="route-demand"] > [data-part="body"] { grid-template-columns: minmax(0, 1fr); row-gap: 12px; }
  [data-r="route-demand"] > [data-part="body"] > [data-part="asks"] { min-height: 0; padding-top: 10px; border-top: var(--px) solid var(--line-1); }
  [data-r="route-demand"] > [data-part="body"] > [data-part="table"] :is(th, td)[data-col="time"] { display: none; }
}
}

/* ═══ c5-race-fueling.css ═══ */
@layer components {
[data-r="fueling"] { position: relative; display: flex; flex-direction: column; gap: 12px; width: 100%; min-width: 0; container-type: inline-size; }
[data-r="fueling"] > [data-part="plot"] { height: 348px; touch-action: pan-y; }
[data-r="fueling"] > [data-part="plot"][hidden] { display: none; }
[data-r="fueling"] [data-mark="ground"] { fill: var(--ch-elevation); fill-opacity: .45; stroke: none; }
[data-r="fueling"] [data-mark="rail"] { stroke: var(--line-5); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="fueling"] [data-mark="feed"] { stroke: var(--chart-axis); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="fueling"] [data-mark="line"]:is([data-name="hour"], [data-name="board"]) { stroke: var(--ch-carb); }
[data-r="fueling"] [data-mark="line"][data-name="bottles"] { stroke: var(--ch-fluid); }
[data-r="fueling"] [data-mark="area"][data-name="board"] { fill: var(--ch-carb); }
[data-r="fueling"] [data-mark="area"][data-name="bottles"] { fill: var(--ch-fluid); }
[data-r="fueling"] [data-part="plot"] text:is([data-mark="lane-word"], [data-mark="ref-word"]) { paint-order: stroke; stroke: var(--plane); stroke-width: 4px; stroke-linejoin: round; }
[data-r="fueling"] > [data-part="plot"] > [data-part="handle"] { cursor: ew-resize; }
[data-r="fueling"] > [data-part="plot"] > [data-part="handle"][data-held] { scale: 1.14; transition-duration: 0s; }
[data-r="fueling"][data-locked] > [data-part="plot"] > [data-part="handle"] { cursor: default; }
[data-r="fueling"] > [data-part="plot"] > [data-part="tag"][hidden] { display: none; }
[data-r="fueling"] > [data-part="plot"] > [data-part="tip"] > [data-part="note"] { margin-top: 3px; color: var(--ink-3); }
[data-r="fueling"] > [data-part="plot"] > [data-part="tip"][hidden] { display: none; }
[data-r="fueling"] > [data-part="table"] { --plane: var(--raised); min-width: 0; }
[data-r="fueling"] > [data-part="table"][hidden] { display: none; }
[data-r="fueling"] > [data-part="table"] > [data-part="scroll"] { max-height: 348px; overflow: auto; }
[data-r="fueling"] > [data-part="table"] :is(th, td) { padding: 0 8px; }
[data-r="fueling"] > [data-part="table"] :is(th, td):first-child { padding-left: 0; }
[data-r="fueling"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@container (max-width: 480px) {
  [data-r="fueling"] > [data-part="table"] :is(th, td):is([data-col="km"], [data-col="hour"]) { display: none; }
}
}

/* ═══ c5-race-modifiers.css ═══ */
@layer components {
[data-r="modifiers"] { position: relative; display: flex; flex-direction: column; width: 100%; min-width: 0; }
[data-r="modifiers"] > [data-part="plot"] { height: 180px; touch-action: pan-y; }
[data-r="modifiers"] > [data-part="plot"][hidden] { display: none; }
[data-r="modifiers"] [data-mark="line"][data-name="minutes"] { stroke: var(--ink-2); }
[data-r="modifiers"] [data-mark="turn-line"] { stroke: var(--chart-axis); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="modifiers"] > [data-part="plot"] > [data-part="tip"] > [data-part="note"] { margin-top: 3px; color: var(--ink-3); }
[data-r="modifiers"] > [data-part="plot"] > [data-part="tip"][hidden] { display: none; }
[data-r="modifiers"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c5-race-pacing.css ═══ */
@layer components {
[data-r="pacing"] { position: relative; display: flex; flex-direction: column; gap: 12px; width: 100%; min-width: 0; }
[data-r="pacing"] > [data-part="plot"] { height: 240px; touch-action: pan-y; }
[data-r="pacing"] > [data-part="plot"][hidden] { display: none; }
[data-r="pacing"] [data-mark="ground"] { fill: var(--ch-elevation); fill-opacity: .45; stroke: none; }
[data-r="pacing"] [data-mark="line"][data-kind="power"] { stroke: var(--ch-power); }
[data-r="pacing"] [data-mark="area"] { fill: var(--ch-power); }
[data-r="pacing"] [data-mark="ref-word"] { paint-order: stroke; stroke: var(--plane); stroke-width: 4px; stroke-linejoin: round; }
[data-r="pacing"] > [data-part="plot"] > [data-part="grip"]::before { content: ""; position: absolute; inset: -6px -2px; }
[data-r="pacing"] > [data-part="plot"] > [data-part="grip"][data-held]::after { scale: 1.14; transition-duration: 0s; }
[data-r="pacing"] > [data-part="plot"] > [data-part="tag"][hidden] { display: none; }
[data-r="pacing"] > [data-part="plot"] > [data-part="tip"] > [data-part="note"] { margin-top: 3px; color: var(--ink-3); }
[data-r="pacing"] > [data-part="plot"] > [data-part="tip"][hidden] { display: none; }
[data-r="pacing"] > [data-part="nothing"] { display: flex; align-items: center; justify-content: center; min-height: 240px; margin: 0; padding: 16px; border-radius: var(--r-row); outline: 1px dashed var(--line-5); outline-offset: -1px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); text-align: center; text-wrap: balance; }
[data-r="pacing"] > [data-part="nothing"][hidden] { display: none; }
[data-r="pacing"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c5-race-taper.css ═══ */
@layer components {
[data-r="taper-grid"] { position: relative; display: flex; flex-direction: column; gap: 12px; width: 100%; min-width: 0; container-type: inline-size; }
[data-r="taper-grid"] > [data-part="body"] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px 28px; align-items: start; }
[data-r="taper-grid"] > [data-part="body"] > * { min-width: 0; }
@container (min-width: 760px) {
  [data-r="taper-grid"] > [data-part="body"] { grid-template-columns: minmax(0, 440px) minmax(0, 1fr); }
}
[data-r="taper-grid"] [data-part="choose"] { display: flex; flex-direction: column; gap: 8px; }
[data-r="taper-grid"] [data-part="grid"] { display: grid; grid-template-columns: max-content repeat(3, minmax(0, 1fr)); gap: 4px; align-items: stretch; }
[data-r="taper-grid"] [data-part="grid"] > [role="row"] { display: contents; }
[data-r="taper-grid"] [role="columnheader"] { padding: 0 10px 2px; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="taper-grid"] [role="columnheader"] > [data-part="long"] { font-weight: var(--fw-450); }
[data-r="taper-grid"] [role="rowheader"] { display: flex; align-items: center; padding-right: 8px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-r="taper-grid"] [data-part="cell"] { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 2px; min-width: 0; min-height: var(--row-52); padding: 8px 10px; border: 0; border-radius: var(--r-row); background: none; color: var(--ink-2); font: inherit; text-align: left; cursor: default; outline: none; transition: background-color var(--state-out); }
[data-r="taper-grid"] [data-part="cell"][data-reference] { box-shadow: inset 0 0 0 var(--px) var(--line-4); }
@media (hover: hover) {
  [data-r="taper-grid"] [data-part="cell"]:not([aria-disabled="true"]):hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="taper-grid"] [data-part="cell"]:not([aria-disabled="true"])[data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="taper-grid"] [data-part="cell"]:focus-visible { background-color: var(--plane-hover); outline: 1px solid var(--accent); outline-offset: -1px; transition-duration: 0s; }
[data-r="taper-grid"] [data-part="cell"][data-force~="focus"] { background-color: var(--plane-hover); outline: 1px solid var(--accent); outline-offset: -1px; transition-duration: 0s; }
[data-r="taper-grid"] [data-part="cell"][aria-selected="true"] { background-color: var(--plane-selected); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="taper-grid"] [data-part="cell"][aria-selected="true"]:hover { background-color: var(--plane-selected-hover); }
}
[data-r="taper-grid"] [data-part="cell"][aria-selected="true"][data-force~="hover"] { background-color: var(--plane-selected-hover); }
[data-r="taper-grid"] [data-part="cell"][aria-selected="true"]:focus-visible { background-color: var(--plane-selected-hover); }
[data-r="taper-grid"] [data-part="cell"][aria-selected="true"][data-force~="focus"] { background-color: var(--plane-selected-hover); }
[data-r="taper-grid"] [data-part="cell"] > [data-part="figure"] { display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: baseline; column-gap: 6px; white-space: nowrap; }
[data-r="taper-grid"] [data-part="cell"] > [data-part="figure"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; text-align: right; }
[data-r="taper-grid"] [data-part="cell"] > [data-part="figure"] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; }
[data-r="taper-grid"] [data-part="cell"][aria-selected="true"] > [data-part="figure"] > span { color: var(--ink-2); }
[data-r="taper-grid"] [data-part="cell"] > [data-r="skeleton"] { width: 56px; }
[data-r="taper-grid"] [data-part="cell"] > [data-part="mark"] { position: absolute; top: 6px; right: 6px; width: 16px; height: 16px; color: var(--accent-glyph); }
[data-r="taper-grid"] [data-part="cell"][aria-selected="true"] > [data-part="mark"]::before { content: ""; display: block; width: 5px; height: 9.5px; margin: 1.75px 0 0 5.5px; /* allow: spacing · the drawn check, as in the menu */ border: solid currentColor; border-width: 0 1.6px 1.6px 0; transform: rotate(42deg); }
[data-r="taper-grid"] [data-part="cell"][aria-disabled="true"] { box-shadow: none; outline: 1px dashed var(--line-5); outline-offset: -1px; }
[data-r="taper-grid"] [data-part="cell"][aria-disabled="true"]:focus-visible { outline: 1px solid var(--accent); }
[data-r="taper-grid"] [data-part="cell"][aria-disabled="true"][data-force~="focus"] { outline: 1px solid var(--accent); }
[data-r="taper-grid"] [data-part="cell"] > [data-part="why"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-wrap: balance; }
[data-r="taper-grid"] [data-part="race-day"] { display: flex; flex-direction: column; gap: 8px; }
[data-r="taper-grid"] [data-part="race-day"][hidden] { display: none; }
[data-r="taper-grid"] [data-part="plot"] { height: 176px; touch-action: pan-y; }
[data-r="taper-grid"] [data-mark="line"][data-name="form"] { stroke: var(--ch-form); }
[data-r="taper-grid"] [data-mark="line"][data-name="capacity"] { stroke: var(--ch-capacity); }
[data-r="taper-grid"] [data-mark="today"] { stroke: var(--chart-axis); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="taper-grid"] [data-part="plot"] > [data-part="tip"][hidden] { display: none; }
[data-r="taper-grid"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@container (max-width: 480px) {
  [data-r="taper-grid"] [data-part="grid"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-r="taper-grid"] [role="columnheader"]:empty { display: none; }
  [data-r="taper-grid"] [role="columnheader"] { padding: 0 8px; }
  [data-r="taper-grid"] [role="columnheader"] > [data-part="long"] { display: none; }
  [data-r="taper-grid"] [role="rowheader"] { grid-column: 1 / -1; padding: 6px 8px 0; }
  [data-r="taper-grid"] [data-part="cell"] { padding: 8px 6px; }
  [data-r="taper-grid"] [data-part="cell"] > [data-part="figure"] { display: flex; flex-wrap: wrap; column-gap: 4px; }
  [data-r="taper-grid"] [data-part="cell"] > [data-part="figure"] > b { flex: none; width: 26px; }
  [data-r="taper-grid"] [data-part="cell"] > [data-part="figure"] > span { flex: none; overflow: visible; }
  [data-r="taper-grid"] [data-part="cell"] > [data-part="mark"] { top: 2px; right: 2px; }
}
}

/* ═══ c5-race.css ═══ */
@layer components {
[data-r="glycogen-route"] { position: relative; display: flex; flex-direction: column; gap: 10px; width: 100%; min-width: 0; }
[data-r="glycogen-route"] > [data-part="plot"] { height: 210px; touch-action: pan-y; }
[data-r="glycogen-route"] > [data-part="plot"][hidden] { display: none; }
[data-r="glycogen-route"] [data-mark="line"][data-kind="chosen"] { stroke: var(--ch-glycogen); }
[data-r="glycogen-route"] [data-mark="line"][data-kind="other"] { stroke: var(--line-5); stroke-width: 1.5; }
[data-r="glycogen-route"] [data-mark="feed"] { stroke: var(--chart-axis); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="glycogen-route"] > [data-part="plot"] > [data-part="knob"] { position: absolute; z-index: 2; width: 10px; height: 10px; translate: -50% -50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); pointer-events: none; }
[data-r="glycogen-route"] > [data-part="plot"] > [data-part="tag"] { z-index: 1; translate: none; }
[data-r="glycogen-route"] > [data-part="plot"] > :is([data-part="knob"], [data-part="tag"])[hidden] { display: none; }
[data-r="glycogen-route"] > [data-part="plot"] > [data-part="tip"] > [data-part="note"] { margin-top: 3px; color: var(--ink-3); }
[data-r="glycogen-route"] > [data-part="plot"] > [data-part="tip"][hidden] { display: none; }
[data-r="glycogen-route"] > [data-part="nothing"] { display: flex; align-items: center; justify-content: center; min-height: 210px; margin: 0; padding: 16px; border-radius: var(--r-row); outline: 1px dashed var(--line-5); outline-offset: -1px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); text-align: center; text-wrap: balance; }
[data-r="glycogen-route"] > [data-part="nothing"][hidden] { display: none; }
[data-r="glycogen-route"] > [data-part="table"] > [data-part="scroll"] { max-height: 280px; overflow: auto; }
[data-r="glycogen-route"] > [data-part="table"][hidden] { display: none; }
[data-r="glycogen-route"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* ═══ c6-account-chat-card.css ═══ */
@layer components {
[data-r="chat-card"][data-variant="shared"] [hidden] { display: none; }
[data-r="chat-card"][data-variant="shared"] > [data-part="from"] { display: flex; align-items: center; gap: 6px; min-width: 0; margin-top: -4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="chat-card"][data-variant="shared"] > [data-part="from"] > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="chat-card"][data-variant="shared"] > [data-r="scene-chart"][data-part="picture"] { width: 100%; }
[data-r="chat-card"][data-variant="shared"] > [data-r="workout"][data-part="picture"] { width: 100%; }
[data-r="chat-card"][data-variant="shared"] > [data-part="figures"] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 12px; margin: 0; }
[data-r="chat-card"][data-variant="shared"] > [data-part="figures"] > div { display: flex; flex-direction: column-reverse; min-width: 0; }
[data-r="chat-card"][data-variant="shared"] > [data-part="figures"] dt { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="chat-card"][data-variant="shared"] > [data-part="figures"] dd { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="chat-card"][data-variant="shared"] > [data-part="notice"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0; padding-top: 8px; border-top: var(--px) solid var(--line-2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); text-wrap: pretty; }
[data-r="chat-card"][data-variant="shared"] > [data-part="notice"] > span { flex: 1 1 200px; min-width: 0; }
[data-r="chat-card"][data-variant="shared"] > [data-part="notice"] > [data-r="button"] { flex: none; }
[data-r="chat-card"][data-variant="shared"] > [data-part="error"] { display: flex; align-items: flex-start; gap: 6px; margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--danger-ink); text-wrap: pretty; }
[data-r="chat-card"][data-variant="shared"] > [data-part="error"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); margin-top: 1px; }
[data-r="chat-card"][data-variant="shared"] > [data-part="actions"] { flex-wrap: wrap; }
[data-r="chat-card"][data-variant="shared"] > [data-part="means"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-wrap: pretty; }
[data-r="chat-card"][data-variant="shared"] > [data-part="saved"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 2px; min-height: var(--h-24); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="chat-card"][data-variant="shared"] > [data-part="saved"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--success-ink); }
[data-r="chat-card"][data-variant="shared"] > [data-part="saved"] > span { flex: 1 1 calc(100% - 20px); min-width: 0; }
[data-r="chat-card"][data-variant="shared"][data-original="deleted"][data-copy="none"] > [data-part="figures"] dd { color: var(--ink-2); }
@media (max-width: 560px) {
  [data-r="chat-card"][data-variant="shared"] > :is([data-part="actions"], [data-part="saved"], [data-part="notice"]) > [data-r="button"] { --h: var(--h-36); }
  [data-r="chat-card"][data-variant="shared"] > [data-part="actions"] > [data-r="button"] { flex: 1 1 0; }
  [data-r="chat-card"][data-variant="shared"] > [data-part="saved"] > [data-r="button"] { flex: 1 1 0; }
}
}

/* ═══ c6-account-delete.css ═══ */
@layer components {
[data-r="account-deleted"] { display: flex; flex-direction: column; gap: 16px; width: 340px; max-width: 100%; padding: 24px 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="account-deleted"] [hidden] { display: none; }
[data-r="account-deleted"] > [data-part="mark"] { display: flex; align-items: center; height: 20px; margin-bottom: 16px; color: var(--ink); }
[data-r="account-deleted"] > [data-part="mark"] > svg { width: auto; height: 14px; }
[data-r="account-deleted"] > [data-part="title"] { margin: 0; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); outline: none; text-wrap: balance; }
[data-r="account-deleted"] > [data-part="lead"] { margin: -8px 0 0; text-wrap: pretty; }
[data-r="account-deleted"] > [data-part="who"] { display: flex; align-items: center; gap: 8px; height: var(--h-28); margin-top: -4px; }
[data-r="account-deleted"] > [data-part="who"] > [data-part="address"] { flex: 1; min-width: 0; overflow: hidden; font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
[data-r="account-deleted"] > [data-part="offline"] { margin: 0; }
[data-r="account-deleted"] > [data-part="ways"] { display: flex; flex-direction: column; gap: 8px; }
[data-r="account-deleted"] > [data-part="ways"] > [data-r="button"] { width: 100%; justify-content: center; }
[data-r="account-deleted"] > [data-part="message"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="account-deleted"] > [data-part="message"]:empty { display: none; }
[data-r="account-deleted"] > [data-part="message"][data-tone="danger"] { color: var(--danger-ink); }
[data-r="shell"][data-door] > [data-part="door"] > [data-part="column"] > [data-r="account-deleted"] { width: 100%; padding: 0; }
[data-r="shell"][data-door] > [data-part="door"] > [data-part="column"] > [data-r="account-deleted"] > [data-part="title"] { margin-top: clamp(80px, 16cqh, 120px); }
[data-r="shell"][data-door] > [data-part="door"] > [data-part="column"] > [data-r="account-deleted"] > [data-part="mark"] { position: absolute; top: 22px; left: 24px; margin: 0; }
[data-r="shell"][data-door]:not([data-door="sign-in"][data-account="deleted"]) > [data-part="door"] > [data-part="column"] > [data-r="account-deleted"]:not([data-leaving]) { display: none; }
[data-r="shell"][data-door="sign-in"][data-account="deleted"] > [data-part="door"] > [data-part="column"] > [data-r="sign-in"] { display: none; }
[data-r="shell"][data-door][data-narrow] > [data-part="door"] > [data-part="column"] > [data-r="account-deleted"] > [data-part="mark"] { left: 16px; }
@media (max-width: 560px) {
  [data-r="account-deleted"] [data-r="button"][data-size="32"] { --h: var(--h-44); }
}
}

/* ═══ c6-account-session-log.css ═══ */
@layer components {
[data-r="session-log"],
[data-r="session-search"] { display: flex; flex-direction: column; width: 100%; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
:is([data-r="session-log"], [data-r="session-search"]) [hidden] { display: none; }
[data-r="session-log"] > [data-part="head"] { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px 8px 20px; }
[data-r="session-log"] > [data-part="head"] > [data-part="title"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-r="session-log"] > [data-part="head"] > [data-part="title"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="session-log"] > [data-part="head"] > [data-part="title"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; text-wrap: pretty; }
[data-r="session-log"] > [data-part="end"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px 16px 16px 20px; border-top: var(--px) solid var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="session-log"] > [data-part="end"] > [data-part="says"] { flex: 1 1 200px; min-width: 0; text-wrap: pretty; }
:is([data-r="session-log"], [data-r="session-search"]) > [data-part="nothing"] { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 0; padding: 24px 20px 28px; }
:is([data-r="session-log"], [data-r="session-search"]) > [data-part="nothing"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
:is([data-r="session-log"], [data-r="session-search"]) > [data-part="nothing"] > span { max-width: 52ch; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-wrap: pretty; }
:is([data-r="session-log"], [data-r="session-search"]) > [data-part="nothing"] > [data-r="button"] { margin-top: 8px; }
[data-r="session-log"][data-state="waiting"] [data-r="list-row"] { pointer-events: none; }
[data-r="session-log"][data-state="waiting"] [data-r="list-row"] > [data-part="title"] > [data-r="skeleton"] { display: block; width: min(220px, 70%); }
[data-r="session-log"][data-state="waiting"] [data-r="list-row"] > [data-col] > [data-r="skeleton"] { display: block; width: 36px; }
[data-r="session-search"] > [data-part="saved"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding: 8px 12px 8px 16px; }
[data-r="session-search"] > [data-part="saved"] > [data-r="tabs"] { flex: 0 1 auto; min-width: 0; flex-wrap: wrap; }
[data-r="session-search"] > [data-part="saved"] > [data-part="spacer"] { flex: 1 1 0; }
[data-r="session-search"] > [data-part="name"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0; padding: 0 12px 8px 16px; }
[data-r="session-search"] > [data-part="name"] > label { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="session-search"] > [data-part="name"] > [data-r="field"] { flex: 1 1 200px; max-width: 320px; }
[data-r="session-search"] > [data-part="name"] > [data-part="reason"] { flex: 1 1 100%; margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--danger-ink); }
[data-r="session-search"] > [data-part="name"] > [data-part="reason"]:empty { display: none; }
[data-r="session-search"] [data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-part="why"] { grid-row: 2; grid-column: var(--lead) / -1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="session-search"] [data-r="list"][data-mode="grid"] [data-r="list-row"] { align-content: center; row-gap: 1px; }
[data-r="session-search"] [data-r="list-row"]:is([aria-selected="true"], [data-highlighted]) > [data-part="why"] { color: var(--ink-2); }
@container collection (width < 620px) {
  [data-r="session-search"] [data-r="list"][data-mode="grid"] [data-r="list-row"] { flex-wrap: wrap; }
  [data-r="session-search"] [data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-part="title"] { flex: 1 1 0; }
  [data-r="session-search"] [data-r="list"][data-mode="grid"] [data-r="list-row"] > [data-part="why"] { flex: 0 0 calc(100% - 42px); margin-left: auto; }
}
[data-r="session-search"] > [data-part="none"] { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 24px 20px 28px; }
[data-r="session-search"] > [data-part="none"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="session-search"] > [data-part="none"] > span { max-width: 52ch; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-wrap: pretty; }
[data-r="session-search"] > [data-part="none"] > ul { display: flex; flex-direction: column; width: min(520px, 100%); margin: 12px 0 0; padding: 0; list-style: none; }
[data-r="session-search"] > [data-part="none"] > ul > li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; column-gap: 12px; min-height: var(--row-36); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="session-search"] > [data-part="none"] > ul > li + li { border-top: var(--px) solid var(--line-2); }
[data-r="session-search"] > [data-part="none"] > ul > li > [data-part="filter"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
[data-r="session-search"] > [data-part="none"] > ul > li > [data-part="would"] { color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); white-space: nowrap; }
[data-r="session-search"] > [data-part="none"] > ul > li[data-zero] > [data-part="filter"] { color: var(--ink-2); }
@media (max-width: 560px) {
  [data-r="session-search"] > [data-part="none"] > ul > li { grid-template-columns: minmax(0, 1fr) auto; row-gap: 4px; padding: 8px 0; }
  [data-r="session-search"] > [data-part="none"] > ul > li > [data-part="filter"] { grid-column: 1 / -1; white-space: normal; }
  [data-r="session-search"] > [data-part="none"] [data-r="button"] { --h: var(--h-36); }
}
[data-r="session-search"] > [data-part="keys"],
[data-r="session-log"] > [data-part="keys"] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin: 0; padding: 10px 16px 12px 20px; border-top: var(--px) solid var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
:is([data-r="session-search"], [data-r="session-log"]) > [data-part="keys"] > span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
@media (hover: none) {
  :is([data-r="session-search"], [data-r="session-log"]) > [data-part="keys"] { display: none; }
}
}

/* ═══ c7-rooms-week.css ═══ */
@layer components {
[data-r="week-line"] { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 0; padding: 2px 8px 14px; font-variant-numeric: tabular-nums; }
[data-r="week-line"] [data-part="stat"] { display: flex; flex-direction: column; flex: 0 1 auto; gap: 5px; min-width: 0; }
[data-r="week-line"] [data-part="stat"][data-key="budget"] { flex: 1 1 220px; }
[data-r="week-line"] [data-part="stat"] > :is(dt, [data-part="term"]) { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; }
[data-r="week-line"] [data-part="stat"] > :is(dd, [data-part="value"]) { display: flex; align-items: center; gap: 5px; min-height: 19px; margin: 0; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); white-space: nowrap; }
[data-r="week-line"] [data-part="stat"] > dd > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="week-line"] [data-part="stat"] > dd > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--ink-3); }
[data-r="week-line"] [data-part="stat"][data-key="rs"] > dd > b + span { margin-right: 6px; }
[data-r="week-line"] [data-part="stat"] > dd > [data-r="budget-bar"] { flex: 1 1 120px; max-width: 220px; margin-right: 6px; overflow: visible; }
[data-r="week-line"] [data-part="stat"] > dd > [data-part="budget-text"] { flex: none; overflow: visible; }
[data-r="week-line"] [data-part="stat"] > dd > [data-part="budget-text"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="week-line"] [data-part="stat"] > dd > [data-part="budget-text"] > span { color: var(--ink-3); }
[data-r="week-line"] [data-part="progress"] { display: inline-flex; flex: none; gap: 2px; margin-right: 6px; overflow: visible; }
[data-r="week-line"] [data-part="progress"] > i { width: 8px; height: 4px; border-radius: var(--r-press); background: var(--a10); }
[data-r="week-line"] [data-part="progress"] > i[data-done] { background: var(--ink-2); }
[data-r="week-line"] [data-part="progress"] > i[data-today] { background: var(--accent); }
[data-r="week-line"][data-state="empty"] { display: block; padding: 40px 8px; }
[data-r="week-line"] > [data-part="nothing"] { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin: 0; max-width: 56ch; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="week-line"] > [data-part="nothing"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="week-line"] > [data-part="nothing"] > [data-r="button"] { margin-top: 8px; }
[data-r="week-line"][data-state="waiting"] [data-part="value"] > [data-r="skeleton"] { max-width: 220px; }
[data-r="week-line"] [data-part="stat"][data-key="hard"] > dd { display: block; white-space: normal; }
[data-r="week-line"] [data-part="stat"][data-key="hard"] > dd > b { margin-right: 5px; }
[data-r="week-line"] [data-part="stat"][data-key="hard"] > dd > span { overflow: visible; }
@container page (width < 600px) {
  [data-r="week-line"]:not([data-state="empty"]) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 16px; }
  [data-r="week-line"] [data-part="stat"] > dd { flex-wrap: wrap; white-space: normal; }
  [data-r="page"][data-room="week"] > [data-r="page-header"] [data-part="position"] { display: none; }
}
[data-r="fold"][data-variant="week"] { --fold-indent: 140px; }
[data-r="fold"][data-variant="week"] [data-part="titles"] > [data-r="badge"] { flex: none; }
[data-r="fold"][data-variant="week"] [data-part="titles"] > [data-part="rest"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="fold"][data-variant="week"] [data-part="titles"] > [data-part="session"][hidden] { display: none; }
[data-r="fold"][data-variant="week"] [data-part="session-row"] { cursor: default; outline: none; transition: background-color var(--state-out); }
[data-r="fold"][data-variant="week"] [data-part="session-row"][hidden] { display: none; }
@media (hover: hover) {
  [data-r="fold"][data-variant="week"] [data-part="session-row"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="fold"][data-variant="week"] [data-part="session-row"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="fold"][data-variant="week"] [data-part="session-row"]:focus-visible { outline: none; background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="fold"][data-variant="week"] [data-part="session-row"][data-force~="focus"] { outline: none; background-color: var(--plane-hover); transition-duration: 0s; }
[data-r="fold"][data-variant="week"] :is([data-part="plan"], [data-part="match"]) { margin: 0; padding: 0 8px 0 var(--fold-indent); }
[data-r="fold"][data-variant="week"] :is([data-part="plan"], [data-part="match"])[hidden] { display: none; }
[data-r="fold"][data-variant="week"] [data-part="plan"] > span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 72ch; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); text-wrap: pretty; }
[data-r="fold"][data-variant="week"] [data-part="plan"][data-empty] > span { color: var(--ink-3); }
[data-r="fold"][data-variant="week"] [data-part="match"] { display: flex; align-items: center; gap: 6px; min-height: 20px; margin-bottom: 8px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="fold"][data-variant="week"] [data-part="plan"]:not(:has(+ [data-part="match"])) { margin-bottom: 8px; }
[data-r="fold"][data-variant="week"] [data-part="match"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="fold"][data-variant="week"] [data-part="match"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="fold"][data-variant="week"] [data-part="match"][data-match="none"] > span { color: var(--ink-2); }
[data-r="fold"][data-variant="week"] > [data-part="waiting"] { display: grid; grid-template-columns: var(--fold-cols); align-items: center; column-gap: 8px; height: 44px; padding: 0 8px; box-shadow: inset 0 calc(-1 * var(--px)) 0 var(--line-1); font-weight: var(--fw-550); color: var(--ink-3); }
[data-r="fold"][data-variant="week"] > [data-part="waiting"] > [data-r="skeleton"] { justify-self: end; }
[data-r="fold"][data-variant="week"] > [data-part="waiting"] > [data-r="skeleton"]:nth-child(4) { justify-self: start; }
[data-r="fold"][data-variant="week"] [data-part="inner"] > [data-part="hard"] { display: none; align-items: center; gap: 8px; margin: 0 0 8px; padding: 0 8px 0 var(--fold-indent); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
@container page (width < 600px) {
  [data-r="fold"][data-variant="week"] { --fold-indent: 80px; }
  [data-r="fold"][data-variant="week"] [data-part="titles"] > [data-r="badge"] { display: none; }
  [data-r="fold"][data-variant="week"] [data-part="day"][data-hard] > [data-part="row"] > [data-part="num"]:nth-child(6) { font-weight: var(--fw-550); }
  [data-r="fold"][data-variant="week"] [data-part="inner"] > [data-part="hard"] { display: flex; }
  [data-r="fold"][data-variant="week"] > [data-part="waiting"] > :is(:nth-child(3), :nth-child(n+7)) { visibility: hidden; }
}
[data-r="day-food"] { display: flex; flex-direction: column; gap: 10px; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; container-type: inline-size; }
[data-r="day-food"] > [data-part="tracks"] { display: flex; flex-direction: column; }
[data-r="day-food"] > [data-part="tracks"] > [data-part="row"] { display: grid; grid-template-columns: 104px minmax(80px, 220px) 132px minmax(0, 1fr); align-items: center; column-gap: 12px; min-height: 36px; box-shadow: inset 0 calc(-1 * var(--px)) 0 var(--line-1); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="day-food"] > [data-part="tracks"] > [data-part="row"] > [data-part="name"] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="day-food"] > [data-part="tracks"] > [data-part="row"] > [data-part="figure"] { white-space: nowrap; color: var(--ink-3); }
[data-r="day-food"] > [data-part="tracks"] > [data-part="row"] > [data-part="figure"] > b { font-weight: var(--fw-550); color: var(--ink); }
[data-r="day-food"] > [data-part="tracks"] > [data-part="row"] > [data-part="says"] { min-width: 0; color: var(--ink-3); }
[data-r="day-food"] > [data-part="tracks"] > [data-part="row"] > [data-part="says"] > b { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="day-food"] > [data-part="tracks"] > [data-part="row"][data-empty] { grid-template-columns: 104px 132px minmax(0, 1fr); }
[data-r="day-food"] > [data-part="note"] { margin: 0; max-width: 72ch; color: var(--ink-2); }
[data-r="day-food"] > [data-part="note"] > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="day-food"] > [data-part="do"] { display: flex; gap: 8px; }
@container (width < 520px) {
  [data-r="day-food"] > [data-part="tracks"] > [data-part="row"] { grid-template-columns: minmax(0, 1fr) auto; row-gap: 4px; padding: 8px 0; }
  [data-r="day-food"] > [data-part="tracks"] > [data-part="row"] > [data-part="name"] { grid-row: 1; grid-column: 1; }
  [data-r="day-food"] > [data-part="tracks"] > [data-part="row"] > [data-part="figure"] { grid-row: 1; grid-column: 2; }
  [data-r="day-food"] > [data-part="tracks"] > [data-part="row"] > [data-r="budget-bar"] { grid-row: 2; grid-column: 1 / -1; }
  [data-r="day-food"] > [data-part="tracks"] > [data-part="row"] > [data-part="says"] { grid-row: 3; grid-column: 1 / -1; }
  [data-r="day-food"] > [data-part="tracks"] > [data-part="row"][data-empty] { grid-template-columns: minmax(0, 1fr) auto; }
  [data-r="day-food"] > [data-part="tracks"] > [data-part="row"][data-empty] > [data-part="says"] { grid-row: 2; }
}
}

/* ═══ c8-chat-objects.css ═══ */
@layer components {
[data-r="chat-card"]:is([data-kind="session"], [data-kind="week"], [data-kind="stretch"]) [hidden] { display: none; }
[data-r="chat-card"] > [data-part="kind"] > [data-part="state"] { margin-left: auto; font-weight: var(--fw-500); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="chat-card"][data-object="done"] > [data-part="kind"] > [data-part="state"] { color: var(--success-ink); }
[data-r="chat-card"] > [data-r="workout"] { width: 100%; }
[data-r="chat-card"] > [data-part="changed"] { display: flex; flex-direction: column; gap: 6px; padding: 8px 10px; border-radius: var(--r-row); background: var(--well); }
[data-r="chat-card"] > [data-part="changed"] > [data-part="head"] { display: flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="chat-card"] > [data-part="changed"] > [data-part="head"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-2)); }
[data-r="chat-card"] > [data-part="changed"] > dl { display: flex; flex-direction: column; gap: 4px; margin: 0; }
[data-r="chat-card"] > [data-part="changed"] > dl > div { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 8px; align-items: baseline; }
[data-r="chat-card"] > [data-part="changed"] dt { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="chat-card"] > [data-part="changed"] dd { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; margin: 0; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); font-variant-numeric: tabular-nums; }
[data-r="chat-card"] > [data-part="changed"] dd > s { color: var(--ink-3); text-decoration-color: var(--ink-4); }
[data-r="chat-card"] > [data-part="changed"] dd > span { font-weight: var(--fw-550); color: var(--ink); }
[data-r="chat-card"] > [data-part="changed"] > [data-part="by"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="chat-card"] > [data-part="against"] { display: flex; flex-direction: column; gap: 2px; margin: 0; }
[data-r="chat-card"] > [data-part="against"] > div { display: grid; grid-template-columns: minmax(0, 1fr) 72px 72px; column-gap: 8px; align-items: baseline; }
[data-r="chat-card"] > [data-part="against"] > [data-part="head"] > span { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); text-align: right; }
[data-r="chat-card"] > [data-part="against"] dt { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="chat-card"] > [data-part="against"] dd { margin: 0; text-align: right; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="chat-card"] > [data-part="against"] dd:last-child { font-weight: var(--fw-550); color: var(--ink); }
[data-r="chat-card"] > [data-part="sent"],
[data-r="chat-card"] > [data-part="gone"] { display: flex; align-items: flex-start; gap: 6px; margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); text-wrap: pretty; }
[data-r="chat-card"] > :is([data-part="sent"], [data-part="gone"]) > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); margin-top: -1px; color: var(--thing, var(--ink-2)); }
[data-r="chat-card"] > [data-part="sent"] { display: none; }
[data-r="chat-card"][data-view="sent"] > [data-part="sent"] { display: flex; }
[data-r="chat-card"][data-view="sent"] > :is([data-part="changed"], [data-part="against"], [data-part="answer"]) { display: none; }
[data-r="chat-card"][data-view="sent"] > [data-part="actions"] > [data-r="button"]:not([data-part="view"]) { display: none; }
[data-r="chat-card"] > [data-part="actions"] > [data-part="view"] { margin-left: auto; }
[data-r="chat-card"] > [data-part="answer"] > [data-part="view"] { margin-left: 0; }
[data-r="chat-card"][data-object="deleted"] > [data-part="title"] { text-decoration-line: line-through; text-decoration-color: var(--ink-4); }
[data-r="chat-card"][data-object="deleted"] > [data-r="workout"] { opacity: .4; }
[data-r="chat-card"][data-object="locked"] > :is([data-part="meta"], [data-r="workout"], [data-part="changed"], [data-part="against"]) { display: none; }
[data-r="chat-card"] > [data-part="days"] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
[data-r="chat-card"] > [data-part="days"] > li { display: grid; grid-template-columns: 56px 16px minmax(0, 1fr) auto; column-gap: 8px; align-items: center; min-height: var(--row-28); border-top: var(--px) solid var(--line-2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="chat-card"] > [data-part="days"] > li:first-child { border-top: 0; }
[data-r="chat-card"] > [data-part="days"] > li > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-2)); }
[data-r="chat-card"] > [data-part="days"] > li > b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink); }
[data-r="chat-card"] > [data-part="days"] > li > b > [data-part="tag"] { display: inline-flex; align-items: center; gap: 4px; margin-left: 6px; padding: 0 6px; height: var(--h-20); border-radius: var(--r-round); box-shadow: inset 0 0 0 var(--px) var(--line-4); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="chat-card"] > [data-part="days"] > li > b > [data-part="tag"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="chat-card"] > [data-part="days"] > li[data-state="suggested"] > b { color: var(--ink-2); }
[data-r="chat-card"] > [data-part="days"] > li[data-state="suggested"] > b > [data-part="tag"] { outline: var(--px) dashed var(--line-5); outline-offset: -1px; box-shadow: none; }
[data-r="chat-card"] > [data-part="days"] > li > span:last-child { text-align: right; }
[data-r="chat-card"][data-kind="stretch"] > [data-part="trace"] { display: block; width: 100%; height: 64px; overflow: visible; border-bottom: var(--px) solid var(--line-2); }
[data-r="chat-card"] > [data-part="trace"] [data-part="power"] { fill: none; stroke: var(--ch-power); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
[data-r="chat-card"] > [data-part="trace"] [data-part="power-area"] { fill: var(--ch-power-area); stroke: none; opacity: .5; }
[data-r="chat-card"] > [data-part="trace"] [data-part="target"] { fill: none; stroke: var(--ink-3); stroke-width: 1; stroke-dasharray: 3 3; }
[data-r="chat-card"] > [data-part="trace"] [data-part="hr"] { fill: none; stroke: var(--ch-hr); stroke-width: 1; stroke-linejoin: round; opacity: .8; }
[data-r="chat-card"] > [data-part="ends"] { display: flex; justify-content: space-between; margin-top: -4px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="chat-card"]:is([data-kind="stretch"], [data-kind="session"]) > [data-part="figures"] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 10px; margin: 0; }
[data-r="chat-card"]:is([data-kind="stretch"], [data-kind="session"]) > [data-part="figures"] > div { display: flex; flex-direction: column-reverse; min-width: 0; }
[data-r="chat-card"]:is([data-kind="stretch"], [data-kind="session"]) > [data-part="figures"] dt { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="chat-card"]:is([data-kind="stretch"], [data-kind="session"]) > [data-part="figures"] dd { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="trace-select"] { position: relative; display: flex; flex-direction: column; gap: 6px; outline: none; touch-action: pan-y; cursor: crosshair; }
[data-r="trace-select"] > [data-part="area"] { position: relative; height: 120px; }
[data-r="trace-select"] [data-part="plot"] { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
[data-r="trace-select"] [data-part="plot"] [data-part="power"] { fill: none; stroke: var(--ch-power); stroke-width: 1.25; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
[data-r="trace-select"] [data-part="plot"] [data-part="power-area"] { fill: var(--ch-power-area); opacity: .45; }
[data-r="trace-select"] [data-part="plot"] [data-part="target"] { fill: none; stroke: var(--ink-3); stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
[data-r="trace-select"] [data-part="mark"],
[data-r="trace-select"] [data-part="band"] { position: absolute; top: 0; bottom: 0; left: calc(var(--from) * 100%); width: max(2px, calc(var(--len) * 100%)); box-sizing: border-box; border-radius: var(--r-row); }
[data-r="trace-select"] [data-part="mark"] { background: var(--line-2); box-shadow: inset 0 0 0 var(--px) var(--line-3); pointer-events: auto; cursor: default; }
[data-r="trace-select"] [data-part="mark"]::after { content: attr(data-count); position: absolute; top: -8px; left: 50%; translate: -50% 0; min-width: 16px; height: 16px; padding: 0 4px; box-sizing: border-box; border-radius: var(--r-round); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); display: grid; place-items: center; font-size: var(--fs-9); line-height: 1; font-weight: var(--fw-550); color: var(--ink-2); font-variant-numeric: tabular-nums; }
@media (hover: hover) {
  [data-r="trace-select"] [data-part="mark"]:hover { background: var(--line-3); transition-duration: 0s; }
}
[data-r="trace-select"] [data-part="mark"][data-force~="hover"] { background: var(--line-3); transition-duration: 0s; }
[data-r="trace-select"] [data-part="band"] { background: var(--selection); box-shadow: 0 0 0 1px var(--accent); }
[data-r="trace-select"] [data-part="handle"] { position: absolute; z-index: 1; top: 50%; width: 10px; height: 10px; translate: -50% -50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); touch-action: none; cursor: ew-resize; transition: transform var(--state-out); }
[data-r="trace-select"] [data-part="handle"][data-side="start"] { left: 0; }
[data-r="trace-select"] [data-part="handle"][data-side="end"] { left: 100%; }
[data-r="trace-select"] [data-part="handle"]::before { content: ""; position: absolute; inset: -7px; border-radius: inherit; }
@media (hover: hover) {
  [data-r="trace-select"] [data-part="handle"]:hover { transform: scale(1.2); transition-duration: 0s; }
}
[data-r="trace-select"] [data-part="handle"][data-force~="hover"] { transform: scale(1.2); transition-duration: 0s; }
[data-r="trace-select"]:focus-visible [data-part="band"] { box-shadow: 0 0 0 1px var(--accent), 0 0 0 3px rgb(var(--ring-rgb) / var(--ring)); }
[data-r="trace-select"][data-force~="focus"] [data-part="band"] { box-shadow: 0 0 0 1px var(--accent), 0 0 0 3px rgb(var(--ring-rgb) / var(--ring)); }
[data-r="trace-select"] > [data-part="said"] { min-height: var(--lh-12); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="trace-select"] > [data-part="said"]:empty::before { content: attr(data-hint); color: var(--ink-3); }
[data-r="trace-select"] > [data-part="axis"] { display: flex; justify-content: space-between; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  [data-r="trace-select"] [data-part="handle"] { transition: none; }
}
}

/* ═══ e2-doc-figure.css ═══ */
@layer components {
[data-r="doc-figure"] { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; row-gap: 6px; min-width: 0; margin: 0; padding: 8px 12px 12px; border-radius: var(--r-value); background: var(--well); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); cursor: default; outline: none; transition: box-shadow var(--state-out); }
[data-r="doc-figure"]:focus-visible { box-shadow: 0 0 0 1px var(--accent); transition-duration: 0s; }
[data-r="doc-figure"][data-force~="focus"] { box-shadow: 0 0 0 1px var(--accent); transition-duration: 0s; }
[data-r="doc-figure"] > [data-part="head"] { display: flex; align-items: center; gap: 6px; min-width: 0; min-height: var(--h-20); }
[data-r="doc-figure"] > [data-part="head"] > svg[data-icon] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--thing, var(--ink-3)); }
[data-r="doc-figure"] > [data-part="head"] > [data-part="name"] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink); }
[data-r="doc-figure"] > [data-part="as-of"] { display: flex; align-items: center; gap: 6px; min-width: 0; min-height: var(--h-20); color: var(--ink-3); }
[data-r="doc-figure"] > [data-part="as-of"] > [data-part="when"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="doc-figure"] > [data-part="as-of"] > [data-part="update"] { flex: none; margin-left: auto; margin-right: -6px; }
[data-r="doc-figure"] > [data-part="head"] > [data-part="more"] { flex: none; margin-right: -6px; }
[data-r="doc-figure"] > [data-part="value"] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; row-gap: 2px; min-width: 0; }
[data-r="doc-figure"] > [data-part="value"] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="doc-figure"] > [data-part="value"] > b > [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="doc-figure"] > [data-part="value"] > [data-part="context"] { min-width: 0; color: var(--ink-3); }
[data-r="doc-figure"] > [data-part="value"] > [data-r="delta"] { align-self: center; }
[data-r="doc-figure"][data-series="capacity"] { --c: var(--ch-capacity); }
[data-r="doc-figure"][data-series="form"] { --c: var(--ch-form); }
[data-r="doc-figure"][data-series="power"] { --c: var(--ch-power); }
[data-r="doc-figure"][data-series="load"] { --c: var(--ch-load); }
[data-r="doc-figure"][data-series="carb"] { --c: var(--ch-carb); }
[data-r="doc-figure"][data-series="elevation"] { --c: var(--ch-elevation); }
[data-r="doc-figure"] > [data-part="spark"] { position: relative; height: 40px; min-width: 0; margin-top: 2px; }
[data-r="doc-figure"] > [data-part="spark"] > svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
[data-r="doc-figure"] > [data-part="spark"] path[data-part="line"] { fill: none; stroke: var(--c, var(--ink-2)); stroke-width: 1.5px; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
[data-r="doc-figure"] > [data-part="spark"] path[data-part="ahead"] { fill: none; stroke: var(--c, var(--ink-2)); stroke-opacity: .32; stroke-width: 1.5px; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
[data-r="doc-figure"] > [data-part="spark"] path[data-part="area"] { fill: var(--c, var(--ink-2)); fill-opacity: .08; stroke: none; }
[data-r="doc-figure"] > [data-part="spark"] line[data-part="ref"] { stroke: var(--chart-reference); stroke-width: 1px; stroke-dasharray: 4 3; vector-effect: non-scaling-stroke; }
[data-r="doc-figure"] > [data-part="spark"] > i { position: absolute; width: 6px; height: 6px; border-radius: var(--r-round); background: var(--c, var(--ink-2)); box-shadow: 0 0 0 1.5px var(--well); translate: -50% -50%; pointer-events: none; }
[data-r="doc-figure"] > [data-part="spark"] > i[data-part="at"] { background: var(--well); box-shadow: inset 0 0 0 1.5px var(--c, var(--ink-2)); }
[data-r="doc-figure"] > [data-part="spark"] > i[hidden] { display: none; }
[data-r="doc-figure"] > [data-part="why"] { margin: 0; color: var(--ink-2); text-wrap: pretty; }
[data-r="doc-figure"][data-state="updating"] > :is([data-part="value"], [data-part="spark"], [data-r="list-row"]) { opacity: .5; transition: opacity var(--state-out); }
[data-r="doc-figure"][data-state="updating"] > [data-part="as-of"] { color: var(--ink-2); }
[data-r="doc-figure"]:is([data-state="not-available"], [data-state="waiting"]) > [data-part="value"] > b { color: var(--ink-3); }
[data-r="doc-figure"][data-kept] > [data-part="as-of"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="doc-figure"][data-kind="passage"] { row-gap: 8px; padding-bottom: 8px; }
[data-r="doc-figure"] > [data-part="words"] { margin: 0; padding: 0; color: var(--ink); white-space: pre-wrap; overflow-wrap: break-word; outline: none; }
[data-r="doc-figure"] > [data-part="words"] { font-size: var(--fs-14); line-height: var(--lh-14); font-weight: var(--fw-450); }
[data-r="doc-figure"]:is([data-state="quote"], [data-state="orphaned"]) > [data-part="words"] { color: var(--ink-2); }
[data-r="doc-figure"][data-state="editing"] { box-shadow: 0 0 0 1px var(--line-5); }
[data-r="doc-figure"][data-state="editing"] > [data-part="words"] { caret-color: var(--accent); cursor: text; }
[data-r="doc-figure"][data-kind="passage"] > [data-part="as-of"] { flex-wrap: wrap; row-gap: 2px; }
[data-r="doc-figure"][data-kind="passage"] > [data-part="as-of"] > [data-part="when"] { flex: 1 1 auto; }
[data-r="doc-figure"][data-kind="passage"] > [data-part="as-of"] > [data-r="button"] { flex: none; }
[data-r="doc-figure"][data-kind="passage"] > [data-part="as-of"] > :last-child { margin-right: -6px; }
@media (pointer: coarse) {
  [data-r="doc-figure"][data-kind="passage"] > [data-part="as-of"] > [data-r="button"] { height: var(--h-44); }
}
[data-r="prose"] > :where(* + [data-r="doc-figure"], [data-r="doc-figure"] + *) { margin-top: 16px; }
[data-r="doc-figures"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(184px, 100%), 1fr)); gap: 8px; min-width: 0; }
[data-r="prose"] > :where(* + [data-r="doc-figures"], [data-r="doc-figures"] + *) { margin-top: 16px; }
@media (prefers-reduced-motion: reduce) {
  [data-r="doc-figure"][data-state="updating"] > * { transition: none; }
}
}

/* ═══ f0-material.css ═══ */
@layer components {
@property --material-intensity { syntax: '<number>'; inherits: true; initial-value: 1; }
:root { --material-ink-3: var(--ink-2); --material-pill: transparent; }
[data-transparency="clear"] { --material-intensity: 0; }
[data-transparency="tinted"] { --material-intensity: 1; }
[data-r="dock"][data-material="glass"],
[data-r="page-header"][data-material="glass"],
[data-r="status-bar"][data-material="glass"],
[data-r="map"] > [data-part="controls"][data-material="glass"],
[data-r="tab-bar"][data-material="glass"] > :is([data-part="places"], [data-part="check-in"]) { --material-fill: color-mix(in srgb, var(--material-tint) calc(var(--material-intensity) * 100%), var(--material-clear)); --plane-hover: var(--material-hover); --plane-selected: var(--material-selected); --plane-selected-hover: var(--material-selected-hover); --ink-3: var(--material-ink-3); background-color: var(--material-fill); -webkit-backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturate)); backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturate)); }
:is([data-r="dock"], [data-r="page-header"], [data-r="status-bar"], [data-r="map"] > [data-part="controls"])[data-material="glass"] { --pill-rest: var(--material-pill); }
[data-r="dock"][data-material="glass"] { box-shadow: var(--material-edge), var(--dock-shadow); }
[data-r="map"] > [data-part="controls"][data-material="glass"] { gap: 0; padding: 4px; border-radius: var(--r-press); box-shadow: var(--material-edge), var(--e2); }
[data-r="map"] > [data-part="controls"][data-material="glass"] { --ring: 0; --ring-hover: 0; --e1: 0 0 0 0 transparent; }
[data-r="tab-bar"][data-material="glass"] > :is([data-part="places"], [data-part="check-in"]) { box-shadow: var(--material-edge), var(--lift-dock); }
[data-r="page-header"][data-material="glass"] { position: sticky; top: 0; z-index: 2; }
[data-r="page-header"][data-material="glass"] > [data-part="bar"]:first-child { border-bottom-color: var(--line-3); }
[data-r="status-bar"][data-material="glass"] { position: sticky; bottom: 0; z-index: 2; margin-right: 0; box-shadow: inset 0 var(--px) 0 var(--line-3); }
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :root { --material-tint: var(--material-solid); --material-clear: var(--material-solid); --material-blur: 0px; --material-saturate: 100%; --material-hover: var(--raised-hover); --material-selected: var(--raised-selected); --material-selected-hover: var(--raised-selected-hover); --material-ink-3: var(--ink-3); --material-pill: var(--raised); }
}
[data-transparency="solid"] { --material-tint: var(--material-solid); --material-clear: var(--material-solid); --material-blur: 0px; --material-saturate: 100%; --material-hover: var(--raised-hover); --material-selected: var(--raised-selected); --material-selected-hover: var(--raised-selected-hover); --material-ink-3: var(--ink-3); --material-pill: var(--raised); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root { --material-tint: var(--material-solid); --material-clear: var(--material-solid); --material-hover: var(--raised-hover); --material-selected: var(--raised-selected); --material-selected-hover: var(--raised-selected-hover); --material-ink-3: var(--ink-3); --material-pill: var(--raised); }
}
}

/* ═══ f1-corners.css ═══ */
@layer components {
@property --corner-nest { syntax: '*'; inherits: false; }
@supports (corner-shape: superellipse(2)) {
  [data-r="menu"] > [data-part="list"] > [data-r="menu-item"],
  [data-r="palette"] > [data-part="list"] > [data-r="palette-item"],
  [data-r="card"] > [data-r="list"] > [data-r="list-row"],
  [data-r="popover"][data-variant="row"] > :is([data-r="field"], [data-r="button"]) { --corner-nest: var(--corner-k-nested); }
  [data-r="button"] { corner-shape: round; }
  [data-r="button"]::after { corner-shape: inherit; }
  [data-r="button"][data-hold] > [data-part="fill"] { corner-shape: inherit; }
  [data-r="split-button"] { corner-shape: round; }
  [data-r="split-button"]::after { corner-shape: inherit; }
  [data-r="split-button"] > [data-r="button"]:first-child { corner-shape: round; }
  [data-r="split-button"] > [data-r="button"]:last-child { corner-shape: round; }
  [data-r="split-button"] > [data-r="button"]:first-child[aria-pressed="true"] { corner-shape: round; }
  [data-r="spinner"] { corner-shape: round; }
  [data-r="link"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="tabs"] > [data-r="button"][data-dirty]::before { corner-shape: round; }
  [data-r="segmented"][data-variant="track"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chip"] { corner-shape: round; }
  [data-r="chip"]::after { corner-shape: inherit; }
  [data-r="chip"][data-variant="milestone"] > :is(button, [data-part="count"]) { corner-shape: round; }
  [data-r="chip"][data-variant="milestone"] > input[data-part="title"] { corner-shape: round; }
  [data-r="sortable"][data-variant="milestones"] > [data-part="item"]:is([data-lifted], [data-held]) { corner-shape: round; }
  [data-r="sortable"][data-variant="milestones"] > [data-part="slot"] { corner-shape: round; }
  [data-r="fact"] { corner-shape: round; }
  [data-r="filter"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="fact"] > [data-part="steps"] > i { corner-shape: round; }
  [data-r="switch"] { corner-shape: round; }
  [data-r="switch"]::after { corner-shape: round; }
  [data-r="checkbox"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="checkbox"][aria-checked="mixed"]::after { corner-shape: round; }
  [data-r="glyph-mark"] { corner-shape: round; }
  [data-r="glyph-cell"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="glyph-steps"] > [data-part="steps"] > i { corner-shape: round; }
  [data-r="glyph-tile"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="mention"] { corner-shape: round; }
  [data-r="prose"] a[data-r="mention"]:not([data-kind="task"]) { corner-shape: round; }
  [data-r="app-mark"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="app-mark"][data-size="64"] { corner-shape: round; }
  [data-r="field"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="field"] > [data-part="prefix"] > [data-part="swatch"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="field"] > button[data-part="well"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="field"] > [data-part="clear"] { corner-shape: round; }
  [data-r="field"] > [data-part="reveal"] { corner-shape: round; }
  [data-r="field"][data-kind="stepper"] > button { corner-shape: round; }
  [data-r="search"] { corner-shape: round; }
  [data-r="search"]::after { corner-shape: inherit; }
  [data-r="parsed-field"] > [data-r="field"] > [data-r="filter"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="parsed-field"][data-variant="inline"] [data-part="word"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="select"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="select"]::after { corner-shape: inherit; }
  [data-r="select"][data-native] > [data-part="field"] { corner-shape: inherit; }
  @supports (appearance: base-select) {
    [data-r="select"][data-native] > [data-part="field"]::picker(select) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
    [data-r="select"][data-native] option { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  }
  [data-r="slider"] > [data-part="track"] { corner-shape: round; }
  [data-r="slider"] > [data-part="track"] > [data-part="fill"] { corner-shape: inherit; }
  [data-r="slider"] > [data-part="band"] { corner-shape: round; }
  [data-r="slider"] > [data-part="handle"] { corner-shape: round; }
  [data-r="slider"] > [data-part="handle"]::before { corner-shape: inherit; }
  [data-r="slider"] > [data-part="bubble"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="slider"] > [data-part="dist"] > [data-part="bin"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round round; }
  [data-r="slider-form"][data-look="ruler"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-look="ruler"] > [data-part="needle"] { corner-shape: round; }
  [data-look="fader"] > [data-part="track"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-look="fader"] > [data-part="track"]::before,
  [data-look="fader"] > [data-part="track"] > [data-part="fill"] { corner-shape: round; }
  [data-look="fader"] > [data-part="track"] > [data-part="thumb"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-look="zones"] [data-part="bar"] > i { corner-shape: round; }
  [data-look="zones"] > [data-part="line"] > [data-part="handle"] { corner-shape: round; }
  [data-look="zones"] > [data-part="line"] > [data-part="handle"]::before { corner-shape: inherit; }
  [data-r="calendar"] [data-part="day"] { corner-shape: round; }
  [data-r="calendar"] [data-part="day"][data-in-range] { corner-shape: round; }
  [data-r="calendar"] [data-part="day"][data-range-start] { corner-shape: round; }
  [data-r="calendar"] [data-part="day"][data-range-end] { corner-shape: round; }
  [data-r="calendar"]:not([data-variant]) [data-part="day"]::before { corner-shape: round; }
  [data-r="calendar"] [data-part="day"][data-has]::after { corner-shape: round; }
  [data-r="calendar"][data-variant="week"] [data-part="day"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="calendar"][data-variant="mini"] [data-part="day"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="calendar"][data-variant="mini"] [data-part="day"] > [data-part="number"] { corner-shape: round; }
  [data-r="time"] > [data-part="segment"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="token"] { corner-shape: round; }
  [data-r="token"] > [data-part="remove"] { corner-shape: round; }
  [data-r="drop"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="drop"][data-variant="compact"] { corner-shape: round; }
  [data-r="file"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="file"] > [data-part="icon"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="swatch"] { corner-shape: round; }
  [data-r="swatch"]::before { corner-shape: inherit; }
  [data-r="swatch"][data-part="inherit"]::after { corner-shape: inherit; }
  [data-r="knob"] > [data-part="dial"] { corner-shape: round; }
  [data-r="knob"] > [data-part="dial"]::before { corner-shape: round; }
  [data-r="knob"] > [data-part="dial"]::after { corner-shape: round; }
  [data-r="code"] > input { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="editor"][data-kind="edges"] > [data-part="track"] { corner-shape: round; }
  [data-r="editor"][data-kind="edges"] [data-part="segment"]:first-child { corner-shape: round; }
  [data-r="editor"][data-kind="edges"] [data-part="segment"]:nth-last-child(1 of [data-part="segment"]) { corner-shape: round; }
  [data-r="editor"][data-kind="edges"] [data-part="grip"]::after { corner-shape: round; }
  [data-r="editor"][data-kind="edges"] > [data-part="legend"] i { corner-shape: round; }
  [data-r="editor"][data-kind="edges"] [data-part="grip"][data-own]::before { corner-shape: round; }
  [data-r="editor"][data-kind="edges"] [data-part="tag"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="editor"][data-kind="edges"] [data-part="grip"]::after { corner-shape: round; }
  [data-r="editor"][data-kind="edges"] [data-part="grip"][data-tight]::after { corner-shape: round; }
  [data-r="editor"][data-kind="edges"] > [data-part="legend"] i { corner-shape: round; }
  [data-r="badge"] { corner-shape: round; }
  [data-r="badge"] > [data-part="dot"] { corner-shape: round; }
  [data-r="dot"] { corner-shape: round; }
  [data-r="count"] { corner-shape: round; }
  [data-r="reading-state"]:not([data-variant="word"])::before { corner-shape: round; }
  [data-r="reading-state"]:not([data-variant="word"])::after { corner-shape: round; }
  [data-r="reading-state"][data-state="not-available"]:not([data-variant="word"])::after { corner-shape: round; }
  [data-r="reading-state"][data-state="withheld"]:not([data-variant="word"])::after { corner-shape: round; }
  [data-r="reading-state"][data-variant="pill"] { corner-shape: round; }
  [data-r="status"] { corner-shape: round; }
  [data-r="status"]::before { corner-shape: inherit; }
  [data-r="status"]:is([data-state="today"], [data-state="in-progress"], [data-state="review"])::after { corner-shape: inherit; }
  [data-r="status"][data-state="missed"]::after { corner-shape: round; }
  [data-r="status"]:is([data-state="skipped"], [data-state="excused"], [data-state="canceled"])::after { corner-shape: round; }
  [data-r="intensity"] > i { corner-shape: round; }
  [data-r="amount-mark"] > [data-part="done"] { corner-shape: round; }
  [data-r="amount-mark"] > [data-part="planned"] { corner-shape: round; }
  [data-r="amount-mark"][data-state="empty"] > [data-part="done"] { corner-shape: round; }
  [data-r="key"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="hint-bar"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="avatar"] { corner-shape: round; }
  [data-r="avatar"] > img { corner-shape: inherit; }
  [data-r="avatar"] > [data-part="presence"] { corner-shape: round; }
  [data-r="value-scale"] :is([data-part="track"], [data-part="over"]) { corner-shape: round; }
  [data-r="value-scale"] [data-part="knob"] { corner-shape: round; }
  [data-r="value-scale"] [data-part="field"] > [data-part="earlier"] { corner-shape: round; }
  [data-r="value-scale"][data-state="too-few"] [data-part="field"] > [data-part="track"] { corner-shape: round; }
  [data-r="share-bar"] > [data-part="track"] { corner-shape: round; }
  [data-r="share-bar"][data-state="empty"] > [data-part="track"] { corner-shape: round; }
  [data-r="menu"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="menu-item"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  :is([data-r="menu-item"] [data-part="value"], [data-r="menu-item"]) > [data-part="steps"] > i { corner-shape: round; }
  [data-r="right-drag"] > [data-part="day"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  :is([data-r="right-drag"] > [data-part="day"] > [data-part="card"], [data-r="right-drag-ghost"]) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="nearest-menu"] > [data-part="page"] > [data-part="image"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="display"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="display"] [data-part="layouts"] [data-part="changed"] { corner-shape: round; }
  [data-r="display"] [data-part="back"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="display"] > [data-part="flash"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="popover"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="tooltip"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="hover-card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="view-options"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="view-options"] [data-part="layout"],
  [data-r="view-options"] [data-part="action"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="view-options"] [data-part="changed"] { corner-shape: round; }
  [data-r="button"] > [data-part="changed"] { corner-shape: round; }
  [data-r="view-options"][data-variant="sheet"],
  [data-r="view-options"][data-variant="sheet"]:has(> [data-part="rail"]) { corner-shape: round; }
  [data-r="dialog"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="dialog"][data-variant="drawer"] { corner-shape: round; }
  [data-r="dialog"][data-kind="capture"] [data-part="task"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="dialog"][data-kind="capture"][data-variant="sheet"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round round; }
  [data-r="dialog"][data-kind="capture"][data-variant="sheet"] > [data-part="grab"] { corner-shape: round; }
  [data-r="dialog"][data-kind="composer"][data-variant="note"] > [data-part="open"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sheet"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="dialog"][data-variant="week"] > [data-part="week"] [data-r="week-strip"] [data-part="day"][role="radio"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sheet"][data-variant="foot"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round round; }
  [data-r="palette"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="palette-item"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="palette-item"] > [data-part="attention"] { corner-shape: round; }
  [data-r="palette"] > [data-part="input"] > [data-part="context"] { corner-shape: round; }
  [data-r="palette"] > [data-part="input"] > [data-part="terms"] > [data-part="term"] { corner-shape: round; }
  [data-part="cost"] [data-part="row"] > [data-part="verdict"] > [data-part="dot"] { corner-shape: round; }
  [data-r="toast"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  :is([data-r="commit"], [data-r="save-bar"]) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  :is([data-r="commit"], [data-r="save-bar"]) > [data-part="changes"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  :is([data-r="commit"], [data-r="save-bar"]) > [data-part="changes"] > [data-part="row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="shell"][data-compact] > [data-r="panel"],
  [data-r="shell"][data-compact] > [data-part="work"] > [data-r="panel"] { corner-shape: round; }
  [data-r="shell"][data-compact] > [data-r="sidebar"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="shell"][data-compact="sheet"] > [data-r="sidebar"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round round; }
  [data-r="shell"][data-compact="sheet"] > [data-r="sidebar"] > [data-part="grab"] { corner-shape: round; }
  [data-r="panel"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sidebar"] > [data-part="head"] > [data-part="workspace"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sidebar"] > [data-part="head"] > [data-part="workspace"] > [data-part="mark"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sidebar-item"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sidebar-item"] > [data-part="link"] { corner-shape: inherit; }
  [data-r="sidebar-section"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="properties"][data-variant="fields"] [data-r="property"] > [data-part="label"] > [data-part="mark"] { corner-shape: round; }
  [data-r="properties"][data-layout] > [data-part="section"] > button[data-part="title"] { corner-shape: round; }
  [data-r="properties"][data-layout][data-editing] [data-r="property"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="properties"][data-layout][data-editing] [data-r="property"] > [data-part="grip"],
  [data-r="properties"][data-layout][data-editing] > [data-part="section"] > [data-part="head"] > [data-part="grip"] { corner-shape: round; }
  [data-r="properties"][data-layout][data-editing] > [data-part="section"] > [data-part="head"] > [data-part="name"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="properties"][data-layout][data-editing] > [data-part="section"] > [data-part="drop"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="properties"][data-layout][data-editing] [data-part="section"][data-dragging] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="dock"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="details"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="accordion"] [data-part="header"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="tree-item"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="tree-item"] > input[data-part="rename"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="tree"]:is([data-variant="objects"], [data-sortable]) > [data-r="tree-item"]:is([data-drop="before"], [data-drop="after"])::after { corner-shape: round; }
  [data-r="tree"][data-variant="objects"] > [data-r="tree-item"][aria-selected="true"]:has(+ [data-r="tree-item"][aria-selected="true"]) { corner-bottom-left-shape: round; corner-bottom-right-shape: round; }
  [data-r="tree"][data-variant="objects"] > [data-r="tree-item"][aria-selected="true"] + [data-r="tree-item"][aria-selected="true"] { corner-top-left-shape: round; corner-top-right-shape: round; }
  [data-r="scroll-area"] > [data-part="viewport"] { corner-shape: inherit; }
  :is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="bar"] > [data-part="thumb"],
  [data-r="scroll-line"] > [data-part="thumb"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  :is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="bar"] > [data-part="today"]::after { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  :is([data-r="scroll-area"], [data-r="side-panel"]) > [data-part="date"] { corner-shape: round; }
  [data-r="breadcrumbs"] > [data-part="siblings"] { corner-shape: round; }
  [data-r="breadcrumbs"] > [data-part="step-menu"] { corner-shape: round; }
  [data-r="sequence-hint"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="favorites"] > [data-part="slot"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sidebar-item"] > input[data-part="name"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sidebar"] [data-part="account"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="window-tabs"][data-look="plates"] > [data-r="tabs"] > :is([role="tab"], [data-part="more"]) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="window-tabs"][data-look="plates"] > [data-r="tabs"] > [data-part="group"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="window-tabs"] > [data-r="tabs"] > [data-part="group"] > [data-part="group-line"] { corner-shape: round; }
  [data-r="window-tabs"] > [data-r="tabs"] > [data-part="group"][aria-expanded="false"] > [data-part="group-line"] { corner-shape: round; }
  [data-r="window-tabs"] > [data-r="tabs"] > [role="tab"][data-group][data-last] > [data-part="group-line"] { corner-shape: round; }
  [data-desk] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-desk] [data-part="window"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="menu-bar"] > [data-part="title"] { corner-shape: round; }
  [data-r="dock-menu"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="dock-menu"] [data-part="tile"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-desk="jump-list"] [data-part="jump"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-desk="jump-list"] [data-part="task"] { corner-shape: round; }
  [data-r="quick-entry"] > [data-r="palette"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-desk="app-links"] [data-part="plate"] { corner-shape: round; }
  [data-desk="drag-out"] [data-part="session"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-desk="drag-out"] [data-part="row-look"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="drag-out"] { corner-shape: round; }
  [data-r="page"] > :is([data-part="side"], [data-part="rail"]) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="page"] > :is([data-part="side"], [data-part="rail"])[data-kind="stack"] { corner-shape: round; }
  [data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-part="stack"] > [data-part="card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="page"][data-template="canvas"][data-focus][data-focus-panel]:not([data-focus="present"]) > [data-part="side"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="page"][data-template="canvas"][data-focus-window] { corner-shape: round; }
  [data-r="page"] [data-part="slot"][data-slot] { corner-shape: round; }
  [data-r="page-state"] > [data-part="details"] > [data-part="trace"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="query"][data-text] > input { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="condition"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="condition"] > [data-part="distribution"] > [data-part="bar"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round round; }
  [data-r="query"] > [data-part="group"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="query"] > [data-part="group"] > button { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  @container page (width >= 720px) {
    [data-r="page"] > :is([data-part="side"], [data-part="rail"]) > [data-r="side-panel"]:not([data-over]) { corner-shape: round; }
  }
  [data-r="side-panel"]:is([data-variant="peek"], [data-variant="inspector"], [data-variant="control-rail"]):not([data-over]):not([data-part]):not([data-r="page"] > :is([data-part="side"], [data-part="rail"]) > *) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="side-panel"][data-over] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="side-panel"] [data-part="section-head"] > [data-part="label"] { corner-shape: round; }
  [data-r="view-editor"] [data-part="section-head"] > [data-part="label"][data-dirty]::after { corner-shape: round; }
  [data-r="view-editor"] [data-part="item"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="view-editor"] [data-part="item"] > [data-part="grip"] { corner-shape: round; }
  [data-r="shell"][data-sidebar-states] > [data-part="nav"] > [data-r="sidebar"]:not([data-surface])[data-floating] { corner-shape: round superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round; }
  [data-r="shell"]:not([data-sidebar-states]) > [data-r="sidebar"][data-floating] { corner-shape: round superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round; }
  [data-r="shell"][data-sidebar-states] > [data-part="sidebar-edge"] > [data-part="tip"] { corner-shape: round; }
  [data-r="sidebar"][data-surface] { corner-shape: round; }
  [data-r="sidebar"][data-surface][data-floating] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="shell"][data-sidebar-states] > [data-part="nav"] > [data-r="sidebar"][data-surface][data-floating] { corner-shape: round superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round; }
  [data-r="sidebar"][data-surface][data-floating]::before { corner-shape: inherit; }
  [data-r="sidebar"][data-surface] > [data-part="inner"] { corner-shape: inherit; }
  [data-r="sidebar"][data-surface] [data-part="head"] > [data-part="workspace"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sidebar"][data-surface] [data-part="search"] { corner-shape: round; }
  [data-r="sidebar"][data-surface] [data-part="pill"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sidebar"][data-surface] [data-part="scroll"] [data-r="sidebar-item"]:focus-visible::before { corner-shape: inherit; }
  [data-r="sidebar"][data-surface] [data-part="scroll"] [data-r="sidebar-item"][data-force~="focus"]::before { corner-shape: inherit; }
  [data-r="sidebar"][data-surface] [data-r="sidebar-item"] > [data-part="corner"] { corner-shape: round; }
  [data-r="sidebar"] [data-part="branch"] > [data-part="disclosure"] { corner-shape: round; }
  [data-r="sidebar"] [data-part="season"] > [data-part="weeks"] > i { corner-shape: round; }
  [data-r="sidebar"] [data-part="season"] > [data-part="weeks"] > i[data-state="now"] { corner-shape: round; }
  [data-r="icon-rail"] > [data-part="item"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="icon-rail"] > [data-part="item"] > [data-part="dot"] { corner-shape: round; }
  [data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] { corner-shape: round; }
  [data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] > [data-part="box"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="icon-rail"][data-variant="labelled"] > [data-part="item"] > [data-part="box"] > [data-part="dot"] { corner-shape: round; }
  [data-r="app-switcher"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="list-row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="list-row"] > [data-part="title"] > [data-part="fold"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="list-group"] input[data-part="rename"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="list-row"] > [data-part="title"] > input[data-part="rename"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="list-create"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="list-create"] > [data-part="start"] { corner-shape: inherit; }
  [data-r="list-create"] > input { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="aggregate"] { corner-shape: round; }
  [data-r="list-header"] > [data-col] > [data-part="sort"] { corner-shape: round; }
  [data-r="list-group"] [data-part="fold"] { corner-shape: round; }
  [data-r="list-subgroup"] [data-part="fold"] { corner-shape: round; }
  [data-r="list"][data-mode="grid"] [data-r="list-create"] > [data-part="start"] { corner-shape: round; }
  [data-r="table"] th > [data-part="sort"] { corner-shape: round; }
  [data-r="table"] tbody tr > td:first-child { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) round round superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="table"] tbody tr > td:last-child { corner-shape: round superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round; }
  [data-r="table"][data-columns] th > [data-part="menu"] { corner-shape: round; }
  [data-r="table"][data-view="narrow"] tr { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="table"][data-view="narrow"] tfoot tr { corner-shape: round; }
  [data-r="table"][data-view="narrow"] :is(tbody, tfoot) td { corner-shape: round; }
  [data-r="matrix"] [data-part="cell"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="matrix"] [data-part="cell"][data-today]::after { corner-shape: round; }
  [data-r="matrix"] [data-part="swatch"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="matrix"] [data-part="swatch"][data-today]::after { corner-shape: round; }
  [data-r="matrix"][data-cell="preview"] [data-part="cell"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="matrix"][data-cell="preview"] [data-part="cell"] > [data-part="preview"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="card"]:is([data-variant="lifted"], [data-variant="canvas"]) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  @media (hover: hover) {
    [data-r="card"][data-variant="lifted"][data-interactive]:hover::after { corner-shape: inherit; }
  }
  [data-r="card"][data-variant="lifted"][data-interactive][data-force~="hover"]::after { corner-shape: inherit; }
  [data-r="card"][data-variant="canvas"] > [data-part="rank"] { corner-shape: round; }
  [data-r="stat"][data-variant="lifted"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="board-column"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="board-column"] > [data-part="slot"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="board-card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="board-card"][aria-selected="true"]::after { corner-shape: inherit; }
  [data-r="board-column"] > [data-part="create"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="board-strip"] > [data-part="open"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="board-column"] > [data-part="reason"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="board-lane"] > [data-part="head"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="board-lane"] > [data-part="head"] > [data-part="fold"] { corner-shape: round; }
  [data-r="skeleton"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="progress"] { corner-shape: round; }
  [data-r="progress"] > [data-part="fill"] { corner-shape: inherit; }
  [data-r="progress"][data-variant="steps"] { corner-shape: round; }
  [data-r="progress"][data-variant="steps"] > i { corner-shape: round; }
  [data-r="meter"] { corner-shape: round; }
  [data-r="meter"] > [data-part="fill"] { corner-shape: inherit; }
  [data-r="meter"] > [data-part="estimate"] { corner-shape: inherit; }
  [data-r="progress"][data-variant="phases"] { corner-shape: round; }
  [data-r="progress"][data-variant="phases"] > [data-part="phase"] > [data-part="ticks"] > i { corner-shape: round; }
  [data-r="reaction"] { corner-shape: round; }
  [data-r="notification"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="notification"][data-unread]::before { corner-shape: round; }
  [data-r="bulk-bar"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="diff"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="diff"] [data-part="row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="comment-box"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="embed"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="emoji-picker"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="emoji-picker"] [data-part="cell"] { corner-shape: round; }
  [data-r="margin-note"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="phone"] > [data-part="status"] > i { corner-shape: round; }
  [data-r="phone"] > [data-part="status"] > i::after { corner-shape: round; }
  [data-r="mobile-row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="mobile-row"] > [data-part="tile"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="tab-bar"] > [data-part="places"] { corner-shape: round; }
  [data-r="tab-bar"] > [data-part="places"] > button,
  [data-r="tab-bar"] > [data-part="check-in"] { corner-shape: round; }
  [data-r="tab-bar"] [data-part="dot"] { corner-shape: round; }
  [data-r="tab-bar"] > [data-part="card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="tab-bar"] > [data-part="card"] > a { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="bottom-sheet"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round round; }
  [data-r="bottom-sheet"] > [data-part="grab"]::before { corner-shape: round; }
  [data-r="action-sheet"] > [data-part="actions"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="swipe"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="live-capsule"] { corner-shape: round; }
  [data-r="live-capsule"] > [data-part="icon"] { corner-shape: round; }
  [data-r="live-capsule"] > [data-part="dot"] { corner-shape: round; }
  [data-r="live-capsule"] > [data-part="bar"] { corner-shape: round; }
  [data-r="live-capsule"] > [data-part="bar"] > i { corner-shape: inherit; }
  [data-r="inline-edit"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="inline-edit"] > input { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="steps"] [data-part="step"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="steps"] [data-part="step"] > i { corner-shape: round; }
  [data-r="steps"] [data-part="device"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season"] [data-part="block"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season"] [data-part="today"] > span { corner-shape: round; }
  [data-r="virtual-list"] [data-part="row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="haptics"] [data-part="pattern"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="haptics"] [data-part="pattern"] > i { corner-shape: round; }
  [data-r="sticker"] > [data-part="paper"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sticker"] > [data-part="paper"] > [data-part="strip"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="editor"][data-kind="route"] > [data-r="plot"] > [data-part="marker"] { corner-shape: round; }
  [data-r="editor"][data-kind="route"] > [data-part="stops"] > li > [data-part="n"] { corner-shape: round; }
  [data-r="workout"] > i { corner-shape: round; }
  [data-r="workout"]:is([data-size="44"], [data-size="64"]) > i { corner-shape: round; }
  [data-r="session"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="interval"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="editor"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="editor"][data-kind="split"] > [data-part="track"] { corner-shape: round; }
  [data-r="editor"][data-kind="split"] [data-part="segment"]:first-child { corner-shape: round; }
  [data-r="editor"][data-kind="split"] [data-part="segment"]:nth-last-child(1 of [data-part="segment"]) { corner-shape: round; }
  [data-r="editor"][data-kind="split"] [data-part="grip"]::after { corner-shape: round; }
  [data-r="editor"][data-kind="split"] > [data-part="legend"] i { corner-shape: round; }
  [data-r="editor"][data-kind="mix"] > [data-part="bar"] { corner-shape: round; }
  [data-r="editor"][data-kind="mix"] [data-part="handle"] { corner-shape: round; }
  [data-r="editor"][data-kind="mix"] [data-part="handle"]::before { corner-shape: inherit; }
  [data-r="editor"][data-kind="mix"] > [data-part="legend"] i { corner-shape: round; }
  [data-r="editor"][data-kind="fuel"] [data-part="lane"] { corner-shape: round; }
  [data-r="editor"][data-kind="fuel"] [data-part="item"] { corner-shape: round; }
  [data-r="editor"][data-kind="fuel"] [data-part="item"]::before { corner-shape: round; }
  [data-r="editor"][data-kind="fuel"] [data-part="column"] > i { corner-shape: round; }
  [data-r="night"] [data-part="handle"] { corner-shape: round; }
  [data-r="night"] [data-part="handle"]::before { corner-shape: inherit; }
  [data-r="plot"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="plot"] > [data-part="grip"]::after { corner-shape: round; }
  [data-r="plot"] > [data-part="handle"] { corner-shape: round; }
  [data-r="plot"] > [data-part="handle"]::before { corner-shape: inherit; }
  [data-r="plot"] > [data-part="handle"]::after { corner-shape: inherit; }
  [data-r="plot"] > [data-part="tag"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="plot"] > [data-part="tip"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i { corner-shape: round; }
  [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-kind="block"] { corner-shape: round; }
  [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-kind="dot"] { corner-shape: round; }
  [data-r="plot"] > [data-part="pin"] { corner-shape: round; }
  [data-r="plot"] > [data-part="compose"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  button[data-r="figure"] { corner-shape: round; }
  [data-r="term"] { corner-shape: round; }
  [data-r="delta"] > [data-part="noise"] > [data-part="band"] { corner-shape: round; }
  [data-r="delta"] > [data-part="noise"] > [data-part="value"] { corner-shape: round; }
  [data-r="reschedule"] [data-part="day"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="reschedule"] [data-part="session"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sandbox"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="grammar"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="grammar"] > [data-part="edit"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chart-card"][data-variant="lifted"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chart-card"] > [data-part="notes"] > li { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chart-card"] > [data-part="notes"] [data-part="n"] { corner-shape: round; }
  [data-r="legend"] > span > i { corner-shape: round; }
  [data-r="legend"] > span > i[data-kind="ref"] { corner-shape: round; }
  [data-r="legend"] > span > i[data-kind="block"] { corner-shape: round; }
  [data-r="legend"] > span > i[data-kind="area"] { corner-shape: round; }
  [data-r="legend"] > span > i[data-kind="band"] { corner-shape: round; }
  [data-r="legend"] > span > i[data-kind="hatch"] { corner-shape: round; }
  [data-r="legend"] > span > i[data-kind="well"] { corner-shape: round; }
  [data-r="legend"] > span > i[data-kind="dot"] { corner-shape: round; }
  [data-r="legend"] > span > i[data-kind="open"] { corner-shape: round; }
  [data-r="legend"] > button[data-part="key"] { corner-shape: round; }
  [data-r="legend"] > button[data-part="key"] > i { corner-shape: round; }
  [data-r="legend"] > button[data-part="key"] > i[data-kind="block"] { corner-shape: round; }
  [data-r="map"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="map"] > [data-part="attribution"] { corner-shape: round; }
  [data-r="map"] > [data-part="note"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="map"] > [data-part="note"][data-kind="offline"] { corner-shape: round; }
  [data-r="map"] > [data-part="marks"] > [data-part="point"] { corner-shape: round; }
  [data-r="map"] > [data-part="marks"] > [data-part="along"] { corner-shape: round; }
  [data-r="elevation-profile"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="elevation-profile"] > [data-part="nothing"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="elevation-profile"] > [data-part="legend"] i { corner-shape: round; }
  [data-r="climb-card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="privacy-zones"] [data-part="list"] > [data-part="none"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="privacy-zones"] [data-part="zone-row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="map"] > [data-part="marks"] > :is([data-part="centre"], [data-part="edge"]) { corner-shape: round; }
  [data-r="route-thumbnail"][data-empty] { corner-shape: round; }
  [data-r="route-builder"][data-layout="page"] [data-r="page"] > [data-part="main"] > [data-r="map"] { corner-shape: round; }
  [data-r="sortable"] > [data-part="slot"],
  [data-r="window-tabs"] > [data-r="tabs"] > [data-part="slot"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="window-tabs"] > [data-r="tabs"] > [data-part="slot"] { corner-shape: round; }
  [data-r="sortable"] [data-part="handle"] { corner-shape: round; }
  [data-r="calendar-session"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="budget-bar"]::before { corner-shape: round; }
  [data-r="budget-bar"] > [data-part="track"] { corner-shape: round; }
  [data-r="move-cost"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="week-grid"] [data-part="progress"] > i { corner-shape: round; }
  [data-r="week-grid"] [data-part="day-head"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="week-grid"] [data-part="lane"] > [data-part="slot"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="week-grid"] [data-part="lane"] > [data-part="reason"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="week-grid"] > [data-part="next"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="month-grid"] [data-part="day-head"] { corner-shape: round; }
  [data-r="month-grid"] [data-part="more"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-grid"] [data-part="cell"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-grid"] [data-part="cell"][data-today]::after { corner-shape: round; }
  [data-r="season-grid"] [data-part="swatch"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-grid"] [data-part="swatch"][data-today]::after { corner-shape: round; }
  [data-r="season-grid"] [data-part="mark"] { corner-shape: round; }
  [data-r="season-grid"] [data-part="mark"][data-kind="typical"] { corner-shape: round; }
  [data-r="calendar-session"][data-size="block"]:is([data-clip="start"], [data-clip="both"]) { corner-top-left-shape: round; corner-top-right-shape: round; }
  [data-r="calendar-session"][data-size="block"]:is([data-clip="end"], [data-clip="both"]) { corner-bottom-left-shape: round; corner-bottom-right-shape: round; }
  [data-r="calendar-session"] [data-part="flags"] > [data-watch="changed"]::after { corner-shape: round; }
  [data-r="week-grid"] [data-part="context"] > [data-part="load"] { corner-shape: round; }
  [data-r="week-grid"] [data-part="judge"],
  body > [data-part="judge"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="month-grid"] [data-part="day"] > [data-part="rank"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="month-grid"] > [data-part="legend"] [data-part="swatch"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-grid"] [data-part="pin"] { corner-shape: round; }
  [data-r="season-grid"][data-variant="year"] [data-part="cell"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-grid"][data-variant="year"] [data-part="streak"]::before { corner-shape: round; }
  [data-r="calendar-session"][data-size="mark"]:not([hidden]) { corner-shape: round; }
  [data-r="time-grid"] [data-part="now-label"] { corner-shape: round; }
  [data-r="time-grid"][data-orient="across"] [data-part="scale"] > [data-part="now-label"] { corner-shape: round; }
  [data-r="time-grid"][data-orient="across"] [data-part="track"] > [data-r="calendar-item"][data-under] { corner-shape: round; }
  [data-r="calendar-item"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="calendar-item"][data-kind="busy"][data-under] { corner-shape: round; }
  [data-r="calendar-item"]:is([data-clip="start"], [data-clip="both"]) { corner-top-left-shape: round; corner-top-right-shape: round; }
  [data-r="calendar-item"]:is([data-clip="end"], [data-clip="both"]) { corner-bottom-left-shape: round; corner-bottom-right-shape: round; }
  [data-r="time-grid"] [data-part="day"] > [data-r="calendar-item"][data-kind="window"][data-under] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="span"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="span"] > [data-part="line"] { corner-shape: round; }
  [data-r="span"] > [data-part="line"]::before,
  [data-r="span"] > [data-part="line"]::after { corner-shape: round; }
  [data-r="span"]:is([data-kind="illness"], [data-kind="injury"]) > [data-part="line"] { corner-shape: round; }
  [data-r="span"]:is([data-cut~="start"], [data-joined~="start"]) > [data-part="line"] { corner-top-left-shape: round; corner-bottom-left-shape: round; }
  [data-r="span"]:is([data-cut~="end"], [data-joined~="end"]) > [data-part="line"] { corner-top-right-shape: round; corner-bottom-right-shape: round; }
  [data-r="span"] > [data-part="edge"]::after { corner-shape: round; }
  [data-r="week-strip"][data-size="phone"] [data-part="day"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="week-strip"][data-size="phone"] [data-part="load"] > :is([data-part="done"], [data-part="planned"]) { corner-shape: round; }
  [data-r="day-curve"] > [data-part="plot"]:focus-visible { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="day-curve"] > [data-part="plot"][data-force~="focus"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="day-curve"] [data-part="point"] { corner-shape: round; }
  [data-r="day-curve"] [data-part="readout"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="recurrence"]:not([data-size]) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="recurrence"] [data-part="week"] > [data-part="day"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="recurrence"] [data-part="week"] > [data-part="day"]::after { corner-shape: round; }
  [data-r="timeline"] [data-part="scale"] > [data-part="today-label"] { corner-shape: round; }
  [data-r="timeline"] [data-part="bar"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="timeline"] [data-part="bar"] > [data-part="edge"]::after { corner-shape: round; }
  [data-r="timeline"] [data-part="bar"][data-variant="phase"] { corner-shape: round; }
  [data-r="timeline"] [data-part="bar"][data-variant="phase"] > [data-part="done"] { corner-shape: inherit; }
  [data-r="timeline"] [data-part="milestone"] { corner-shape: round; }
  [data-r="timeline"] [data-part="name"] > button[data-part="label"] { corner-shape: round; }
  [data-r="timeline"] [data-part="name"] > [data-part="fold"] { corner-shape: round; }
  [data-r="timeline"] [data-part="piece"] { corner-shape: round; }
  [data-r="range-select"] > [data-part="band"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="range-select"] > [data-part="band"]:not([data-start]) { corner-top-left-shape: round; corner-bottom-left-shape: round; }
  [data-r="range-select"] > [data-part="band"]:not([data-end]) { corner-top-right-shape: round; corner-bottom-right-shape: round; }
  [data-r="range-select"] [data-part="handle"] { corner-shape: round; }
  [data-r="range-select"] [data-part="handle"]::before { corner-shape: inherit; }
  [data-r="range-select"] [data-part="said"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="scrubber"] [data-part="handle"] { corner-shape: round; }
  [data-r="scrubber"] [data-part="handle"]::before { corner-shape: inherit; }
  [data-r="scrubber"][data-variant="bars"] [data-part="bars"] > i { corner-shape: round; }
  [data-r="title-block"] > [data-part="title"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="update-card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="latest-update"] > [data-part="empty"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="latest-update"] > [data-part="writer"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="link-row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="link-row"] > [data-part="link"] { corner-shape: inherit; }
  [data-r="link-row"] > [data-part="link"] > [data-part="tile"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="link-row"] > [data-part="link"] > [data-part="title"][contenteditable] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="prose"] :not(pre) > code { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="prose"] a { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="prose"] figure > :is(img, svg, video, [data-part="media"]) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="code-block"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="code-block"] pre { corner-shape: round round superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="code-block"]:not(:has(> [data-part="head"])) pre { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="code-block"] > [data-part="drawing"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="swatch-strip"] > i { corner-shape: round; }
  [data-r="rich-text"] [data-part="doc"] > [data-part="item"]:is([data-lifted], [data-held]) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-part="item"][data-selected] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-block="callout"] > [data-part="box"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-block="callout"] button[data-part="icon"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-block="collapsible"] > [data-part="toggle"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-block="columns"] > [data-part="column"]:is(:empty, [data-empty]) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-block="contents"] > [data-part="box"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-block="contents"] [data-part="entry"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-block="table"] > [data-part="add"] { corner-shape: round; }
  [data-r="rich-text"] [data-block="image"] [data-part="media"] > img { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-block="image"] [data-part="empty"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-block="image"][data-state="waiting"] [data-part="media"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-block="image"] [data-part="size"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-part="text"]:not([data-r="code-block"] *) code { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="rich-text"] [data-part="text"] a { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="format-bar"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="format-bar"][data-variant="keyboard"] { corner-shape: round; }
  [data-r="format-bar"][data-variant="keyboard"] > [data-part="panel"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="format-bar"][data-variant="keyboard"] [data-part="tile"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="outline"] [data-part="line"] { corner-shape: round; }
  [data-r="outline"] > [data-part="panel"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="outline"] [data-part="row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="session-preview"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="session-preview"][data-variant="top"] { corner-shape: round; }
  [data-r="side-panel"] [data-part="structure"] > [data-part="written"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  .trail__bg { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  .trail__gear { corner-shape: round; }
  .trail__menu { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  .trail__seg { corner-shape: round; }
  .trail__seg button { corner-shape: round; }
  .trail__mrow { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  .trail__sw { corner-shape: round; }
  .trail__sw::after { corner-shape: round; }
  .trail__scroll { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  .trail__link { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  .trail[data-bars] .trail__tick { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  .trail[data-bars] .trail__tick::after { corner-shape: inherit; }
  .trail__dot { corner-shape: round; }
  .trail__skim { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  .trail-line__knob { corner-shape: round; }
  .trail-line__knob::before { corner-shape: round; }
  .trail-line__tag { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="suggested-edit"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="comment-anchor"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="message"] > [data-part="bubble"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="message"] [data-part="caret"] { corner-shape: round; }
  [data-r="message-step"] > [data-part="head"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="message-changes"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="message-changes"] > [data-part="row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="message-box"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="inbox-row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="inbox-row"] > [data-part="unread"] { corner-shape: round; }
  [data-r="inbox-row"] > [data-part="icon"] { corner-shape: round; }
  [data-r="icon-picker"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="icon-picker"] [data-part="cell"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="colour-picker"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="colour-picker"] [data-part="plane"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="colour-picker"] [data-part="plane"] > canvas { corner-shape: inherit; }
  [data-r="colour-picker"] [data-part="plane"] > [data-part="lock"] { corner-shape: inherit; }
  [data-r="colour-picker"] [data-part="thumb"] { corner-shape: round; }
  [data-r="colour-picker"] [data-part="hue"] { corner-shape: round; }
  [data-r="colour-picker"] [data-part="hue"] > canvas { corner-shape: inherit; }
  [data-r="colour-picker"] [data-part="value"] > [data-part="preview"] { corner-shape: round; }
  [data-r="colour-picker"][data-variant="paint"] [data-part="alpha"] { corner-shape: round; }
  [data-r="colour-picker"][data-variant="paint"] [data-part="alpha"]::before { corner-shape: inherit; }
  [data-r="scene-chart"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="scene-chart"] [data-r="tooltip"] [data-part="row"] > i { corner-shape: round; }
  [data-r="scene-chart"] [data-r="tooltip"] [data-part="row"] > i[data-kind="block"] { corner-shape: round; }
  [data-r="legend"] > span > i[data-kind="today"] { corner-shape: round; }
  [data-r="chip"] > i[data-kind="dot"] { corner-shape: round; }
  [data-r="chart-card"] > [data-part="clip"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="lightbox"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="lightbox"] > [data-part="strip"] > [data-part="shot"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="thumb"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="thumb"]::after { corner-shape: inherit; }
  [data-r="file-browser"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="file-browser"] [data-part="viewer-body"] > [data-part="picture"] > img { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="file-browser"] [data-part="profile"] [data-part="readout"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="dialog"][data-kind="share"] [data-part="preview"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="dialog"][data-kind="share"] [data-part="preview"] > [data-part="glyph"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="dialog"][data-kind="share"] [data-part="weeks"] > i { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"] .tip { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"] .tip .sw { corner-shape: round; }
  [data-r="script-chart"] .tip .sw:is([data-kind="block"], .block) { corner-shape: round; }
  [data-r="script-chart"] .tip .sw:is([data-kind="dot"], .dot) { corner-shape: round; }
  [data-r="script-chart"] .tip .sw[data-kind="open"] { corner-shape: round; }
  [data-r="sync"] { corner-shape: round; }
  [data-r="sync-panel"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sync-panel"] [data-part="conflict"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sync-panel"] [data-part="choice"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="version-compare"] > [data-part="lines"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="calendar-bar"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="calendar-bar"] > [data-part="legend"] > [data-part="key"] { corner-shape: round; }
  [data-deleted="shown"] [data-part="lane"] > [data-part="deleted"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="view-options"][data-variant="calendar"] > [data-part="section"] > [data-part="preview"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > [data-part="meter"] { corner-shape: round; }
  [data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > [data-part="meter"]::before { corner-shape: inherit; }
  [data-r="month-grid"][data-variant="classic"] [data-part="sports"] > [data-part="sport"] > [data-part="meter"] > [data-part="target"] { corner-shape: round; }
  [data-r="month-grid"][data-variant="classic"] [data-part="spread"] > [data-part="spread-bar"] { corner-shape: round; }
  [data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > i:first-child { corner-shape: round; }
  [data-r="month-grid"][data-variant="classic"] [data-part="spread-bar"] > i:last-of-type { corner-shape: round; }
  [data-r="month-grid"][data-variant="classic"] [data-part="day-head"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="month-grid"][data-variant="classic"] [data-part="notes"] > [data-part="note"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="month-grid"] [data-part="day"] > [data-part="span"][data-edge="start"],
  [data-r="month-grid"] [data-part="day"] > [data-part="span"][data-edge="only"] { corner-top-left-shape: superellipse(var(--corner-nest, var(--corner-k))); corner-bottom-left-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="month-grid"] [data-part="day"] > [data-part="span"][data-edge="end"] { corner-top-right-shape: superellipse(var(--corner-nest, var(--corner-k))); corner-bottom-right-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="month-grid"] [data-part="day"] > [data-part="span"][data-edge="only"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="week-grid"] [data-part="about"] > [data-part="span"]:is([data-edge="start"], [data-edge="only"]) { corner-top-left-shape: superellipse(var(--corner-nest, var(--corner-k))); corner-bottom-left-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="week-grid"] [data-part="about"] > [data-part="span"]:is([data-edge="end"], [data-edge="only"]) { corner-top-right-shape: superellipse(var(--corner-nest, var(--corner-k))); corner-bottom-right-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="lasso"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-tile="dot"] [data-r="calendar-session"]:not([data-size]) { corner-shape: round; }
  [data-r="month-grid"][data-variant="classic"] > [data-part="week"][data-loading] [data-part="tile-skeleton"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="calendar-bar"] [data-part="find"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="calendar-bar"] [data-part="find"] > [data-part="note-mark"] { corner-shape: round; }
  @container month-grid (max-width: 759px) {
    [data-r="month-grid"][data-variant="classic"] > [data-part="week"] > [data-part="day"][data-today] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
    [data-r="month-grid"][data-variant="classic"] [data-part="day"] > [data-part="span"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  }
  [data-r="script-chart"][data-name="engineering-scene"] > [data-part="code"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"][data-name^="engineering-"] [data-part="panel"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"][data-name^="engineering-"] [data-part="swatch"] { corner-shape: round; }
  [data-r="script-chart"][data-name="engineering-gradient"] [data-part="strip"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"][data-name="engineering-pixel"] [data-part="pixels"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"][data-name="final-grammar"] > [data-part="spec"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"][data-name="level-6-particles"] .field { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"][data-name="library-multiples"] .cell { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"][data-name="nine-table"] .kmbar { corner-shape: round; }
  [data-r="script-chart"][data-name="nine-table"] .heat { corner-shape: round; }
  [data-r="script-chart"][data-name="sentence-chart"] > [data-part="spec"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"][data-name^="studio-"] .panel { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"][data-name="ten-gradient"] .glowcard { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"][data-name="ten-gradient"] .gr-plot { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="script-chart"][data-name="twelve-circos"] .tip .sw[data-kind="area"] { corner-shape: round; }
  [data-r="demand-strip"][data-size="row"] > i { corner-shape: round; }
  [data-r="demand-strip"][data-size="full"] > [data-part="demand"] > [data-part="bar"] { corner-shape: round; }
  [data-r="fuel-plan"] > [data-part="where"] > [data-part="track"] { corner-shape: round; }
  [data-r="fuel-plan"] > [data-part="where"] > [data-part="track"] > [data-part="feed"] { corner-shape: round; }
  [data-r="side-panel"] [data-part="source"] > [data-part="newer"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="compliance-grid"] [data-part="cell"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="compliance-grid"] [data-part="week"] > [data-part="meter"] { corner-shape: round; }
  [data-part="mark"][data-landing] { corner-shape: round; }
  [data-part="mark"][data-landing="off"] { corner-shape: round; }
  [data-part="mark"][data-landing="missed"] { corner-shape: round; }
  [data-part="mark"][data-landing="excused"] { corner-shape: round; }
  [data-r="attention-row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-part="coach-mark"] [data-part="pips"] > i { corner-shape: round; }
  [data-r="coach-thread"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="property-editor"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="property-editor"] > [data-part="example"] { corner-bottom-right-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="property-editor"] > [data-part="example"] [data-part="shape"] { corner-shape: round; }
  [data-r="property-editor"] > [data-part="example"] [data-part="pill"] { corner-shape: round; }
  @container (max-width: 620px) {
    [data-r="property-editor"] > [data-part="example"] { corner-bottom-left-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  }
  [data-r="availability-editor"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="availability-editor"] [data-part="days"] [data-part="day"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="availability-editor"] [data-part="days"] [data-part="day"] > [data-part="dots"] > i { corner-shape: round; }
  [data-r="availability-editor"] [data-part="days"] [data-part="day"][aria-selected="true"] { corner-shape: round; }
  [data-r="availability-editor"] [data-part="days"] [data-part="day"][aria-selected="true"]:is([data-edge="start"], [data-edge="only"]) { corner-top-left-shape: superellipse(var(--corner-nest, var(--corner-k))); corner-bottom-left-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="availability-editor"] [data-part="days"] [data-part="day"][aria-selected="true"]:is([data-edge="end"], [data-edge="only"]) { corner-top-right-shape: superellipse(var(--corner-nest, var(--corner-k))); corner-bottom-right-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="workout-text"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="workout-text"] [data-part="editor"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="workout-text"] [data-part="ln"]:is([data-tone="warning"], [data-tone="danger"])::before { corner-shape: round; }
  [data-r="workout-text"] [data-part="zone"] > [data-part="bar"] { corner-shape: round; }
  [data-r="workout-text"] [data-part="zone"] > [data-part="bar"] > i { corner-shape: inherit; }
  [data-r="workout-text"][data-compact] { corner-shape: round; }
  [data-r="page"][data-focus] [data-r="workout-text"] { corner-shape: round; }
  [data-r="register"] > [data-part="body"] > [data-part="detail"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="evidence"] { corner-shape: round; }
  [data-r="property-card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  :is([data-r="token"], [data-r="property"] > [data-r="button"], [data-r="property"] > [data-r="select"], [data-r="menu-item"]) > [data-part="steps"] > i { corner-shape: round; }
  [data-r="allostatic"],
  [data-r="regulators"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="allostatic"] > [data-part="meter"] > i { corner-shape: round; }
  [data-r="allostatic"] > [data-part="meter"] > [data-part="mark"] { corner-shape: round; }
  [data-r="allostatic"] [data-part="part"] > [data-part="bar"] { corner-shape: round; }
  [data-r="allostatic"] [data-part="part"] > [data-part="bar"] > i { corner-shape: round; }
  [data-r="regulators"] > [data-part="reg"] > [data-part="pips"] > i { corner-shape: round; }
  [data-r="workout-builder"] [data-part="title"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="workout-builder"] > [data-part="canvas"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="workout-builder"] [data-part="block"] { corner-shape: round; }
  [data-r="workout-builder"] [data-part="set"] { corner-shape: round; }
  [data-r="workout-builder"] > [data-part="canvas"] [data-part="readout"] { corner-shape: round; }
  [data-r="workout-builder"] [data-part="zones-bar"] { corner-shape: round; }
  [data-r="workout-builder"] [data-part="rows"] > :is([data-part="row"], [data-part="set-row"]) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="workout-builder"] [data-part="rows"] [data-part="zone"] { corner-shape: round; }
  [data-r="workout-builder"] [data-part="rows"] input { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="workout-builder"][data-variant="bare"] { corner-shape: round; }
  [data-r="page"][data-focus] [data-r="workout-builder"] { corner-shape: round; }
  [data-r="workout-builder"] > [data-part="canvas"] > [data-part="minimap"] > [data-part="window"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="card-wall"] > [data-part="grid"] > [data-part="ghost"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="card-wall"][data-variant="shelf"] [data-part="item"] > [data-part="actions"] { corner-shape: round; }
  [data-r="card-wall"] > [data-part="note"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="card-wall"] > [data-part="grid"] > [data-r="skeleton"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="wall-card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="wall-card"] [data-part="spark"] > i { corner-shape: round; }
  [data-r="wall-card"] [data-part="meter"] { corner-shape: round; }
  [data-r="wall-card"] [data-part="meter"] > [data-part="usual"] { corner-shape: round; }
  [data-r="wall-card"] [data-part="meter"] > [data-part="fill"] { corner-shape: round; }
  [data-r="wall-card"] [data-part="columns"] > [data-part="column"] > i { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round round; }
  [data-r="wall-card"] [data-part="track"] > i { corner-shape: round; }
  [data-r="wall-card"] [data-part="rungs"] > li::before { corner-shape: round; }
  [data-r="wall-card"] [data-part="strip"] > i { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round round; }
  [data-r="wall-card"] [data-part="strip"] > i[data-now]::after { corner-shape: round; }
  [data-r="wall-card"] [data-part="strip"] > i[data-part="gap"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="wall-card"] [data-part="cells"] > i { corner-shape: round; }
  [data-r="wall-card"] [data-part="scale"] > i { corner-shape: round; }
  [data-r="wall-card"] [data-part="stack"] > i { corner-shape: round; }
  [data-r="wall-card"] [data-part="store"] > [data-part="level"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="wall-card"] [data-part="plane"] > i { corner-shape: round; }
  [data-r="wall-card"] [data-part="grid9"] > i { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="wall-card"] [data-part="pairs"] > [data-part="pair"] > i { corner-shape: round; }
  [data-r="wall-card"] > [data-part="resize"][data-edge="se"]::after { corner-bottom-right-shape: round; }
  [data-r="wall-card"] > [data-part="size"] { corner-shape: round; }
  [data-r="card-picker"] > [data-part="preview"] > [data-part="stage"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="split-view"] > [data-part="seam"] > [data-part="grip"] { corner-shape: round; }
  [data-r="split-view"] > [data-part="switch"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="curve"] [data-part="key"] i,
  [data-r="curve"] [data-part="readout"] i[data-series] { corner-shape: round; }
  [data-r="curve"] :is([data-part="today"], [data-part="event-dot"]) { corner-shape: round; }
  [data-r="curve"] [data-part="strip-head"] > i { corner-shape: round; }
  [data-r="curve"] [data-part="readout"] [data-part="row"] > i { corner-shape: round; }
  [data-r="fold"] [data-part="day"] > [data-part="row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="fold"] [data-part="session-row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="drawer"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round round; }
  [data-r="drawer"] [data-part="handle"] { corner-shape: round; }
  [data-r="stack"] > [data-part="item"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="stack"] [data-part="node"] { corner-shape: round; }
  [data-r="stack"] > [data-part="now"]::before { corner-shape: round; }
  [data-r="gallery"] [data-part="folder-head"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="gallery"] :is([data-part="more"], [data-part="more-folders"]) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="gallery"] [data-part="item"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="gallery"][data-variant="preview"] [data-part="item"] > [data-part="preview"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="blocks"] [data-part="block"],
  [data-part="block"][data-ghost] { corner-shape: round; }
  [data-part="block"] > [data-part="swatch"] { corner-shape: round; }
  [data-r="blocks"][data-variant="pages"] > [data-part="list"] > [data-part="item"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="blocks"][data-variant="pages"] [data-part="thumb"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="blocks"][data-variant="pages"] [data-part="item"] > [data-part="index"] { corner-shape: round; }
  [data-r="blocks"][data-variant="pages"] [data-r="sortable"] > [data-part="slot"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="blocks"][data-variant="pages"] > [data-part="add"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="page"][data-template="canvas"] > [data-part="main"] > [data-part="drop"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-part="feed"] > [data-part="start"] > [data-part="icon"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"][data-from="them"]:is([data-cluster="last"], [data-cluster="single"], :not([data-cluster])):not([data-deleted], [data-jumbo]) > [data-part="body"] > [data-part="bubble"]:not([data-bare]) { corner-bottom-left-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"][data-from="me"]:is([data-cluster="last"], [data-cluster="single"], :not([data-cluster])):not([data-deleted], [data-jumbo]) > [data-part="body"] > [data-part="bubble"]:not([data-bare]) { corner-bottom-right-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"][data-from="them"][data-cluster="first"] > [data-part="body"] > [data-part="bubble"] { corner-bottom-left-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"][data-from="them"][data-cluster="middle"] > [data-part="body"] > [data-part="bubble"] { corner-top-left-shape: superellipse(var(--corner-nest, var(--corner-k))); corner-bottom-left-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"][data-from="them"][data-cluster="last"] > [data-part="body"] > [data-part="bubble"] { corner-top-left-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"][data-from="me"][data-cluster="first"] > [data-part="body"] > [data-part="bubble"] { corner-bottom-right-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"][data-from="me"][data-cluster="middle"] > [data-part="body"] > [data-part="bubble"] { corner-top-right-shape: superellipse(var(--corner-nest, var(--corner-k))); corner-bottom-right-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"][data-from="me"][data-cluster="last"] > [data-part="body"] > [data-part="bubble"] { corner-top-right-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="quote"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"] > [data-part="tools"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"] > [data-part="tools"] [data-part="tray"] > button { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-chat-look="paper"] [data-r="chat-message"][data-from="them"]:is([data-cluster="last"], [data-cluster="single"], :not([data-cluster])) > [data-part="body"] > [data-part="bubble"] { corner-bottom-left-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-chat-look="paper"] [data-r="chat-message"][data-from="me"]:is([data-cluster="last"], [data-cluster="single"], :not([data-cluster])) > [data-part="body"] > [data-part="bubble"] { corner-bottom-right-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"] > [data-part="swipe"] { corner-shape: round; }
  [data-r="message-press"] > [data-part="bar"] { corner-shape: round; }
  [data-r="message-press"] > [data-part="bar"] > button { corner-shape: round; }
  [data-r="message-press"] > [data-part="actions"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="message-press"] > [data-part="actions"] > button { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-jump"] > button { corner-shape: round; }
  [data-r="chat-jump"] > button > [data-part="count"] { corner-shape: round; }
  [data-r="reaction-list"] > [data-part="tabs"] > button { corner-shape: round; }
  [data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] > button[data-part="edited"]:focus-visible { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"] > [data-part="body"] > [data-part="bubble"] > [data-part="meta"] > button[data-part="edited"][data-force~="focus"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"] > [data-part="body"] > [data-part="media"] > [data-part="meta"] { corner-shape: round; }
  [data-r="chat-album"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-poll"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-poll"] [data-part="option"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-poll"] [data-part="option"] > [data-part="mark"] { corner-shape: round; }
  [data-r="chat-divider"][data-kind="day"] > span { corner-shape: round; }
  [data-r="pinned-message"] > [data-part="open"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="typing"] > [data-part="dots"] > i { corner-shape: round; }
  [data-r="chat-composer"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-composer"] > [data-part="context"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-composer"] > [data-part="recording"] > [data-part="live"] { corner-shape: round; }
  [data-r="chat-composer"] > [data-part="scheduled"] > [data-part="row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="conversation-row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="voice-note"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="voice-note"] > [data-part="wave"] > i,
  [data-r="chat-composer"] [data-part="wave"] > i { corner-shape: round; }
  [data-r="voice-note"] > [data-part="wave"]:focus-visible { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="voice-note"] > [data-part="wave"][data-force~="focus"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="attachment"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="attachment"] > [data-part="kind"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-message"] [data-r="thumb"][data-part="picture"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-card"] > [data-part="quote"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-event"] [data-part="object"] { corner-shape: round; }
  [data-r="seal"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="device-row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="device-row"] > [data-part="kind"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="pairing-code"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="recovery-code"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="recovery-code"] > [data-part="words"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="recovery-code"] > [data-part="restore"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="seal"][data-variant="mark"] { corner-shape: round; }
  [data-r="scale"] > [data-part="steps"] > button { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="choice"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="choices"][data-many] [data-r="choice"] > [data-part="mark"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="question-flow"][data-variant="lifted"],
  [data-r="week-planning"] > [data-r="question-flow"],
  [data-part="phone"] > [data-r="question-flow"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="question-flow"] [data-part="why"] > summary { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="field"][data-kind="password"] > [data-part="reveal"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="stopwatch"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="stopwatch"][data-variant="session"] { corner-shape: round; }
  [data-r="copy-value"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="qr"] > [data-part="code"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="connection"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="connection"] > [data-part="mark"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="camera"] > [data-part="view"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="camera"] > [data-part="view"] > [data-part="frame"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="camera"] > [data-part="view"] > [data-part="frame"] > i:nth-child(1) { corner-top-left-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="camera"] > [data-part="view"] > [data-part="frame"] > i:nth-child(2) { corner-top-right-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="camera"] > [data-part="view"] > [data-part="frame"] > i:nth-child(3) { corner-bottom-left-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="camera"] > [data-part="view"] > [data-part="frame"] > i:nth-child(4) { corner-bottom-right-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="image-crop"] > [data-part="stage"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="image-crop"][data-shape="round"] > [data-part="stage"] > [data-part="mask"] { corner-shape: round; }
  [data-r="image-crop"][data-shape="square"] > [data-part="stage"] > [data-part="mask"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="image-crop"][data-shape="round"] > [data-part="result"] img { corner-shape: round; }
  [data-r="image-crop"][data-shape="square"] > [data-part="result"] img { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="live-reading"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="live-reading"] > [data-part="head"] > [data-part="beat"] { corner-shape: round; }
  [data-r="plan"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="payment-method"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="payment-method"] > [data-part="kind"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="invoice"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="select"][data-kind="person"][data-empty]::after { corner-shape: inherit; }
  [data-r="experiment"] [data-part="safety"] > li::before { corner-shape: round; }
  [data-part="ramtt"] { corner-shape: round; }
  [data-r="goal-range"] > [data-part="track"] { corner-shape: round; }
  [data-r="goal-range"] [data-part="fill"] { corner-shape: inherit; }
  [data-r="goal-range"] [data-part="mark"] { corner-shape: round; }
  [data-r="season-goal"][data-variant="row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-goal"][data-variant="card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  :is([data-r="season-goal"], [data-r="decision"], [data-r="incident"]) [data-part="steps"] > i { corner-shape: round; }
  [data-r="goal-check"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="decision"][data-variant="row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="decision"] li[data-part="reach"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="revision"]:where(:not([data-variant])) [data-part="version"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="revision"]:where(:not([data-variant])) [data-part="version"] > [data-part="node"] { corner-shape: round; }
  [data-r="experiment"] [data-part="scale"] > i { corner-shape: round; }
  [data-r="experiment"][data-below] > [data-part="outcome"] > [data-part="verdict"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="incident"][data-variant="row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="incident"] [data-part="no-owner"] { corner-shape: round; }
  [data-r="playbook"] [data-part="step"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="playbook"] [data-part="step"] > [data-part="number"] { corner-shape: round; }
  [data-r="playbook"] > [data-part="exit"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="event"][data-variant="row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="event"][data-variant="card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  :is([data-r="season-strip"], [data-r="event"] > [data-part="season-strip"]) [data-part="phase"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="relation"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="relations"] > [data-part="none"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="history"] [data-part="entry"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="history"] > [data-part="none"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="properties"] > [data-part="as-of"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="revision"]:where(:not([data-variant])) dd[data-empty] > [data-part="empty"] { corner-shape: round; }
  [data-r="study-state"] { corner-shape: round; }
  [data-r="study-track"] > [data-part="stop"]::before { corner-shape: round; }
  [data-r="athlete-switcher"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="viewing-as"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="roster-row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="roster-row"] > [data-part="week"] > [data-part="meter"] { corner-shape: round; }
  [data-r="roster-row"] > [data-part="week"] > [data-part="meter"]::before { corner-shape: inherit; }
  [data-r="invite"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="invitation"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="invitation"] > [data-part="who"] { corner-shape: round; }
  [data-r="invite-landing"] > [data-part="card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="access-matrix"] [data-part="level"] > i { corner-shape: round; }
  [data-r="access-matrix"] > [data-part="meaning"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="consent"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="access-person"] > [data-part="icon"] { corner-shape: round; }
  [data-r="access-log"] > [data-part="on"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="proof-mark"]:not([data-variant]) { corner-shape: round; }
  [data-r="proof-mark"][data-variant]::before { corner-shape: round; }
  [data-r="proof-mark"][data-variant="pill"] { corner-shape: round; }
  :is([data-r="proof"], [data-r="sealed-panel"], [data-r="second-opinion"]):not([data-variant]) { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="proof"][data-variant="read"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="how-it-works"] [data-part="formula"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="signal"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="signal"] > [data-part="drivers"] [data-part="driver"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-part="drivers"] [data-part="driver"] > [data-part="stands"] > i { corner-shape: round; }
  [data-part="drivers"] [data-part="driver"] > [data-part="carries"] > [data-part="share"] { corner-shape: round; }
  [data-part="drivers"] [data-part="driver"] > [data-part="carries"] > [data-part="share"] > [data-part="fill"] { corner-shape: round; }
  [data-r="toggletip"] { corner-shape: round; }
  [data-r="toggletip"][data-variant="word"] { corner-shape: round; }
  [data-r="button"][data-confirm][data-armed] > [data-part="left"] { corner-shape: round; }
  [data-r="waitlist"] > [data-part="stages"] > li > [data-part="node"] { corner-shape: round; }
  [data-r="setup"] [data-r="sidebar-item"] > [data-part="left"] { corner-shape: round; }
  [data-r="door-field"][data-variant="story"] > [data-part="app"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="door-field"][data-variant="story"] [data-part="nav"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="door-field"][data-variant="story"] [data-part="nav"] > i { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="door-field"][data-variant="story"] [data-part="lines"] > i { corner-shape: round; }
  [data-r="door-field"][data-variant="story"] [data-focus-part] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="door-field"][data-variant="story"] [data-part="badges"] > [data-focus-part][data-lit] { corner-shape: round; }
  [data-r="door-field"][data-variant="story"] [data-part="words"] > li > i { corner-shape: round; }
  [data-r="block-builder"] > [data-part="plot"] [data-part="week"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="block-builder"] > [data-part="plot"] [data-part="week"] [data-part="step"] > i { corner-shape: round; }
  [data-r="block-builder"] > [data-part="plot"] [data-part="track"] { corner-shape: round; }
  [data-r="block-builder"] > [data-part="plot"] [data-part="handle"] { corner-shape: round; }
  [data-r="block-builder"] > [data-part="plot"] [data-part="handle"]::before { corner-shape: inherit; }
  [data-r="reserve-line"] > [data-part="plot"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="reserve-line"] [data-part="field"] > :is([data-part="low"], [data-part="at"]) { corner-shape: round; }
  [data-r="reserve-line"][data-kind="glycogen"] [data-part="field"] > [data-part="dose"] { corner-shape: round; }
  [data-r="reserve-line"][data-kind="glycogen"] [data-part="field"] > [data-part="dose"]::before { corner-shape: round; }
  [data-r="season-line"] > [data-part="plot"] [data-part="week"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-line"] > [data-part="plot"] [data-part="week"]::after { corner-shape: round; }
  [data-r="season-line"] > [data-part="plot"] [data-part="track"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-line"] > [data-part="plot"] [data-part="track"] > [data-part="off"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-line"] > [data-part="plot"] [data-part="bar"] > [data-part="over"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-line"] > [data-part="plot"] [data-part="band"] > i { corner-shape: round; }
  [data-r="block"] > [data-part="plot"] [data-part="week"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="block"] > [data-part="plot"] [data-part="track"] { corner-shape: round; }
  [data-r="block"] > [data-part="plot"] [data-part="fill"] { corner-shape: round; }
  [data-r="block"] > [data-part="plot"] [data-part="bar"] > [data-part="over"] { corner-shape: round; }
  [data-r="block"] > [data-part="plot"] [data-part="band"] > i { corner-shape: round; }
  [data-track] [data-r="legend"] > span > i[data-kind="range"] { corner-shape: round; }
  [data-track] [data-r="legend"] > span > i[data-kind="dot"] { corner-shape: round; }
  [data-track] [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-kind="range"] { corner-shape: round; }
  [data-track] [data-r="plot"] > [data-part="tip"] > [data-part="row"] > i[data-kind="dot"] { corner-shape: round; }
  [data-r="profile-coverage"] > [data-part="line"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="profile-coverage"] [data-part="none"] { corner-shape: round; }
  [data-r="profile-coverage"][data-variant="over"] > [data-part="detail"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="test-effort"] > [data-r="legend"] > span > i[data-kind="left-out"] { corner-shape: round; }
  [data-r="test-effort"] > [data-r="legend"] > span > i[data-kind="knob"] { corner-shape: round; }
  [data-r="test-effort"] > [data-r="plot"] > [data-part="knob"] { corner-shape: round; }
  [data-r="heat"] > [data-r="legend"] > span > i { corner-shape: round; }
  [data-r="reaction-test"] > [data-part="field"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="reaction-test"] > [data-part="field"] > [data-part="mark"] { corner-shape: round; }
  [data-r="recovery"] > [data-r="legend"] > span > i[data-kind="check-in"] { corner-shape: round; }
  [data-r="sleep-nights"] > [data-r="legend"] > span > i[data-kind="track"] { corner-shape: round; }
  [data-r="sleep-nights"] > [data-r="legend"] > span > i[data-kind="none"] { corner-shape: round; }
  [data-r="body-weight"] > [data-r="legend"] > span > i[data-kind="line"] { corner-shape: round; }
  [data-r="body-weight"] > [data-r="legend"] > span > i[data-kind="band"] { corner-shape: round; }
  [data-r="body-weight"] > [data-r="legend"] > span > i[data-kind="median"] { corner-shape: round; }
  [data-r="body-weight"] > [data-r="legend"] > span > i[data-kind="missing"] { corner-shape: round; }
  [data-r="lactate-test"] > [data-r="plot"] > [data-part="knob"] { corner-shape: round; }
  [data-r="threshold-ruler"] > [data-part="track"] { corner-shape: round; }
  [data-r="threshold-ruler"] > [data-part="knob"] { corner-shape: round; }
  [data-r="efficiency"] > [data-part="table"] > [data-part="scroll"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="form-figure"] > [data-part="table"] > [data-part="scroll"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="repeated-routes"] [data-r="legend"] > :is([data-name="point"], [data-name="unsure"]) > i { corner-shape: round; }
  [data-r="repeated-routes"] [data-part="route"] > [data-part="table"] > [data-part="scroll"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="traces"] [data-r="chip"] > [data-part="key"] { corner-shape: round; }
  [data-r="traces"] > [data-part="table"] > [data-part="scroll"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="power-curve"] [data-r="slider"] > [data-part="beyond"] { corner-shape: round; }
  [data-r="after-the-race"] > [data-part="plot"] > [data-part="knob"] { corner-shape: round; }
  [data-r="race-ask"] > [data-part="plot"] > [data-part="knob"] { corner-shape: round; }
  [data-r="pacing"] > [data-part="nothing"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="taper-grid"] [data-part="cell"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="glycogen-route"] > [data-part="plot"] > [data-part="knob"] { corner-shape: round; }
  [data-r="glycogen-route"] > [data-part="nothing"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="week-line"] [data-part="progress"] > i { corner-shape: round; }
  [data-r="chat-card"] > [data-part="changed"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="chat-card"] > [data-part="days"] > li > b > [data-part="tag"] { corner-shape: round; }
  [data-r="trace-select"] [data-part="mark"],
  [data-r="trace-select"] [data-part="band"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="trace-select"] [data-part="mark"]::after { corner-shape: round; }
  [data-r="trace-select"] [data-part="handle"] { corner-shape: round; }
  [data-r="trace-select"] [data-part="handle"]::before { corner-shape: inherit; }
  [data-r="doc-figure"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="doc-figure"] > [data-part="spark"] > i { corner-shape: round; }
  [data-r="map"] > [data-part="controls"][data-material="glass"] { corner-shape: round; }
  [data-r="calendar-event"][data-size="line"]::after { corner-shape: round; }
  [data-r="calendar-event"][data-size="span"]::before { corner-shape: round; }
  [data-r="calendar-event"][data-size="tick"] { corner-shape: round; }
  [data-r="day-note"][data-size="line"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="comment"][data-kind="note"] { corner-shape: round; }
  [data-r="week-shape"] > i { corner-shape: round; }
  [data-r="week-grid"] [data-part="lane"] > [data-part="ghost"],
  [data-r="month-grid"] [data-part="lane"] > [data-part="ghost"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="year-plan"] [data-part="axis"] > [data-part="today-label"] { corner-shape: round; }
  [data-r="year-plan"] [data-part="phase"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="year-plan"] [data-part="phase"] > [data-part="edge"]::after { corner-shape: round; }
  [data-r="year-plan"] :is([data-part="race"], [data-part="test"]) { corner-shape: round; }
  [data-r="template-preview"] > [data-part="column"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round round; }
  [data-r="template-preview"] > [data-part="column"][data-rest] { corner-shape: round; }
  [data-r="page"][data-template="form"] [data-form-questions] > [data-part="slot"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="page"][data-template="form"] [data-part="sheet"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="page"][data-template="form"] [data-part="sheet"] > [data-r="form-row"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-zoom"] [data-part="axis"] > [data-part="lower"] > [data-part="today-label"] { corner-shape: round; }
  [data-r="season-zoom"] [data-level="year"] [data-part="phase"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-zoom"] [data-level="year"] :is([data-part="race"], [data-part="test"]) { corner-shape: round; }
  [data-r="season-zoom"] [data-level="weeks"] [data-part="week"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="season-zoom"] [data-level="weeks"] [data-part="column"] > [data-part="track"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round round; }
  [data-r="season-zoom"] [data-part="day-head"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="side-by-side"] [data-part="lane"] > [data-part="slot"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="week-planning"]:not([data-alone]) > [data-r="question-flow"] > [data-part="nav"] { corner-bottom-left-shape: superellipse(var(--corner-nest, var(--corner-k))); corner-bottom-right-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="session-analysis"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="session-analysis"] [data-r="chip"] > [data-part="key"] { corner-shape: round; }
  [data-r="session-analysis"] > [data-part="overview"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="session-analysis"] > [data-part="overview"] > [data-part="window"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="session-analysis"] > [data-part="table"] > [data-part="scroll"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="session-analysis"] [data-part="pin"] { corner-shape: round; }
  [data-r="page"][data-template="figure"] > [data-part="side"] > [data-r="side-panel"][data-variant="peek"][data-over] { corner-shape: round; }
  [data-sid] > [data-part="quick"] { corner-shape: round; }
  [data-held-by]:not([aria-selected="true"])::after { corner-shape: inherit; }
  [data-r="token-swatch"] > [data-part="chip"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="token-swatch"][data-size="40"] > [data-part="chip"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  button[data-r="token-swatch"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="token-swatch"][data-variant="motion"] > [data-part="chip"]::after { corner-shape: round; }
  [data-r="token-swatch"][data-variant="shadow"] > [data-part="chip"]::after { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="token-swatch"][data-variant="themes"] > [data-part="halves"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="token-swatch"][data-variant="themes"][data-inset] > [data-part="halves"] > [data-part="half"] > [data-part="chip"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="token-swatch"][data-variant="themes"][data-size="40"] > [data-part="halves"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="study-card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="study-card"] > [data-part="picture"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="study-card"] > [data-part="picture"]::after { corner-shape: inherit; }
  [data-r="part-card"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="part-card"] > [data-part="stage"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="usage-map"] > [data-part="row"] > [data-part="bar"] { corner-shape: round; }
  [data-r="usage-map"] > [data-part="row"] > [data-part="bar"]::after { corner-shape: inherit; }
  [data-r="compare-slider"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="compare-slider"] > [data-part="label"] { corner-shape: round; }
  [data-r="compare-slider"] > [data-part="handle"]::after { corner-shape: round; }
  [data-r="check-finding"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="check-finding"] > [data-part="number"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round round; }
  [data-r="check-finding"][data-inside] > [data-part="number"] { corner-shape: round round superellipse(var(--corner-nest, var(--corner-k))) round; }
  [data-r="order-mark"] { corner-shape: round; }
  [data-r="contrast-pair"] > [data-part="plane"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  :is([data-r="contrast-pair"], [data-r="contrast-pair"] > [data-part="plane"]) > [data-part="sample"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="token-ramp"] > [data-part="step"] > i { corner-shape: round; }
  [data-r="space-scale"] > [data-part="step"] > [data-part="bar"] { corner-shape: round; }
  [data-r="pin-mark"] { corner-shape: round; }
  [data-r="redline"] > [data-part="length"] { corner-shape: round; }
  [data-r="device-frame"] > [data-part="body"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="selection"] > [data-part="box"] > [data-part="size"],
  [data-r="selection"] > :is([data-part="distance"], [data-part="angle"]) { corner-shape: round; }
  [data-r="selection"] > [data-part="box"] > [data-part="handle"] { corner-shape: round; }
  [data-r="selection"] > [data-part="box"] > [data-part="handle"]::before { corner-shape: inherit; }
  [data-r="selection"] > [data-part="box"] > [data-part="handle"]:is([data-at="nw"], [data-at="ne"], [data-at="se"], [data-at="sw"])::before { corner-shape: round; }
  [data-r="selection"] > [data-part="box"] > [data-part="handle"]:is([data-at="n"], [data-at="e"], [data-at="s"], [data-at="w"]) { corner-shape: round; }
  [data-r="selection"] > [data-part="box"] > [data-part="handle"][data-class="proportional"]::after { corner-shape: inherit; }
  [data-r="selection"] > [data-part="box"] > [data-part="handle"][data-class="crop"] { corner-shape: round; }
  [data-r="selection"] > :is([data-part="point"], [data-part="control"]) { corner-shape: round; }
  [data-r="selection"] > :is([data-part="point"], [data-part="control"])::before { corner-shape: inherit; }
  [data-r="selection"] > [data-part="point"][data-kind="corner"] { corner-shape: round; }
  [data-r="inspect"] :is([data-part="size"], [data-part="length"]) { corner-shape: round; }
  [data-r="inspect"] > [data-part="status"] { corner-shape: round; }
  [data-r="inspect"] [data-part="panel"] [data-r="property"] > [data-part="value"] > [data-part="swatch"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="inspect"] [data-part="panel"] [data-tokens] > [data-part="none"] { corner-shape: round; }
  [data-r="signature-pad"] [data-part="pad"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="signature-pad"] [data-part="mark"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="tour"] [data-part="step"] > button { corner-shape: round; }
  [data-r="tour"] [data-part="step"] > button > i { corner-shape: round; }
  [data-r="tour"] > [data-part="mark"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="board-shape"][data-variant="rect"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="board-shape"][data-variant="rect"][data-round] { corner-shape: round; }
  [data-r="board-shape"][data-variant="ellipse"] { corner-shape: round; }
  [data-r="board-shape"][data-ghost] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="board-shape"][data-ghost][data-variant="ellipse"] { corner-shape: round; }
  [data-r="board-map"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="board-map"] > [data-part="map"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="event-block"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="event-block"] > [data-part="resize"]::after { corner-shape: round; }
  [data-r="event-block"][data-clip="start"] { corner-top-left-shape: round; corner-top-right-shape: round; }
  [data-r="event-block"][data-clip="end"] { corner-bottom-left-shape: round; corner-bottom-right-shape: round; }
  [data-r="event-block"][data-clip="both"] { corner-shape: round; }
  [data-r="zoom"] > input[data-part="level"] { corner-shape: round; }
  [data-r="zoom"] > [data-part="reason"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="zoom"][data-variant="float"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="peer-caret"] > [data-part="name"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) round; }
  [data-r="peer-caret"][data-below] > [data-part="name"] { corner-shape: round superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))) superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="call-stage"] [data-part="tile"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="call-stage"] [data-part="tile"] > [data-part="name"] { corner-shape: round; }
  [data-r="call-status"] > [data-part="live"] { corner-shape: round; }
  [data-r="sticky-board"] [data-part="section"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sticky-board"] [data-part="section"] > [data-part="label"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="sticky-board"] [data-part="link-label"] { corner-shape: round; }
  [data-r="sticky-board"] [data-part="stamp"] { corner-shape: round; }
  [data-r="format-bar"][data-variant="stamps"] > [data-part="pick"] { corner-shape: round; }
  [data-r="paint-stack"] [data-part="item"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="paint-stack"] [data-part="swatch"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="paint-stack"] [data-part="swatch"]::after { corner-shape: inherit; }
  [data-r="paint-stack"] [data-part="gradient"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="paint-stack"] [data-part="gradient"]::before { corner-shape: inherit; }
  [data-r="paint-stack"] [data-part="stop"] { corner-shape: round; }
  [data-r="paint-stack"] [data-part="stop"]::before { corner-shape: inherit; }
  [data-r="paint-stack"] [data-part="stop"]::after { corner-shape: inherit; }
  [data-r="undated-tray"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="task-chip"] { corner-shape: round; }
  [data-r="link-map"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="link-map"] [data-part="node"] > [data-part="dot"] { corner-shape: round; }
  [data-r="link-map"] [data-part="node"] > [data-part="title"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="link-map"] [data-part="mark"] { corner-shape: round; }
}
}

/* ═══ f3-transitions.css ═══ */
@layer components {
:root[data-vt] { view-transition-name: none; }
@keyframes r-vt-out { to { opacity: 0; } }
@keyframes r-vt-in { from { opacity: 0; transform: scale(var(--view-scale)); } }
@keyframes r-vt-fade-in { from { opacity: 0; } }
@keyframes r-vt-out-start { to { opacity: 0; transform: translateX(calc(-1 * var(--view-shift))); } }
@keyframes r-vt-out-end { to { opacity: 0; transform: translateX(var(--view-shift)); } }
@keyframes r-vt-in-end { from { opacity: 0; transform: translateX(var(--view-shift)); } }
@keyframes r-vt-in-start { from { opacity: 0; transform: translateX(calc(-1 * var(--view-shift))); } }
::view-transition-group(*.r-view) { animation-duration: var(--view-in); animation-timing-function: var(--ease-expo); }
::view-transition-old(*.r-view) { animation: r-vt-out var(--view-out) ease-in both; }
::view-transition-new(*.r-view) { animation: r-vt-in var(--view-in) var(--ease-expo) both; }
::view-transition-group(*.r-step-next),
::view-transition-group(*.r-step-prev) { animation-duration: var(--view-in); animation-timing-function: var(--ease-expo); }
::view-transition-old(*.r-step-next) { animation: r-vt-out-start var(--view-out) ease-in both; }
::view-transition-new(*.r-step-next) { animation: r-vt-in-end var(--view-in) var(--ease-expo) both; }
::view-transition-old(*.r-step-prev) { animation: r-vt-out-end var(--view-out) ease-in both; }
::view-transition-new(*.r-step-prev) { animation: r-vt-in-start var(--view-in) var(--ease-expo) both; }
::view-transition-group(*.r-split-start) { overflow: clip; animation-duration: var(--view-in); animation-timing-function: var(--ease-expo); }
::view-transition-old(*.r-split-start),
::view-transition-new(*.r-split-start) { width: auto; height: 100%; object-fit: none; object-position: left top; }
::view-transition-old(*.r-split-start) { animation: r-vt-out var(--view-in) ease-out both; }
::view-transition-new(*.r-split-start) { animation: none; }
::view-transition-group(*.r-split-end) { animation: none; }
::view-transition-new(*.r-split-end) { animation: r-vt-in-end var(--view-in) var(--ease-expo) both; }
::view-transition-old(*.r-split-end) { display: none; }
::view-transition-group(*.r-state) { animation-duration: var(--view-in); animation-timing-function: var(--ease-expo); }
::view-transition-old(*.r-state) { animation: r-vt-out var(--view-out) ease-in both; }
::view-transition-new(*.r-state) { animation: r-vt-fade-in var(--view-in) var(--ease-expo) both; }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) { animation: none !important; }
}
}

/* ═══ g0-calendars.css ═══ */
@layer components {
[data-r="calendar-event"] { box-sizing: border-box; min-width: 0; cursor: default; }
[data-r="calendar-event"][hidden] { display: none; }
[data-r="calendar-event"][data-size="line"] { position: relative; display: flex; align-items: baseline; gap: 4px; height: var(--h-20); padding: 2px 6px 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); white-space: nowrap; overflow: hidden; }
[data-r="calendar-event"][data-size="line"]::after { content: ''; position: absolute; left: 6px; right: 6px; bottom: 2px; height: 2px; border-radius: var(--r-press); background: var(--c); }
[data-r="calendar-event"][data-size="line"] > [data-part="time"] { flex: none; font-variant-numeric: tabular-nums; }
[data-r="calendar-event"][data-size="line"] > [data-part="title"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="calendar-event"][data-size="line"][data-state="quiet"] { height: 6px; padding: 0; }
[data-r="calendar-event"][data-size="line"][data-state="quiet"] > * { display: none; }
[data-r="week-grid"][data-layout="time"] [data-part="lane"] > [data-r="calendar-event"][data-size="span"] { position: absolute; top: calc((var(--from) - var(--start)) * var(--hour) / 60); left: 0; width: 6px; height: calc(var(--len) * var(--hour) / 60); }
[data-r="week-grid"][data-layout="time"][data-others] [data-part="lane"] > :is([data-r="calendar-session"], [data-part="slot"]) { left: calc(7px + var(--col, 0) * (100% - 10px) / var(--cols, 1)); width: calc((100% - 10px) / var(--cols, 1) - 2px); }
[data-r="calendar-event"][data-size="span"]::before { content: ''; position: absolute; top: 1px; bottom: 1px; left: 0; width: 2px; border-radius: var(--r-press); background: var(--c); }
[data-r="calendar-event"][data-size="span"][data-track="1"]::before { left: 3px; }
[data-r="calendar-event"][data-size="span"][data-state="quiet"]::before { width: 1px; }
[data-r="month-grid"] [data-part="day"] > [data-part="events"] { position: relative; flex: none; height: 4px; margin: 0 6px 4px; }
[data-r="month-grid"]:not([data-variant="classic"]) [data-part="day"] > [data-part="events"] { margin: 2px 4px 2px; }
[data-r="month-grid"] [data-part="day"] > [data-part="events"]::before { content: ''; position: absolute; left: 0; right: 0; top: 1.5px; height: 1px; background: var(--line-1); }
[data-r="calendar-event"][data-size="tick"] { position: absolute; top: 1px; left: var(--a); width: max(2px, calc(var(--b) - var(--a))); height: 2px; border-radius: var(--r-press); background: var(--c); }
[data-r="calendar-event"][data-size="tick"][data-state="quiet"] { top: 1.5px; height: 1px; }
[data-r="week-grid"] [data-part="day"] > [data-part="context"]:has(> [data-part="free"]) { flex-wrap: wrap; row-gap: 2px; }
[data-r="week-grid"] [data-part="context"] > [data-part="free"] { display: inline-flex; align-items: center; gap: 3px; flex: none; margin-left: auto; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="week-grid"] [data-part="context"] > [data-part="free"] > svg[data-icon] { width: var(--icon-12); height: var(--icon-12); }
[data-r="week-grid"] [data-part="context"] > [data-part="free"][data-short] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="week-grid"] [data-part="context"] > [data-part="free"][data-short] > svg[data-icon] { color: var(--warning-dot); }
[data-r="view-options"] [data-part="row"][data-calendar] { min-height: var(--row-40); }
[data-r="view-options"] [data-part="row"][data-calendar] > [data-part="label"] { display: grid; grid-template-columns: 6px minmax(0, 1fr); align-items: center; column-gap: 8px; min-width: 0; }
[data-r="view-options"] [data-part="row"][data-calendar] > [data-part="label"] > [data-r="dot"] { grid-row: 1 / span 2; }
[data-r="view-options"] [data-part="row"][data-calendar] > [data-part="label"] > [data-part="name"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--ink); }
[data-r="view-options"] [data-part="row"][data-calendar] > [data-part="label"] > [data-part="from"] { grid-column: 2; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="view-options"] [data-part="row"][data-add] { justify-content: flex-start; margin-left: -6px; }
[data-r="view-options"] [data-part="row"][data-calendar][data-state="hidden"] > [data-part="label"] > [data-part="name"] { color: var(--ink-2); }
[data-r="dialog"] [data-r="form-row"] > [data-r="swatches"] { min-height: var(--h-28); align-items: center; }
[data-r="dialog"] > [data-part="body"][data-fields] { display: flex; flex-direction: column; gap: 16px; }
}

/* ═══ g0-day-notes.css ═══ */
@layer components {
[data-r="day-note"][data-size="line"] { display: flex; align-items: center; gap: 4px; min-width: 0; height: var(--h-20); margin: 0 -2px; padding: 0 4px; border-radius: var(--r-row); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); white-space: nowrap; cursor: default; outline: none; transition: background-color var(--state-out); }
[data-r="day-note"][data-size="line"][aria-expanded="true"] { background: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="day-note"][data-size="line"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="day-note"][data-size="line"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="day-note"][data-size="line"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="day-note"][data-size="line"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="day-note"][data-size="line"] > svg[data-glyph] { flex: none; }
[data-r="day-note"][data-size="line"] > [data-r="avatar"] { flex: none; }
[data-r="day-note"][data-size="line"] > [data-part="text"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="day-note"][data-size="line"] > [data-part="seen"] { display: flex; flex: none; color: var(--ink-3); }
[data-r="day-note"][data-size="line"] > [data-part="seen"] > svg[data-glyph] { width: var(--icon-12); height: var(--icon-12); }
[data-r="week-grid"] [data-part="about"] > [data-r="day-note"][data-size="line"] { margin: 0; }
[data-r="day-note"][data-size="mark"] { display: inline-flex; align-items: center; flex: none; margin-left: 2px; }
[data-r="comment"][data-kind="note"] { gap: 8px; min-width: 0; padding: 0; border-radius: 0; background: none; box-shadow: none; }
[data-r="comment"][data-kind="note"] + [data-r="comment"][data-kind="note"] { padding-top: 12px; border-top: var(--px) solid var(--line-2); }
[data-r="comment"][data-kind="note"] > [data-part="head"] { min-width: 0; }
[data-r="comment"][data-kind="note"] > [data-part="head"] > b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="comment"][data-kind="note"] > [data-part="head"] > time { flex: none; font-variant-numeric: tabular-nums; }
[data-r="comment"][data-kind="note"] > [data-part="head"] > [data-r="button"] + [data-r="button"] { margin-left: -6px; }
[data-r="comment"][data-kind="note"] > [data-part="text"] { line-height: var(--lh-13-long); color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; }
[data-r="comment"][data-kind="note"] > [data-part="foot"] { display: flex; flex-wrap: wrap; gap: 4px; }
[data-r="popover"][data-notes-for] { width: min(340px, calc(100vw - 32px)); max-width: calc(100vw - 32px); }
[data-r="popover"][data-notes-for] > [data-part="notes"] { display: flex; flex-direction: column; gap: 12px; }
[data-r="popover"][data-notes-for] > [data-part="notes"]:empty { display: none; }
[data-r="popover"][data-notes-for] > [data-part="compose"] { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
[data-r="popover"][data-notes-for] > [data-part="notes"]:empty + [data-part="compose"] { margin-top: 0; }
[data-r="popover"][data-notes-for] > [data-part="compose"] > [data-part="compose-foot"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
[data-r="fold"][data-variant="week"] [data-part="titles"] > :is([data-r="day-note"][data-size="mark"], [data-r="trip-mark"]) { flex: none; margin: 0 -8px 0 0; }
[data-r="fold"][data-variant="week"] [data-part="titles"] > [data-r="day-note"][data-size="mark"] { color: var(--ink-3); }
[data-r="fold"][data-variant="week"] [data-part="inner"] > [data-part="notes"] { display: flex; flex-direction: column; gap: 12px; margin: 8px 8px 0 var(--fold-indent); padding: 12px 0 0; border-top: var(--px) solid var(--line-2); }
}

/* ═══ g0-library-weeks.css ═══ */
@layer components {
[data-r="week-shape"] { --r1: var(--scale-rank-1); --r2: var(--scale-rank-2); --r3: var(--scale-rank-3); --r4: var(--scale-rank-4); display: inline-grid; grid-template-columns: repeat(7, 6px); gap: 1px; flex: none; align-items: center; }
[data-r="week-shape"] > i { width: 6px; height: 10px; border-radius: 1.5px; background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); }
[data-r="week-shape"] > i[data-step="1"] { background: var(--r1); box-shadow: none; }
[data-r="week-shape"] > i[data-step="2"] { background: var(--r2); box-shadow: none; }
[data-r="week-shape"] > i[data-step="3"] { background: var(--r3); box-shadow: none; }
[data-r="week-shape"] > i[data-step="4"] { background: var(--r4); box-shadow: none; }
[data-r="tree-item"][data-week-item] { cursor: grab; }
[data-r="tree-item"][data-week-item] > svg[data-glyph] { flex: none; margin: 0 3px; }
[data-r="tree-item"][data-week-item] > [data-r="week-shape"] { margin-left: auto; }
[data-r="tree-item"][data-week-item] > [data-r="week-shape"] + [data-part="meta"] { flex: none; width: 30px; margin-left: 0; text-align: right; font-variant-numeric: tabular-nums; }
[data-r="tree-item"][data-weeks] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); margin: 0 1px; }
[data-r="week-grid"][data-taking-week] [data-part="day"][data-over] { background: var(--plane-hover); }
[data-r="month-grid"] [data-part="week"][data-taking] > [data-part="day"] { background: var(--plane-hover); }
}

/* ═══ g0-plan-shift.css ═══ */
@layer components {
[data-r="week-grid"] [data-part="lane"] > [data-part="ghost"],
[data-r="month-grid"] [data-part="lane"] > [data-part="ghost"] { display: flex; align-items: center; gap: 4px; flex: none; box-sizing: border-box; min-width: 0; height: var(--h-24); padding: 0 6px; border: var(--px) dashed var(--line-4); border-radius: var(--r-row); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-3); white-space: nowrap; overflow: hidden; pointer-events: none; }
[data-r="month-grid"]:not([data-variant="classic"]) [data-part="lane"] > [data-part="ghost"] { height: var(--h-20); padding: 0 4px; }
[data-r="week-grid"] [data-part="lane"] > [data-part="ghost"] > [data-r="status"],
[data-r="month-grid"] [data-part="lane"] > [data-part="ghost"] > [data-r="status"] { flex: none; }
[data-r="week-grid"] [data-part="lane"] > [data-part="ghost"] > span,
[data-r="month-grid"] [data-part="lane"] > [data-part="ghost"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="week-grid"][data-layout="time"] [data-part="lane"] > [data-part="ghost"] { position: absolute; top: calc((var(--from, var(--start)) - var(--start)) * var(--hour) / 60 + 1px); left: 3px; right: 3px; height: calc(max(var(--len, 30) * var(--hour) / 60, 20px) - 2px); align-items: flex-start; padding-top: 3px; }
[data-shifting] [data-r="calendar-session"][data-shift="moves"],
[data-shifting] [data-r="calendar-session"][data-shift="out"] { opacity: .45; }
[data-shifting] [data-r="calendar-session"][data-shift="out"]:not([data-size]) { border-style: dashed; }
[data-r="popover"]:has(> [data-r="plan-shift"]) { width: min(384px, calc(100vw - 32px)); max-width: calc(100vw - 32px); }
[data-r="plan-shift"] { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
[data-r="plan-shift"] > [data-part="controls"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
[data-r="plan-shift"] > [data-part="controls"] > [data-r="field"][data-kind="stepper"] { width: 112px; }
[data-r="plan-shift"] > [data-part="footer"] { display: flex; justify-content: flex-end; gap: 6px; }
}

/* ═══ g0-trips.css ═══ */
@layer components {
[data-r="trip-mark"] { display: inline-flex; align-items: center; gap: 2px; flex: none; min-width: 0; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="trip-mark"] > svg[data-glyph] { flex: none; }
[data-r="month-grid"] [data-r="trip-mark"] > [data-part="offset"] { display: none; }
[data-r="calendar-session"] ~ [data-part="local"] { display: flex; align-items: center; flex-wrap: wrap; gap: 0 4px; min-width: 0; padding: 0 2px 0 4px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="calendar-session"] ~ [data-part="local"] > svg[data-glyph] { flex: none; }
[data-r="calendar-session"] ~ [data-part="local"] b { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="calendar-session"] ~ [data-part="local"] > [data-part="planned"] { white-space: nowrap; }
:is([data-density="compact"], [data-narrow-stage]) [data-r="calendar-session"] ~ [data-part="local"] > [data-part="planned"] { display: none; }
[data-r="week-grid"][data-layout="time"][data-zones="2"] > [data-part="days"] { grid-template-columns: 44px 52px repeat(7, minmax(0, 1fr)); }
[data-r="week-grid"][data-layout="time"] > [data-part="days"] > [data-part="hours"][data-zone="2"] { grid-column: 2; }
[data-r="week-grid"][data-layout="time"] > [data-part="days"] > [data-part="zone-name"] { grid-row: 2; align-self: end; min-width: 0; padding: 0 8px 4px 0; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="week-grid"][data-layout="time"] > [data-part="days"] > [data-part="zone-name"][data-zone="1"] { grid-column: 1; }
[data-r="week-grid"][data-layout="time"] > [data-part="days"] > [data-part="zone-name"][data-zone="2"] { grid-column: 2; }
@container week-grid (max-width: 699px) {
  [data-r="week-grid"][data-layout="time"][data-zones="2"] > [data-part="days"] { grid-template-columns: 36px 36px repeat(7, minmax(0, 1fr)); }
  [data-r="week-grid"][data-layout="time"] > [data-part="days"] > [data-part="zone-name"] { grid-row: 1; padding: 0 4px 4px 0; font-size: var(--fs-9); line-height: var(--lh-9); }
  [data-r="week-grid"][data-layout="time"][data-zones="2"] [data-part="hours"] > span { right: 4px; font-size: var(--fs-9); line-height: var(--lh-9); }
}
[data-r="dialog"] [data-r="form-row"] > [data-part="days"] { display: flex; align-items: center; min-height: var(--h-28); font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); }
[data-r="dialog"] [data-r="form-row"] > [data-r="select"] > [data-part="meta"] { margin-left: auto; color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="dialog"] [data-part="body"] > [data-part="said"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
}

/* ═══ g1-plan-year.css ═══ */
@layer components {
[data-r="year-plan"] { --name-w: 120px; --lane-h: var(--row-36); --axis-h: 40px; --view-days: var(--days); container: year-plan / inline-size; position: relative; display: flex; flex-direction: column; min-width: 0; color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="year-plan"][data-zoom="quarter"] { --view-days: 91.25; }
[data-r="year-plan"][data-zoom="month"] { --view-days: 30.4; }
[data-r="year-plan"] > [data-part="head"] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; min-height: 40px; padding-bottom: 8px; }
[data-r="year-plan"] > [data-part="head"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="year-plan"] > [data-part="head"] > [data-part="range"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="year-plan"] > [data-part="head"] > [data-part="spacer"] { flex: 1; }
[data-r="year-plan"] > [data-part="head"] > [data-part="add-race"] { cursor: grab; touch-action: none; }
[data-r="year-plan"] > [data-part="viewport"] { position: relative; overflow: auto hidden; overscroll-behavior-x: contain; border-top: var(--px) solid var(--line-2); border-bottom: var(--px) solid var(--line-2); outline: none; }
[data-r="year-plan"][data-zoom="year"] > [data-part="viewport"] { overflow: hidden; }
[data-r="year-plan"] > [data-part="viewport"]:focus-visible { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="year-plan"] > [data-part="viewport"][data-force~="focus"] { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="year-plan"] [data-part="canvas"] { display: flex; width: calc(var(--name-w) + (100cqw - var(--name-w)) * var(--days) / var(--view-days)); min-width: 100%; }
[data-r="year-plan"] [data-part="names"] { position: sticky; left: 0; z-index: 3; flex: none; display: flex; flex-direction: column; width: var(--name-w); background: var(--plane); border-right: var(--px) solid var(--line-2); }
[data-r="year-plan"] [data-part="names"] > [data-part="corner"] { flex: none; height: var(--axis-h); border-bottom: var(--px) solid var(--line-2); box-sizing: border-box; }
[data-r="year-plan"] [data-part="names"] > [data-part="name"] { flex: none; display: flex; align-items: center; gap: 8px; min-width: 0; height: var(--lane-h); padding: 0 12px 0 16px; box-sizing: border-box; border-bottom: var(--px) solid var(--line-1); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-500); color: var(--ink); white-space: nowrap; }
[data-r="year-plan"] [data-part="names"] > [data-part="name"] > [data-part="label"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="year-plan"] [data-part="names"] > [data-part="name"] > [data-part="meta"] { margin-left: auto; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="year-plan"] [data-part="names"] > [data-part="name"]:is([data-lane="time"], [data-lane="load"]) { height: 44px; font-weight: var(--fw-450); color: var(--ink-2); }
[data-r="year-plan"] [data-part="names"] > [data-part="name"][data-lane="time"] { border-top: var(--px) solid var(--line-2); }
[data-r="year-plan"] [data-part="names"] > [data-part="name"]:last-child { border-bottom: 0; }
[data-r="year-plan"] [data-part="plot"] { position: relative; flex: 1 1 auto; min-width: 0; }
[data-r="year-plan"] [data-part="axis"] { position: relative; height: var(--axis-h); border-bottom: var(--px) solid var(--line-2); box-sizing: border-box; overflow: hidden; }
[data-r="year-plan"] [data-part="axis"] > [data-part="month"] { container: year-month / inline-size; position: absolute; top: 6px; left: calc(var(--d) / var(--days) * 100%); width: calc(var(--n) / var(--days) * 100%); padding-left: 6px; box-sizing: border-box; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); white-space: nowrap; }
[data-r="year-plan"] [data-part="axis"] > [data-part="month"]::before { content: ""; position: absolute; left: 0; top: -6px; height: var(--axis-h); width: 1px; background: var(--line-2); }
[data-r="year-plan"] [data-part="axis"] > [data-part="month"]:first-of-type::before { display: none; }
[data-r="year-plan"] [data-part="axis"] > [data-part="month"] > [data-part="year"] { color: var(--ink-3); font-weight: var(--fw-450); }
@container year-month (max-width: 71px) {
  [data-r="year-plan"] [data-part="axis"] > [data-part="month"] > [data-part="year"] { display: none; }
}
@container year-month (max-width: 27px) {
  [data-r="year-plan"] [data-part="axis"] > [data-part="month"] > [data-part="rest"] { display: none; }
}
[data-r="year-plan"] [data-part="axis"] > :is([data-part="week"], [data-part="day"]) { position: absolute; top: 23px; left: calc(var(--d) / var(--days) * 100%); width: calc(var(--n, 1) / var(--days) * 100%); display: none; box-sizing: border-box; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; text-align: center; }
[data-r="year-plan"][data-zoom="quarter"] [data-part="axis"] > [data-part="week"] { display: block; padding-left: 5px; text-align: left; }
[data-r="year-plan"][data-zoom="month"] [data-part="axis"] > [data-part="day"] { display: block; }
[data-r="year-plan"] [data-part="axis"] > :is([data-part="week"], [data-part="day"])[data-today] { font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="year-plan"] [data-part="axis"] > [data-part="today-label"] { position: absolute; z-index: 1; bottom: 4px; left: calc((var(--today) + .5) / var(--days) * 100%); translate: -50% 0; padding: 0 5px; border-radius: var(--r-press); background: var(--accent); color: var(--on-accent); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); white-space: nowrap; pointer-events: none; }
[data-r="year-plan"]:not([data-zoom="year"]) [data-part="axis"] > [data-part="today-label"] { display: none; }
[data-r="year-plan"] [data-part="axis"] > [data-part="now"] { position: absolute; bottom: 0; left: calc(var(--d) / var(--days) * 100%); width: calc(7 / var(--days) * 100%); height: 2px; background: var(--accent); }
[data-r="year-plan"][data-zoom="year"] [data-part="axis"] > [data-part="now"] { display: none; }
[data-r="year-plan"] [data-part="field"] { position: relative; }
[data-r="year-plan"] [data-part="field"] > [data-part="lines"] { position: absolute; inset: 0; pointer-events: none; }
[data-r="year-plan"] [data-part="field"] > [data-part="lines"] > span { position: absolute; top: 0; bottom: 0; left: calc(var(--d) / var(--days) * 100%); width: 1px; background: var(--line-1); }
[data-r="year-plan"] [data-part="lane"] { position: relative; height: var(--lane-h); border-bottom: var(--px) solid var(--line-1); box-sizing: border-box; }
[data-r="year-plan"] [data-part="field"] > [data-part="lane"]:last-of-type { border-bottom: 0; }
[data-r="year-plan"] [data-part="field"] > [data-part="today"] { position: absolute; z-index: 1; top: 0; bottom: 0; left: calc((var(--today) + .5) / var(--days) * 100%); width: 1px; background: var(--accent); pointer-events: none; }
[data-r="year-plan"] [data-part="phase"] { position: absolute; z-index: 1; top: 6px; left: calc(var(--d) / var(--days) * 100% + 1px); display: flex; align-items: center; width: max(4px, calc(var(--n) / var(--days) * 100% - 2px)); height: var(--h-24); padding: 0 8px; box-sizing: border-box; border-radius: var(--r-row); background: var(--scale-rank-1); color: var(--scale-rank-1-on); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); white-space: nowrap; overflow: clip; cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none; outline: none; transition: box-shadow var(--state-out); }
[data-r="year-plan"] [data-part="phase"][data-step="2"] { background: var(--scale-rank-2); color: var(--scale-rank-2-on); }
[data-r="year-plan"] [data-part="phase"][data-step="3"] { background: var(--scale-rank-3); color: var(--scale-rank-3-on); }
[data-r="year-plan"] [data-part="phase"][data-step="4"] { background: var(--scale-rank-4); color: var(--scale-rank-4-on); }
[data-r="year-plan"] [data-part="phase"][data-step="rest"] { background: var(--well); color: var(--ink-2); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="year-plan"] [data-part="phase"] > [data-part="text"] { display: flex; align-items: center; gap: 6px; min-width: 0; }
[data-r="year-plan"] [data-part="phase"] [data-part="label"] { flex: none; }
[data-r="year-plan"] [data-part="phase"] [data-part="dates"] { min-width: 0; overflow: hidden; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-450); font-variant-numeric: tabular-nums; }
[data-r="year-plan"] [data-part="phase"][data-short] [data-part="dates"] { display: none; }
[data-r="year-plan"] [data-part="phase"][data-tight] > [data-part="text"] { visibility: hidden; }
[data-r="year-plan"] [data-part="phase"] > [data-part="edge"] { position: absolute; z-index: 1; top: 0; bottom: 0; width: 8px; cursor: ew-resize; }
[data-r="year-plan"] [data-part="phase"] > [data-part="edge"][data-side="start"] { left: 0; }
[data-r="year-plan"] [data-part="phase"] > [data-part="edge"][data-side="end"] { right: 0; }
[data-r="year-plan"] [data-part="phase"] > [data-part="edge"]::after { content: ""; position: absolute; top: 7px; bottom: 7px; left: 3px; width: 2px; border-radius: var(--r-press); background: currentColor; opacity: 0; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-r="year-plan"] [data-part="phase"]:is(:hover, :focus-visible, [data-held]) > [data-part="edge"]::after { opacity: .5; transition-duration: 0s; }
}
[data-r="year-plan"] [data-part="phase"]:is([data-force~="hover"], :focus-visible, [data-held]) > [data-part="edge"]::after { opacity: .5; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="year-plan"] [data-part="phase"]:hover { box-shadow: 0 0 0 var(--px) var(--line-4); transition-duration: 0s; }
}
[data-r="year-plan"] [data-part="phase"][data-force~="hover"] { box-shadow: 0 0 0 var(--px) var(--line-4); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="year-plan"] [data-part="phase"][data-step="rest"]:hover { box-shadow: inset 0 0 0 var(--px) var(--line-4); }
}
[data-r="year-plan"] [data-part="phase"][data-step="rest"][data-force~="hover"] { box-shadow: inset 0 0 0 var(--px) var(--line-4); }
[data-r="year-plan"] [data-part="phase"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="year-plan"] [data-part="phase"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 1px; }
[data-r="year-plan"] [data-part="phase"][data-held] { z-index: 2; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="year-plan"] :is([data-part="race"], [data-part="test"]) { position: absolute; z-index: 1; top: 6px; left: calc((var(--d) + .5) / var(--days) * 100%); display: flex; align-items: center; gap: 4px; height: var(--h-24); margin-left: -10px; padding: 0 6px 0 2px; box-sizing: border-box; border-radius: var(--r-press); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); white-space: nowrap; transition: background-color var(--state-out), color var(--state-out); }
[data-r="year-plan"] [data-part="race"] { cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none; }
[data-r="year-plan"] :is([data-part="race"], [data-part="test"]) > svg[data-glyph] { flex: none; width: 16px; height: 16px; }
[data-r="year-plan"] [data-part="race"] > [data-part="class"] { flex: none; font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); color: var(--ink); }
[data-r="year-plan"] [data-part="race"][data-class="c"] > [data-part="class"] { font-weight: var(--fw-500); color: var(--ink-3); }
@media (hover: hover) {
  [data-r="year-plan"] :is([data-part="race"], [data-part="test"]):hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="year-plan"] :is([data-part="race"], [data-part="test"])[data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="year-plan"] :is([data-part="race"], [data-part="test"]):focus-visible { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="year-plan"] :is([data-part="race"], [data-part="test"])[data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 0; }
[data-r="year-plan"] [data-part="race"][data-held] { z-index: 2; background: var(--raised); color: var(--ink); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="year-plan"] :is([data-part="race"], [data-part="test"])[data-compact] > [data-part="label"] { display: none; }
[data-r="year-plan"] [data-part="race"][data-bare] > [data-part="class"] { display: none; }
[data-r="year-plan"] :is([data-part="race"], [data-part="test"])[data-bare] { padding-right: 2px; }
[data-r="year-plan"] :is([data-part="race"], [data-part="test"])[data-row] { height: 18px; }
[data-r="year-plan"] :is([data-part="race"], [data-part="test"])[data-row="0"] { top: 0; }
[data-r="year-plan"] :is([data-part="race"], [data-part="test"])[data-row="1"] { top: 18px; }
[data-r="year-plan"] [data-part="race"][data-ghost] { opacity: .6; }
[data-r="year-plan"] [data-part="lane"] > [data-r="span-lane"] { position: absolute; inset: 5px 0 0; }
[data-r="year-plan"] [data-part="targets"] { border-top: var(--px) solid var(--line-2); }
[data-r="year-plan"] [data-part="targets"] > [data-part="lane"] { height: 44px; }
[data-r="year-plan"] [data-part="targets"] > [data-part="lane"]:last-child { border-bottom: 0; }
[data-r="year-plan"] [data-part="targets"] [data-part="month"] { container: year-target / inline-size; position: absolute; top: 0; bottom: 0; left: calc(var(--d) / var(--days) * 100%); width: calc(var(--n) / var(--days) * 100%); display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 0 8px 0 6px; box-sizing: border-box; border-left: var(--px) solid var(--line-1); transition: background-color var(--state-out); }
[data-r="year-plan"] [data-part="targets"] [data-part="month"]:first-child { border-left: 0; }
@media (hover: hover) {
  [data-r="year-plan"] [data-part="targets"] [data-part="month"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="year-plan"] [data-part="targets"] [data-part="month"][data-force~="hover"] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="year-plan"] [data-part="targets"] [data-part="month"] > [data-part="figure"] { overflow: hidden; text-overflow: clip; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="year-plan"] [data-part="targets"] [data-part="month"][data-over] > [data-part="figure"] { color: var(--warning-ink); }
[data-r="year-plan"] [data-part="targets"] [data-part="month"] > [data-r="budget-bar"] { flex: none; min-width: 0; }
@container year-target (max-width: 47px) {
  [data-r="year-plan"] [data-part="targets"] [data-part="month"] > [data-part="figure"] { visibility: hidden; }
}
@container year-plan (max-width: 559px) {
  [data-r="year-plan"] > * { --name-w: 76px; }
  [data-r="year-plan"] [data-part="names"] > [data-part="name"] { padding: 0 6px 0 10px; font-size: var(--fs-12); line-height: var(--lh-12); }
  [data-r="year-plan"] [data-part="names"] > [data-part="name"] > [data-part="meta"] { display: none; }
  [data-r="year-plan"] > [data-part="head"] > [data-part="range"] { display: none; }
  [data-r="year-plan"] [data-part="targets"] [data-part="month"] { padding: 0 3px; }
  [data-r="year-plan"][data-zoom="quarter"] [data-part="axis"] > [data-part="week"]:not([data-even], [data-today]) { visibility: hidden; }
  [data-r="year-plan"][data-zoom="quarter"] [data-part="axis"] > [data-part="week"] { padding-left: 2px; overflow: visible; }
  [data-r="year-plan"][data-zoom="month"] [data-part="axis"] > [data-part="day"]:not([data-monday], [data-today]) { visibility: hidden; }
  [data-r="year-plan"][data-zoom="month"] [data-part="axis"] > [data-part="day"] { overflow: visible; }
}
}

/* ═══ g3-formula.css ═══ */
@layer components {
[data-r="formula"] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
[data-r="formula"] > [data-r="field"][data-kind="formula"] { height: auto; min-height: var(--h-32); align-items: flex-start; padding: 0 10px; cursor: text; }
[data-r="formula"] > [data-r="field"][data-kind="formula"] > [data-part="text"] { flex: 1; min-width: 0; padding: 6px 0 5px; outline: none; caret-color: var(--accent); font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-450); color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; cursor: text; }
[data-r="formula"] > [data-r="field"][data-kind="formula"] > [data-part="text"] * { cursor: text; }
[data-r="formula"] > [data-r="field"][data-kind="formula"] > [data-part="text"][data-empty]::before { content: attr(data-placeholder); color: var(--ink-3); pointer-events: none; }
[data-r="formula"] [data-part="text"] > [data-r="mention"] { height: var(--h-20); margin: -2px 0; vertical-align: 0; font-variant-numeric: tabular-nums; }
[data-r="formula"] [data-part="text"] > [data-part="fn"] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="formula"] [data-part="text"] > [data-part="num"] { color: var(--ink); }
[data-r="formula"] [data-part="text"] > [data-part="op"] { color: var(--ink-3); }
[data-r="formula"] [data-part="text"] > [data-part="str"] { color: var(--ink-2); }
[data-r="formula"] [data-part="text"] > [data-part="kw"] { font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="formula"] [data-part="text"] > :is([data-part="word"], [data-part="typing"]) { color: var(--ink); }
[data-r="formula"] [data-part="text"] > [data-bad] { text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: var(--danger); text-decoration-thickness: var(--px); text-underline-offset: 3px; }
[data-r="formula"] > [data-part="problems"]:empty { display: none; }
[data-r="formula"] > [data-part="problems"] > [data-r="field-error"] { align-items: center; min-height: var(--row-24); margin: 0; padding: 0 2px; }
[data-r="formula"] > [data-part="problems"] > [data-r="field-error"] > svg[data-icon] { flex: none; margin-top: 0; }
[data-r="formula"] > [data-part="problems"] > [data-r="field-error"] > span { min-width: 0; }
[data-r="formula"] > [data-part="problems"] > [data-r="field-error"] > [data-r="button"] { flex: none; margin-left: auto; }
[data-r="formula"] > [data-part="result"] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; min-height: var(--row-28); padding: 0 2px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="formula"] > [data-part="result"] > [data-r="select"] { max-width: 200px; }
[data-r="formula"] > [data-part="result"] > [data-part="value"] { display: inline; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="formula"] > [data-part="result"] > [data-part="value"] [data-part="unit"] { font-size: var(--fs-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="formula"] > [data-part="result"] > [data-part="value"][data-empty] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="formula"] > [data-part="result"] > [data-part="value"] > [data-r="dot"] { width: 8px; height: 8px; margin-right: 6px; vertical-align: 1px; }
[data-r="formula"] > [data-part="result"] > [data-part="type"] { display: inline-flex; gap: 4px; margin-left: auto; }
[data-r="formula"] > [data-part="result"] > [data-part="type"]:empty { display: none; }
[data-r="menu"][data-part="complete"] { width: 320px; max-width: calc(100vw - 32px); }
[data-r="menu"][data-part="complete"] > [data-part="list"] { max-height: 288px; overflow: auto; }
[data-r="menu"][data-part="complete"] [data-r="menu-item"] > [data-part="end"] > [data-part="now"] { font-size: var(--fs-12); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="menu"][data-part="complete"] [data-r="menu-item"][data-highlighted] > [data-part="end"] > [data-part="now"] { color: var(--ink-2); }
}

/* ═══ g3-history.css ═══ */
@layer components {
[data-r="property-history"] { display: flex; flex-direction: column; gap: 4px; width: 296px; max-width: calc(100vw - 56px); }
[data-r="property-history"] > [data-part="head"] { display: flex; align-items: baseline; gap: 8px; min-height: var(--row-24); padding: 0 4px; }
[data-r="property-history"] > [data-part="head"] > [data-part="title"] { flex: 1; min-width: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="property-history"] > [data-part="head"] > [data-part="now"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="property-history"] > [data-r="list"] { margin: 0 -8px; }
[data-r="property-history"] [data-r="list-row"] > [data-part="who"] { display: inline-flex; flex: none; }
[data-r="property-history"] [data-r="list-row"] [data-part="stack"] > span:first-child > b { font-weight: var(--fw-500); color: var(--ink); }
[data-r="property-history"] [data-r="list-row"] [data-part="change"] { display: inline-flex; align-items: center; gap: 4px; min-width: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="property-history"] [data-r="list-row"] > [data-part="stack"] { flex: 1 1 auto; min-width: 0; }
[data-r="property-history"] [data-r="list-row"] > [data-part="end"] { flex: none; }
[data-r="property-history"] [data-r="list-row"] [data-part="change"] > s { color: var(--ink-3); text-decoration-line: line-through; }
[data-r="property-history"] [data-r="list-row"] [data-part="change"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-3)); }
[data-r="property-history"] [data-r="list-row"] [data-part="change"] > em { font-style: normal; color: var(--ink-2); }
[data-r="property-history"] [data-r="list-row"][data-corrected] [data-part="change"] > em { color: var(--ink-3); text-decoration-line: line-through; text-decoration-color: var(--ink-4); }
[data-r="property-history"] [data-r="list-row"] [data-part="change"] > [data-part="was"] { color: var(--ink-3); }
[data-r="property-history"] [data-r="list-row"] > [data-part="end"] > time { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="property-history"] > [data-part="none"],
[data-r="property-history"] > [data-part="foot"] { margin: 0; padding: 4px 4px 0; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="property-history"] > [data-part="foot"] { border-top: var(--px) solid var(--line-1); padding-top: 8px; }
[data-r="properties"][data-history] [data-r="property"] { position: relative; }
[data-r="properties"][data-history] [data-r="property"] > [data-part="history"] { position: absolute; right: 0; top: 50%; margin-top: -10px; opacity: 0; transition: opacity var(--state-out); }
[data-r="properties"][data-history] [data-r="property"] > [data-part="history"][aria-expanded="true"] { opacity: 1; transition-duration: 0s; }
@media (hover: hover) {
  [data-r="properties"][data-history] [data-r="property"]:is(:hover, :focus-within) > [data-part="history"] { opacity: 1; transition-duration: 0s; }
}
[data-r="properties"][data-history] [data-r="property"]:is([data-force~="hover"], :focus-within) > [data-part="history"] { opacity: 1; transition-duration: 0s; }
[data-r="properties"][data-history][data-editing] [data-r="property"] > [data-part="history"] { display: none; }
@media (hover: none) {
  [data-r="properties"][data-history] [data-r="property"] > [data-part="history"] { opacity: 1; }
}
}

/* ═══ g3-rollup.css ═══ */
@layer components {
[data-r="rollup"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
[data-r="rollup"] > [data-part="fields"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="rollup"] > [data-part="fields"] > [data-part="field-row"] { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 8px; min-height: var(--row-32); }
[data-r="rollup"] > [data-part="fields"] > [data-part="field-row"] > [data-part="label"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="rollup"] > [data-part="fields"] > [data-part="field-row"] > [data-r="select"] { min-width: 0; justify-self: stretch; }
[data-r="rollup"] > [data-part="result"] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; min-height: var(--row-28); padding: 0 2px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="rollup"] > [data-part="result"] > [data-r="select"] { max-width: 200px; }
[data-r="rollup"] > [data-part="result"] > [data-part="value"] { display: inline; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="rollup"] > [data-part="result"] > [data-part="value"] [data-part="unit"] { font-size: var(--fs-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="rollup"] > [data-part="result"] > [data-part="value"][data-empty] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="rollup"] > [data-part="result"] > [data-part="type"] { display: inline-flex; gap: 4px; margin-left: auto; }
[data-r="rollup"] > [data-part="result"] > [data-part="type"]:empty { display: none; }
}

/* ═══ g4-organize.css ═══ */
@layer components {
[data-r="page"][data-org="library"][data-static] { container: org-library / inline-size; }
@container org-library (width < 720px) {
  [data-r="side-panel"][data-variant="library"] { display: none; }
}
}

/* ═══ g4-template-preview.css ═══ */
@layer components {
[data-r="template-preview"] { display: flex; align-items: flex-end; width: 100%; height: 44px; min-width: 0; }
[data-r="template-preview"][data-size="64"] { height: 64px; }
[data-r="template-preview"][data-kind="strip"] > [data-r="workout"] { width: 100%; }
[data-r="template-preview"][data-kind="week"] { justify-content: space-between; gap: 3px; }
[data-r="template-preview"][data-kind="weeks"] { justify-content: flex-start; gap: 3px; }
[data-r="template-preview"] > [data-part="column"] { flex: 1 1 0; min-width: 0; max-width: 14px; height: var(--v); min-height: 2px; border-radius: var(--r-key) var(--r-key) 0 0; background: var(--ch-load-planned); }
[data-r="template-preview"][data-size="64"] > [data-part="column"] { max-width: 20px; }
[data-r="template-preview"] > [data-part="column"][data-rest] { height: 1px; min-height: 1px; border-radius: 0; background: var(--line-3); }
[data-r="template-preview"][data-kind="outline"] { flex-direction: column; align-items: stretch; justify-content: flex-end; gap: 1px; }
[data-r="template-preview"][data-kind="outline"] > [data-part="line"] { display: flex; align-items: center; gap: 6px; min-width: 0; overflow: hidden; white-space: nowrap; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="template-preview"][data-kind="outline"] > [data-part="line"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); color: var(--thing, var(--ink-4)); }
[data-r="template-preview"][data-kind="outline"][data-size="64"] { gap: 2px; }
[data-r="template-preview"][data-kind="outline"][data-size="64"] > [data-part="line"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
}

/* ═══ g5-form.css ═══ */
@layer components {
[data-r="page"][data-template="form"] { --side-w: var(--panel-side); grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: auto minmax(0, 1fr); grid-template-areas: "header header header" "list main side"; }
[data-r="page"][data-template="form"] > [data-part="list"] { grid-area: list; }
[data-r="page"][data-template="form"]:not([data-view="questions"]) > [data-part="list"] { display: none; }
[data-r="page"][data-template="form"]:is([data-view="schedule"], [data-view="answer"]) > [data-part="side"] { display: none; }
[data-r="page"][data-template="form"]:not([data-view="questions"]) [data-side-for="questions"],
[data-r="page"][data-template="form"]:not([data-view="answers"]) [data-side-for="answers"] { display: none; }
[data-r="page"][data-template="form"][data-view="questions"] [data-view-only]:not([data-view-only~="questions"]),
[data-r="page"][data-template="form"][data-view="answers"] [data-view-only]:not([data-view-only~="answers"]),
[data-r="page"][data-template="form"][data-view="schedule"] [data-view-only]:not([data-view-only~="schedule"]) { display: none; }
[data-r="page"][data-template="form"] [data-part="for-view"] { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
[data-r="page"][data-template="form"] > [data-part="list"] > [data-part="head"] > [data-part="count"] { flex: none; margin-right: 4px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="page"][data-template="form"] [data-form-questions] { padding: 8px 4px 24px; }
[data-r="page"][data-template="form"] [data-form-questions] > [data-r="list-group"][data-key] { cursor: default; }
[data-r="page"][data-template="form"] [data-form-questions] > [data-r="list-group"][aria-selected="true"] { background: var(--plane-selected); }
[data-r="page"][data-template="form"] [data-form-questions] > [data-part="slot"] { flex: none; height: 52px; border-radius: var(--r-row); box-shadow: inset 0 0 0 var(--px) var(--line-4); }
[data-r="page"][data-template="form"] [data-form-questions] { position: relative; }
[data-r="page"][data-template="form"] [data-form-questions] > [data-r="list-row"][data-lifted] { position: absolute; z-index: 3; cursor: grabbing; background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring-hover)), var(--e3); }
[data-r="page"][data-template="form"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { min-height: 100%; padding: 24px 24px 80px; box-sizing: border-box; }
[data-r="page"][data-template="form"] [data-part="column"] > [role="tabpanel"] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
[data-r="page"][data-template="form"] [data-part="column"] > [role="tabpanel"][hidden] { display: none; }
[data-r="page"][data-template="form"] [data-part="preview"] { display: flex; flex-direction: column; align-items: center; min-width: 0; }
[data-r="page"][data-template="form"] [data-part="preview"] > [data-shows] { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; }
[data-r="page"][data-template="form"] [data-part="preview"] > [data-shows][hidden] { display: none; }
[data-r="page"][data-template="form"] [data-part="preview"] [data-part="phone"] { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 390px; max-width: 100%; }
[data-r="page"][data-template="form"] [data-part="preview"] [data-part="phone"] > [data-r="question-flow"] { width: 100%; }
[data-r="page"][data-template="form"] [data-part="preview"] [data-part="caption"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); text-align: center; }
[data-r="page"][data-template="form"] [data-part="sheet"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); --ring-gap: var(--raised); display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: var(--col-prose); padding: 24px 28px 28px; box-sizing: border-box; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-part="sheet-head"] { display: flex; flex-direction: column; gap: 4px; }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-part="sheet-head"] > [data-part="title"] { margin: 0; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); color: var(--ink); }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-part="sheet-head"] > [data-part="meta"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-part="section"] { display: flex; flex-direction: column; gap: 2px; padding-top: 16px; border-top: var(--px) solid var(--line-2); }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-part="section"] > [data-part="title"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-part="section"] > [data-part="note"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-r="form-row"] { gap: 2px; margin: -8px; padding: 8px; border-radius: var(--r-row); transition: box-shadow var(--state-out); }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-r="form-row"][hidden] { display: none; }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-r="form-row"][data-chosen] { box-shadow: 0 0 0 var(--px) var(--line-4); transition-duration: 0s; }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-r="form-row"] > [data-r="field-label"] { display: flex; align-items: baseline; gap: 6px; }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-r="form-row"] > [data-r="field-label"] > [data-part="required"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-r="form-row"] > [data-r="scale"] { max-width: 400px; }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-r="form-row"] > [data-r="field"][data-kind="area"] { max-width: 480px; }
[data-r="page"][data-template="form"] [data-part="sheet"] > [data-part="sheet-foot"] { display: flex; justify-content: flex-end; padding-top: 4px; }
[data-r="page"][data-template="form"] [data-part="inspect"] { display: flex; flex-direction: column; gap: 20px; padding: 16px 16px 24px; }
[data-r="page"][data-template="form"] [data-part="inspect"] > [data-part="group"] { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
[data-r="page"][data-template="form"] [data-part="inspect"] > [data-part="group"][hidden] { display: none; }
[data-r="page"][data-template="form"] [data-part="inspect"] > [data-part="group"] > [data-part="title"] { display: flex; align-items: center; height: var(--row-24); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="page"][data-template="form"] [data-part="inspect"] [data-r="form-row"][hidden] { display: none; }
[data-r="page"][data-template="form"] [data-part="inspect"] [data-part="options"] { display: flex; flex-direction: column; gap: 6px; }
[data-r="page"][data-template="form"] [data-part="inspect"] [data-part="option"] { display: flex; align-items: center; gap: 4px; }
[data-r="page"][data-template="form"] [data-part="inspect"] [data-part="option"] > [data-r="field"] { flex: 1 1 auto; min-width: 0; }
[data-r="page"][data-template="form"] [data-part="inspect"] > [data-part="group"] > [data-r="button"] { align-self: flex-start; }
[data-r="page"][data-template="form"] [data-part="inspect"] > [data-part="foot"] { padding-top: 12px; border-top: var(--px) solid var(--line-2); }
[data-r="page"][data-template="form"] [data-part="inspect"] [data-part="line"][data-condition-for] { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="page"][data-template="form"] [data-part="inspect"] [data-part="line"][data-condition-for] > [data-part="condition"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-width: 0; }
[data-r="page"][data-template="form"] [data-part="inspect"] [data-part="line"][data-condition-for] > [data-part="condition"] > [data-r="select"] { max-width: 160px; }
[data-r="page"][data-template="form"] [data-part="peek"] [data-part="said"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="page"][data-template="form"] [data-part="answers-head"] { display: flex; align-items: center; gap: 8px; }
[data-r="page"][data-template="form"] [data-part="answers-head"] > [data-r="query"] { flex: 1 1 auto; max-width: 560px; }
[data-r="page"][data-template="form"] [data-part="schedule"] { display: grid; grid-template-columns: minmax(0, 560px) minmax(0, 420px); align-items: start; gap: 24px 40px; }
[data-r="page"][data-template="form"] [data-part="schedule"] [data-part="to"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px; }
[data-r="page"][data-template="form"] [data-part="schedule"] [data-part="value"] { font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="page"][data-template="form"] [data-part="schedule"] > [data-part="today"] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
[data-r="page"][data-template="form"] [data-part="schedule"] > [data-part="today"] > [data-part="today-head"] { display: flex; flex-direction: column; gap: 2px; }
[data-r="page"][data-template="form"] [data-part="schedule"] > [data-part="today"] > [data-part="today-head"] > h3 { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="page"][data-template="form"] [data-part="schedule"] > [data-part="today"] > [data-part="today-head"] > [data-part="meta"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="page"][data-template="form"][data-view="answer"] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "header" "main"; }
[data-r="page"][data-template="form"][data-view="answer"] [data-part="column"] > [data-part="answer"] { display: flex; justify-content: center; }
[data-r="page"][data-template="form"][data-view="answer"] [data-part="column"] > [data-part="answer"] > [data-r="question-flow"] { width: min(560px, 100%); }
[data-r="page"][data-template="form"][data-state="empty"] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "header" "main"; }
@container page (width < 1100px) {
  [data-r="page"][data-template="form"] [data-part="schedule"] { grid-template-columns: minmax(0, var(--col-prose)); }
}
[data-r="page"][data-template="form"][data-narrow]:not([data-state]) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "header" "main"; }
[data-r="page"][data-template="form"][data-narrow][data-view="questions"]:not([data-state]) { grid-template-areas: "header" "list"; }
[data-r="page"][data-template="form"][data-narrow][data-view="questions"] > [data-part="list"] { width: auto; border-right: 0; }
[data-r="page"][data-template="form"][data-narrow][data-view="questions"]:not([data-state]) > [data-part="main"] { display: none; }
[data-r="page"][data-template="form"][data-narrow][data-view="questions"] > [data-part="side"] { grid-area: list; }
@container page (width < 720px) {
  [data-r="page"][data-template="form"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { padding: 16px 12px 80px; }
  [data-r="page"][data-template="form"][data-view="answer"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { padding: 12px 8px 40px; }
}
}

/* ═══ g5-matrix.css ═══ */
@layer components {
[data-r="page"][data-template="matrix"] { --side-w: var(--panel-side); }
[data-r="page"][data-template="matrix"] > [data-part="main"] > [data-part="viewport"] { overflow: auto; overscroll-behavior: contain; }
[data-r="page"][data-template="matrix"] > [data-part="main"] > [data-part="viewport"] > [data-part="sheet"] { position: relative; display: flex; flex-direction: column; gap: 12px; width: max-content; min-width: 100%; --sheet-pad: 16px; padding: 12px var(--sheet-pad) 80px; box-sizing: border-box; }
[data-r="page"][data-template="matrix"] [data-r="matrix"] > [data-part="grid"] { width: max-content; min-width: 100%; }
[data-r="page"][data-template="matrix"] [data-r="matrix"] > :is([data-part="head"], [data-part="legend"]) { position: sticky; left: 0; width: fit-content; max-width: 100%; }
[data-r="page"][data-template="matrix"] [data-r="matrix"] [data-part="row"][data-head] { position: sticky; top: 0; z-index: 3; padding: 8px 0 4px; background: var(--plane); }
[data-r="page"][data-template="matrix"] [data-r="matrix"] [data-part="row"][data-foot] { position: sticky; bottom: 0; z-index: 3; padding-bottom: 8px; background: var(--plane); }
[data-r="page"][data-template="matrix"] [data-r="matrix"] [data-part="row"] > :first-child { position: sticky; left: var(--sheet-pad, 0px); z-index: 2; align-self: stretch; display: flex; align-items: center; background: var(--plane); box-shadow: calc(-1 * var(--sheet-pad, 0px)) 0 0 var(--plane); }
[data-r="page"][data-template="matrix"] [data-r="matrix"] [data-part="row"]:not([data-head]) > [data-part="label"] { padding-right: 8px; }
[data-r="page"][data-template="matrix"] [data-r="matrix"] [data-part="row"] > :is([data-part="sum"], [data-part="sum-head"]) { position: sticky; right: var(--sheet-pad, 0px); z-index: 2; align-self: stretch; display: flex; align-items: center; justify-content: flex-end; background: var(--plane); box-shadow: var(--sheet-pad, 0px) 0 0 var(--plane); }
[data-r="page"][data-template="matrix"] [data-r="matrix"] [data-part="band"] > [role="rowheader"] { position: sticky; left: 0; }
[data-r="page"][data-template="matrix"] [data-r="matrix"] [data-part="cell"][aria-selected="true"] { box-shadow: 0 0 0 var(--px) var(--accent); }
[data-r="matrix"][data-virtual] > [data-part="grid"] > [data-part="spacer"] { flex: none; }
[data-r="matrix"][data-virtual] > [data-part="grid"] > [data-part="spacer"][hidden] { display: none; }
[data-r="page"][data-template="matrix"] [data-r="compliance-grid"] > [data-part="grid"] { min-width: min-content; }
[data-r="page"][data-template="matrix"] [data-r="compliance-grid"] > [data-part="head"] { position: sticky; left: 0; width: fit-content; }
[data-r="page"][data-template="matrix"] [data-r="compliance-grid"] [data-part="row"][data-head] { position: sticky; top: 0; z-index: 3; background: var(--plane); }
[data-r="page"][data-template="matrix"] [data-r="compliance-grid"] [data-part="row"] > :is([data-part="who"], :first-child) { position: sticky; left: var(--sheet-pad, 0px); z-index: 2; background: var(--plane); box-shadow: calc(-1 * var(--sheet-pad, 0px)) 0 0 var(--plane); }
[data-r="page"][data-template="matrix"] [data-r="compliance-grid"] [data-part="row"] > :is([data-part="week"], :last-child) { position: sticky; right: var(--sheet-pad, 0px); z-index: 2; background: var(--plane); box-shadow: var(--sheet-pad, 0px) 0 0 var(--plane); }
[data-r="page"][data-template="matrix"] [data-r="compliance-grid"] [data-part="cell"][aria-selected="true"] { box-shadow: inset 0 0 0 var(--px) var(--accent); }
[data-r="page"][data-template="matrix"] [data-r="week-grid"] > [data-part="days"][data-lanes] > :is([data-part="corner"], [data-part="day-head"], [data-part="end-head"]) { position: sticky; top: 0; z-index: 3; background-image: linear-gradient(var(--plane), var(--plane)); box-shadow: 0 -6px 0 var(--plane), 0 6px 0 var(--plane); }
[data-r="bulk-bar"][data-matrix-bar] > [data-part="sum"] { margin-right: 8px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="bulk-bar"][data-matrix-bar] > [data-part="sum"]:empty { display: none; }
[data-r="page"][data-template="matrix"] [data-part="sheet"] > [data-part="waiting"] { display: flex; flex-direction: column; gap: 6px; }
[data-r="page"][data-template="matrix"] [data-part="sheet"] > [data-part="waiting"] > [data-part="row"] { display: flex; align-items: center; gap: 6px; height: var(--row-32); }
[data-r="page"][data-template="matrix"] [data-part="sheet"] > [data-part="waiting"] > [data-part="row"] > [data-r="skeleton"]:first-child { margin-right: 18px; }
[data-r="page"][data-template="matrix"] [data-part="sheet"] > [data-part="waiting"] > [data-part="row"] > [data-r="skeleton"][data-part="cell"] { width: 28px; height: 28px; }
@container page (width < 720px) {
  [data-r="page"][data-template="matrix"] > [data-part="main"] > [data-part="viewport"] > [data-part="sheet"] { --sheet-pad: 8px; padding: 8px var(--sheet-pad) 80px; }
}
[data-r="matrix"][data-virtual] [data-part="row"][data-head] + [data-part="spacer"][hidden] + [data-part="band"] { height: 16px; }
[data-r="matrix"][data-virtual] > [data-part="grid"] { overflow-anchor: none; }
}

/* ═══ g5-planner.css ═══ */
@layer components {
[data-r="page"][data-template="planner"] { --side-w: var(--panel-side); }
[data-r="page"][data-template="planner"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] { display: flex; flex-direction: column; min-width: 0; padding: 0 0 40px; }
[data-r="page"][data-template="planner"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] > :is([data-r="year-plan"], [data-r="timeline"]) > [data-part="head"] { position: sticky; top: 0; z-index: 3; min-height: 44px; padding: 4px 16px; box-sizing: border-box; background: var(--plane); box-shadow: inset 0 calc(-1 * var(--px)) 0 var(--line-2); }
[data-r="page"][data-template="planner"] > [data-part="main"] > [data-part="viewport"] > [data-part="column"] > :is([data-r="year-plan"], [data-r="timeline"]) > [data-part="viewport"] { border-top-color: transparent; isolation: isolate; }
[data-r="page"][data-template="planner"] [data-part="column"] > [data-part="holds"] { width: 100%; max-width: var(--col-collection); padding: 24px 16px 0; box-sizing: border-box; }
[data-r="page"][data-template="planner"] [data-r="year-plan"] [data-part="phase"][aria-expanded="true"]:not([data-held]),
[data-r="page"][data-template="planner"] [data-r="timeline"] [data-part="bar"][aria-expanded="true"]:not([data-held]) { box-shadow: 0 0 0 var(--px) var(--line-4); }
[data-r="page"][data-template="planner"] [data-r="year-plan"] :is([data-part="race"], [data-part="test"])[aria-expanded="true"]:not([data-held]),
[data-r="page"][data-template="planner"] [data-r="timeline"] [data-part="milestone"][aria-expanded="true"] { background: var(--plane-hover); color: var(--ink); }
[data-r="page"][data-template="planner"] [data-part="holds"] [data-r="list-row"][aria-current="true"] { background: var(--plane-selected); }
[data-r="page"][data-template="planner"] > [data-part="bottom"] { display: flex; align-items: center; min-width: 0; min-height: 52px; padding: 6px 16px; box-sizing: border-box; background: var(--plane); box-shadow: inset 0 var(--px) 0 var(--line-2); }
[data-r="page"][data-template="planner"] > [data-part="bottom"] > [data-part="figures"] { display: flex; align-items: flex-start; gap: 8px 28px; min-width: 0; overflow: hidden; }
[data-r="page"][data-template="planner"] > [data-part="bottom"] > [data-part="figures"] > [data-fig] { display: flex; flex-direction: column; gap: 2px; flex: none; min-width: 0; }
[data-r="page"][data-template="planner"] > [data-part="bottom"] > [data-part="figures"] > [data-fig][hidden] { display: none; }
[data-r="page"][data-template="planner"] > [data-part="bottom"] > [data-part="figures"] > [data-fig] > span { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); white-space: nowrap; }
[data-r="page"][data-template="planner"] > [data-part="bottom"] > [data-part="figures"] > [data-fig] > b { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="page"][data-template="planner"] > [data-part="bottom"] > [data-part="figures"] > [data-fig] > b > [data-part="unit"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); color: var(--ink-3); }
[data-r="page"][data-template="planner"] > [data-part="bottom"] > [data-part="figures"] > :is([data-fig="phase"], [data-fig="races"], [data-fig="block"]) { flex: 0 1 auto; }
[data-r="page"][data-template="planner"] > [data-part="bottom"] > [data-part="figures"] > :is([data-fig="phase"], [data-fig="races"], [data-fig="block"]) > b { overflow: hidden; text-overflow: ellipsis; }
[data-r="page"][data-template="planner"] [data-part="column"] > [data-part="waiting"] { display: grid; gap: 10px; padding: 16px; }
@container page (width < 720px) {
  [data-r="page"][data-template="planner"] > [data-part="bottom"] { padding: 6px 12px; }
  [data-r="page"][data-template="planner"] > [data-part="bottom"] > [data-part="figures"] { gap: 6px 16px; }
  [data-r="page"][data-template="planner"] > [data-part="bottom"] > [data-part="figures"] > [data-fig]:nth-child(n+4) { display: none; }
  [data-r="page"][data-template="planner"] [data-part="column"] > [data-part="holds"] { padding: 20px 8px 0; }
}
@container page (width < 400px) {
  [data-r="page"][data-template="planner"] > [data-part="bottom"] > [data-part="figures"] > [data-fig]:nth-child(n+3) { display: none; }
}
[data-r="page"][data-template="planner"] [data-r="properties"] > [data-part="section"] > [data-part="share"] { padding: 4px 0 0; min-width: 0; }
}

/* ═══ g6-season-zoom.css ═══ */
@layer components {
[data-r="season-zoom"] { --g: 72px; --axis: 44px; --ctx: 26px; --area: 440px; --s: 3px; --x: 0px; --start: 360; --end: 1320; display: flex; flex-direction: column; gap: 10px; min-width: 0; color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); container: season-zoom / inline-size; }
[data-r="season-zoom"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-width: 0; flex-wrap: wrap; }
[data-r="season-zoom"] > [data-part="head"] > [data-part="title"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="season-zoom"] > [data-part="head"] > [data-part="range"] { color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="season-zoom"] > [data-part="head"] > [data-part="spacer"] { flex: 1; }
[data-r="season-zoom"] > [data-part="viewport"] { --hour: calc((var(--area) - 32px) / ((var(--end) - var(--start)) / 60)); position: relative; overflow: hidden; height: calc(var(--axis) + var(--ctx) + var(--area) + 8px); border-top: var(--px) solid var(--line-2); border-bottom: var(--px) solid var(--line-2); outline: none; touch-action: pan-y; user-select: none; -webkit-user-select: none; cursor: default; }
[data-r="season-zoom"] > [data-part="viewport"]:focus-visible { box-shadow: inset 0 0 0 var(--px) var(--accent); }
[data-r="season-zoom"] > [data-part="viewport"][data-force~="focus"] { box-shadow: inset 0 0 0 var(--px) var(--accent); }
[data-r="season-zoom"] [data-part="gutter"] { position: absolute; top: 0; bottom: 0; left: 0; z-index: 2; width: var(--g); border-right: var(--px) solid var(--line-2); background: var(--plane); }
[data-r="season-zoom"] [data-part="gutter"] > * { position: absolute; left: 0; right: 0; top: calc(var(--axis) + var(--ctx)); bottom: 0; opacity: var(--w, 0); }
[data-r="season-zoom"] [data-part="gutter"] > [hidden] { display: none; }
[data-r="season-zoom"] [data-part="gutter"] [data-part="name"] { display: flex; align-items: center; height: var(--row-36); padding: 0 8px 0 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
[data-r="season-zoom"] [data-part="gutter"] [data-part="name"][data-lane] { font-weight: var(--fw-500); color: var(--ink); }
[data-r="season-zoom"] [data-part="gutter"] [data-part="name"]:is([data-lane="time"], [data-lane="load"]) { height: 44px; font-weight: var(--fw-450); color: var(--ink-2); }
[data-r="season-zoom"] [data-part="gutter"] [data-part="names"][data-level="weeks"] > [data-part="name"] { position: absolute; right: 0; height: auto; padding: 0 8px 0 0; justify-content: flex-end; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="season-zoom"] [data-part="gutter"] [data-part="names"][data-level="weeks"] > [data-scale="top"] { top: 12px; }
[data-r="season-zoom"] [data-part="gutter"] [data-part="names"][data-level="weeks"] > [data-scale="mid"] { top: calc(18px + (var(--area) - 42px) / 2 - 6px); }
[data-r="season-zoom"] [data-part="gutter"] [data-part="hours"] > span { position: absolute; right: 8px; top: calc(28px + (var(--at) - var(--start)) * var(--hour) / 60 - 6px); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="season-zoom"] [data-part="world"] { position: absolute; top: 0; right: 0; bottom: 0; left: var(--g); overflow: hidden; }
[data-r="season-zoom"] [data-part="world"] :is([data-part="phase"], [data-part="race"], [data-part="test"], [data-part="week"], [data-part="day"], [data-part="month"], [data-part="axis"] span) { position: absolute; left: calc(var(--d) * var(--s) - var(--x)); }
[data-r="season-zoom"] [data-part="world"] :is([data-part="phase"], [data-part="week"], [data-part="day"], [data-part="month"]) { width: calc(var(--n, 1) * var(--s)); }
[data-r="season-zoom"] [data-part="axis"] > [data-part="upper"] > span { left: max(0px, calc(var(--d) * var(--s) - var(--x))); }
[data-r="season-zoom"] [data-part="axis"] { position: absolute; top: 0; left: 0; right: 0; height: var(--axis); border-bottom: var(--px) solid var(--line-2); background: var(--plane); }
[data-r="season-zoom"] [data-part="axis"] > div { position: absolute; left: 0; right: 0; height: 18px; }
[data-r="season-zoom"] [data-part="axis"] > [data-part="upper"] { top: 5px; }
[data-r="season-zoom"] [data-part="axis"] > [data-part="lower"] { top: 23px; }
[data-r="season-zoom"] [data-part="axis"] span { top: 0; padding-left: 6px; white-space: nowrap; box-shadow: inset var(--px) 0 0 var(--line-2); }
[data-r="season-zoom"] [data-part="axis"] > [data-part="upper"] > span { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="season-zoom"] [data-part="axis"] > [data-part="lower"] > span { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="season-zoom"] [data-part="axis"] > [data-part="lower"] > span[data-today] { font-weight: var(--fw-550); color: var(--accent-ink); }
[data-r="season-zoom"] [data-part="axis"] > [data-part="lower"] > [data-part="today-label"] { top: 1px; margin-left: -18px; padding: 0 6px; box-shadow: none; border-radius: var(--r-press); background: var(--accent); color: var(--on-accent); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); }
[data-r="season-zoom"] [data-part="context"] { position: absolute; top: var(--axis); left: 0; right: 0; height: var(--ctx); opacity: var(--w-ctx, 0); }
[data-r="season-zoom"] [data-part="context"][hidden] { display: none; }
[data-r="season-zoom"] [data-part="context"] > [data-r="span-lane"],
[data-r="season-zoom"] [data-level="year"] [data-part="lane"] > [data-r="span-lane"] { position: absolute; top: 4px; left: calc(-1 * var(--x)); width: calc(var(--days) * var(--s)); }
[data-r="season-zoom"] [data-part="context"] > [data-part="marks"] > [data-part="race"] { top: 5px; margin-left: -6px; display: inline-flex; }
[data-r="season-zoom"] [data-part="level"] { position: absolute; top: calc(var(--axis) + var(--ctx)); left: 0; right: 0; bottom: 0; opacity: var(--w, 0); }
[data-r="season-zoom"] [data-part="level"][hidden] { display: none; }
[data-r="season-zoom"] [data-part="level"][data-quiet] { pointer-events: none; }
[data-r="season-zoom"] [data-level="year"] { top: var(--axis); }
[data-r="season-zoom"] [data-level="year"] > [data-part="lane"] { position: relative; height: var(--row-36); border-bottom: var(--px) solid var(--line-1); }
[data-r="season-zoom"] [data-level="year"] > [data-part="lane"]:is([data-lane="time"], [data-lane="load"]) { height: 44px; }
[data-r="season-zoom"] [data-level="year"] [data-part="month"] { top: 0; bottom: 0; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 0 8px 0 6px; box-shadow: inset var(--px) 0 0 var(--line-1); }
[data-r="season-zoom"] [data-level="year"] [data-part="month"] > [data-part="figure"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; }
[data-r="season-zoom"] [data-level="year"] [data-part="month"][data-over] > [data-part="figure"] { color: var(--warning-ink); }
[data-r="season-zoom"] [data-level="year"] [data-part="month"] > [data-r="budget-bar"] { flex: none; min-width: 0; }
[data-r="season-zoom"]:not([data-fine]) [data-level="year"] [data-part="month"] > [data-part="figure"] { font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="season-zoom"] [data-level="year"] [data-part="phase"] { top: 6px; display: flex; align-items: center; gap: 6px; box-sizing: border-box; height: var(--h-24); padding: 0 8px; border: 0; border-radius: var(--r-row); overflow: hidden; white-space: nowrap; font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); background: var(--scale-rank-1); color: var(--scale-rank-1-on); }
[data-r="season-zoom"] [data-level="year"] [data-part="phase"] { width: calc(var(--n) * var(--s) - 2px); }
[data-r="season-zoom"] [data-level="year"] [data-part="phase"][data-step="2"] { background: var(--scale-rank-2); color: var(--scale-rank-2-on); }
[data-r="season-zoom"] [data-level="year"] [data-part="phase"][data-step="3"] { background: var(--scale-rank-3); color: var(--scale-rank-3-on); }
[data-r="season-zoom"] [data-level="year"] [data-part="phase"][data-step="rest"] { background: var(--well); color: var(--ink-2); }
[data-r="season-zoom"] [data-level="year"] [data-part="phase"] > [data-part="dates"] { font-weight: var(--fw-450); opacity: .8; font-variant-numeric: tabular-nums; }
[data-r="season-zoom"]:not([data-fine]) [data-level="year"] [data-part="phase"] > [data-part="dates"] { display: none; }
[data-r="season-zoom"] [data-level="year"] [data-part="phase"] > [data-part="label"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="season-zoom"] [data-level="year"] [data-part="phase"][data-fit] > [data-part="dates"] { display: none; }
[data-r="season-zoom"] [data-level="year"] [data-part="phase"][data-fit="none"] > [data-part="label"] { visibility: hidden; }
[data-r="season-zoom"] [data-level="year"] :is([data-part="race"], [data-part="test"]) { top: 6px; z-index: 1; display: inline-flex; align-items: center; gap: 4px; height: var(--h-24); margin-left: -8px; padding: 0 6px 0 2px; border: 0; border-radius: var(--r-press); background: none; white-space: nowrap; font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="season-zoom"] [data-level="year"] [data-part="race"] > [data-part="class"] { font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-550); color: var(--ink); }
[data-r="season-zoom"] [data-level="year"] [data-part="race"][data-class="c"] > [data-part="class"] { color: var(--ink-3); }
[data-r="season-zoom"]:not([data-fine]) [data-level="year"] :is([data-part="race"]:not([data-class="a"]), [data-part="test"]) > [data-part="label"] { display: none; }
[data-r="season-zoom"][data-tight] [data-level="year"] [data-part="month"] > [data-part="figure"] { visibility: hidden; }
[data-r="season-zoom"][data-tight] [data-level="year"] [data-part="race"] > :is([data-part="label"], [data-part="class"]) { display: none; }
[data-r="season-zoom"] [data-level="year"] [data-part="race"][data-row] { top: 17px; height: 18px; }
[data-r="season-zoom"] [data-level="year"] [data-part="race"][data-row="0"] { top: 1px; }
[data-r="season-zoom"] [data-level="weeks"] [data-part="week"] { top: 0; bottom: 0; box-sizing: border-box; padding: 0; border: 0; background: none; font: inherit; color: inherit; border-radius: var(--r-key); }
[data-r="season-zoom"] [data-level="weeks"] [data-part="week"] > [data-part="column"] { position: absolute; left: 3px; right: 3px; top: 18px; bottom: 6px; -webkit-mask-image: linear-gradient(to top, var(--ink) calc(var(--budget) * 100%), transparent 0 calc(var(--budget) * 100% + 2px), var(--ink) 0); mask-image: linear-gradient(to top, var(--ink) calc(var(--budget) * 100%), transparent 0 calc(var(--budget) * 100% + 2px), var(--ink) 0); }
[data-r="season-zoom"] [data-level="weeks"] [data-part="column"] > i { position: absolute; left: 0; right: 0; bottom: 0; }
[data-r="season-zoom"] [data-level="weeks"] [data-part="column"] > [data-part="track"] { height: calc(var(--budget) * 100%); border-radius: var(--r-key) var(--r-key) 0 0; background: var(--well); box-shadow: inset 0 0 0 var(--px) var(--line-1); }
[data-r="season-zoom"] [data-level="weeks"] [data-part="column"] > [data-part="done"] { height: calc(var(--done) * 100%); background: var(--ch-load); }
[data-r="season-zoom"] [data-level="weeks"] [data-part="column"] > [data-part="planned"] { bottom: calc(var(--done) * 100%); height: calc(var(--plan) * 100%); background: var(--ch-load-planned); }
[data-r="season-zoom"] [data-level="weeks"] [data-part="week"] > [data-part="figure"] { position: absolute; left: 0; right: 0; top: calc(18px + (1 - min(1, var(--done) + var(--plan))) * (100% - 24px) - 16px); text-align: center; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="season-zoom"] [data-level="weeks"] [data-part="week"][data-over] > [data-part="figure"] { color: var(--warning-ink); }
[data-r="season-zoom"] [data-level="weeks"] [data-part="week"] > [data-part="mark"] { position: absolute; top: 1px; left: calc(var(--k) * var(--s) + var(--s) / 2 - 8px); display: inline-flex; }
[data-r="season-zoom"]:not([data-fine]) [data-level="weeks"] [data-part="week"] > [data-part="figure"] { display: none; }
@media (hover: hover) {
  [data-r="season-zoom"] [data-level="weeks"] [data-part="week"]:hover { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="season-zoom"] [data-level="weeks"] [data-part="week"] { transition: background-color var(--state-out); }
[data-r="season-zoom"] :is([data-level="days"], [data-level="hours"]) [data-part="day"] { top: 0; bottom: 0; box-sizing: border-box; padding: 0 3px; box-shadow: inset var(--px) 0 0 var(--line-1); }
[data-r="season-zoom"] [data-level="days"] [data-part="day"] { display: flex; flex-direction: column; gap: 4px; overflow: hidden; }
[data-r="season-zoom"] [data-part="day"][hidden] { display: none; }
[data-r="season-zoom"] [data-part="day-head"] { display: flex; align-items: center; gap: 4px; flex: none; box-sizing: border-box; height: var(--h-24); margin: 2px 0 0; padding: 0 5px; border: 0; border-radius: var(--r-row); background: none; white-space: nowrap; overflow: hidden; font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); transition: background-color var(--state-out); }
[data-r="season-zoom"] [data-part="day-head"] > [data-part="date"] { font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="season-zoom"] [data-part="day"][data-today] > [data-part="day-head"] > [data-part="date"] { color: var(--accent-ink); }
[data-r="season-zoom"] [data-part="day-head"] > [data-r="glyph"],
[data-r="season-zoom"] [data-part="day-head"] > svg { flex: none; }
[data-r="season-zoom"] [data-part="day-head"] > [data-part="total"] { margin-left: auto; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="season-zoom"] [data-part="day"][data-hard] > [data-part="day-head"] > [data-part="total"] { font-weight: var(--fw-550); }
@media (hover: hover) {
  [data-r="season-zoom"] [data-part="day-head"]:hover { background: var(--plane-hover); color: var(--ink-2); transition-duration: 0s; }
}
[data-r="season-zoom"] [data-level="days"] [data-part="day"] > [data-part="lane"] { display: flex; flex-direction: column; gap: 4px; min-height: 0; }
[data-r="season-zoom"] [data-level="days"] [data-part="lane"] > [data-r="calendar-session"] { flex: none; }
[data-r="season-zoom"] [data-level="hours"] [data-part="day"] > [data-part="lane"] { position: absolute; top: 28px; left: 0; right: 0; height: calc((var(--end) - var(--start)) * var(--hour) / 60); background: repeating-linear-gradient(to bottom, var(--line-1) 0 var(--px), transparent var(--px) var(--hour)); }
[data-r="season-zoom"] [data-level="hours"] [data-part="lane"] > [data-r="calendar-session"] { position: absolute; top: calc((var(--from) - var(--start)) * var(--hour) / 60 + 1px); left: calc(3px + var(--col, 0) * (100% - 6px) / var(--cols, 1)); width: calc((100% - 6px) / var(--cols, 1) - 2px); }
[data-r="season-zoom"] [data-level="hours"] [data-part="lane"] > [data-part="now"] { position: absolute; left: 0; right: 0; height: 1px; top: calc((var(--at) - var(--start)) * var(--hour) / 60); background: var(--accent); }
[data-r="season-zoom"] [data-part="world"] > [data-part="today"] { position: absolute; top: var(--axis); bottom: 0; width: 1px; left: calc(var(--today) * var(--s) - var(--x)); background: var(--accent); pointer-events: none; }
[data-r="season-zoom"]:is([data-zoomed="days"], [data-zoomed="hours"]) [data-part="world"] > [data-part="today"] { display: none; }
@container season-zoom (width < 560px) {
  [data-r="season-zoom"] > [data-part="viewport"] { --g: 56px; }
  [data-r="season-zoom"] [data-part="gutter"] [data-part="name"] { padding: 0 6px 0 8px; font-size: var(--fs-11); line-height: var(--lh-11); }
}
[data-r="season-zoom"] > [data-part="viewport"][data-moving] { cursor: default; }
}

/* ═══ g6-side-by-side.css ═══ */
@layer components {
[data-r="side-by-side"] { display: flex; flex-direction: column; gap: 10px; min-width: 0; color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="side-by-side"] > [data-part="head"] { display: flex; align-items: center; gap: 8px; min-width: 0; flex-wrap: wrap; }
[data-r="side-by-side"] > [data-part="head"] > [data-part="title"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="side-by-side"] > [data-part="head"] > [data-part="range"] { color: var(--ink-3); }
[data-r="side-by-side"] > [data-part="head"] > [data-part="spacer"] { flex: 1; }
[data-r="side-by-side"] > [data-part="viewport"] { position: relative; overflow: auto; overscroll-behavior: contain; border-top: var(--px) solid var(--line-2); border-bottom: var(--px) solid var(--line-2); outline: none; }
[data-r="side-by-side"] [data-part="views"] > [data-shows][hidden] { display: none; }
[data-r="side-by-side"] [data-part="grid"] { display: grid; grid-template-columns: 56px repeat(var(--cols), minmax(200px, 1fr)); min-width: 0; }
[data-r="side-by-side"] [data-part="corner"],
[data-r="side-by-side"] [data-part="column-head"] { position: sticky; top: 0; z-index: 2; display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 10px 10px 12px; border-bottom: var(--px) solid var(--line-2); background: var(--plane); }
[data-r="side-by-side"] [data-part="corner"] { left: 0; z-index: 3; padding: 10px 8px 12px 0; }
[data-r="side-by-side"] [data-part="corner"] > b { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); }
[data-r="side-by-side"] [data-part="corner"] > span { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="side-by-side"] [data-part="column-head"] { box-shadow: inset var(--px) 0 0 var(--line-1); }
[data-r="side-by-side"] [data-part="column-head"] > [data-part="who"] { display: flex; align-items: center; gap: 8px; min-width: 0; height: var(--h-20); }
[data-r="side-by-side"] [data-part="column-head"] > [data-part="who"] > svg[data-icon] { flex: none; color: var(--thing, var(--ink-2)); }
[data-r="side-by-side"] [data-part="column-head"] [data-part="name"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="side-by-side"] [data-part="column-head"] > [data-part="who"] > [data-r="button"] { margin-left: auto; }
[data-r="side-by-side"] [data-part="column-head"] > [data-part="meta"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="side-by-side"] [data-part="column-head"] > [data-part="facts"] { display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; }
[data-r="side-by-side"] [data-part="column-head"] > [data-part="facts"] [data-part] { font-variant-numeric: tabular-nums; }
[data-r="side-by-side"] [data-part="column-head"][data-over-budget] > [data-part="facts"] [data-part="total"] { color: var(--warning-ink); }
[data-r="side-by-side"] [data-part="column-head"] > [data-r="budget-bar"] { flex: none; margin-top: 2px; }
[data-r="side-by-side"] [data-part="day-name"] { position: sticky; left: 0; z-index: 1; display: flex; flex-direction: column; gap: 2px; padding: 8px 8px 8px 0; border-top: var(--px) solid var(--line-1); background: var(--plane); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="side-by-side"] [data-part="day-name"]:first-of-type { border-top: 0; }
[data-r="side-by-side"] [data-part="day-name"] > [data-part="date"] { font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="side-by-side"] [data-part="day-name"][data-today] > [data-part="date"] { color: var(--accent-ink); }
[data-r="side-by-side"] [data-part="cell"] { display: flex; flex-direction: column; gap: 4px; min-width: 0; min-height: 56px; box-sizing: border-box; padding: 6px 6px 8px; border-top: var(--px) solid var(--line-1); box-shadow: inset var(--px) 0 0 var(--line-1); transition: background-color var(--state-out); }
[data-r="side-by-side"] [data-part="cell"][hidden],
[data-r="side-by-side"] [data-part="column-head"][hidden] { display: none; }
[data-r="side-by-side"] [data-part="cell"] > [data-part="total"] { align-self: flex-end; min-height: var(--lh-11); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="side-by-side"] [data-part="cell"][data-hard] > [data-part="total"] { font-weight: var(--fw-550); }
[data-r="side-by-side"] [data-part="cell"] > [data-part="lane"] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
[data-r="side-by-side"] [data-part="cell"] > [data-part="lane"] > [data-r="calendar-session"] { flex: none; }
[data-r="side-by-side"] [data-part="cell"][data-over] { background: var(--plane-hover); transition-duration: 0s; }
[data-r="side-by-side"] [data-part="lane"] > [data-part="slot"] { flex: none; box-sizing: border-box; border-radius: var(--r-row); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="side-by-side"] [data-part="lane"] > [data-part="reason"] { font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-2); }
[data-r="side-by-side"] [data-part="cell"][data-col] [data-r="calendar-session"][data-held] { z-index: 1; }
[data-r="side-by-side"] > [data-r="move-cost"] { align-self: flex-start; }
}

/* ═══ g6-week-planning.css ═══ */
@layer components {
[data-r="week-planning"] { display: grid; grid-template-columns: var(--panel-list) minmax(0, 1fr); column-gap: 8px; row-gap: 12px; align-items: start; min-width: 0; }
[data-r="week-planning"] > [data-r="question-flow"] { position: relative; z-index: 1; width: var(--panel-list); min-height: 0; }
[data-r="week-planning"] > [data-part="weeks"] { min-width: 0; }
[data-r="week-planning"] > [data-part="weeks"] > [data-shows][hidden] { display: none; }
[data-r="week-planning"]:not([data-alone]) > [data-r="question-flow"] > [data-part="nav"] { position: sticky; bottom: 0; border-bottom-left-radius: var(--r-contain); border-bottom-right-radius: var(--r-contain); background: var(--raised); }
[data-r="week-planning"] [data-r="question-flow"] > [data-part="step"] > [data-r="card"] { min-width: 0; }
[data-r="week-planning"] [data-r="question-flow"] > [data-part="step"] > [data-r="view-options"][role="group"] { width: auto; }
[data-r="week-planning"] [data-r="question-flow"] > [data-part="step"] > [data-part="sent"] { display: flex; align-items: center; gap: 8px; }
[data-r="week-planning"] [data-r="question-flow"] > [data-part="step"] > [data-part="sent"][hidden] { display: none; }
[data-r="side-panel"][data-variant="library"][data-in="flow"] { position: static; width: auto; max-height: none; margin: 12px 0 0; }
[data-r="side-panel"][data-variant="library"][data-in="flow"] > [data-part="head"] { display: none; }
[data-r="side-panel"][data-variant="library"][data-in="flow"] > [data-part="body"] { padding: 8px 4px 10px; }
[data-r="week-planning"][data-alone] { display: flex; flex-direction: column; height: 100%; }
[data-r="week-planning"][data-alone] > [data-r="question-flow"] { position: static; flex: 1 1 auto; width: 100%; min-height: 0; }
[data-r="week-planning"][data-alone] [data-r="question-flow"] > [data-part="step"] { min-height: 0; overflow-y: auto; }
@container page (width < 720px) {
  [data-r="week-planning"]:not([data-alone]) { grid-template-columns: minmax(0, 1fr); }
  [data-r="week-planning"]:not([data-alone]) > [data-r="question-flow"] { position: relative; width: 100%; }
}
}

/* ═══ g7-session-analysis.css ═══ */
@layer components {
[data-r="session-analysis"] { position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); border-radius: var(--r-row); }
[data-r="session-analysis"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="session-analysis"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="session-analysis"] > [data-part="bar"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
[data-r="session-analysis"] > [data-part="bar"] > [data-r="chips"] { flex: 1 1 auto; min-width: 0; }
[data-r="session-analysis"] [data-r="chip"] > [data-part="key"] { flex: none; width: 10px; height: 2px; border-radius: 1px; background: var(--c, var(--ink-2)); }
[data-r="session-analysis"] [data-r="chip"] > [data-part="key"][data-kind="dash"] { background: repeating-linear-gradient(90deg, var(--c, var(--ink-2)) 0 4px, transparent 4px 6px); }
[data-r="session-analysis"] [data-r="chip"][aria-pressed="false"] > [data-part="key"] { --c: var(--ink-4); }
[data-r="session-analysis"] [data-part="key"][data-name="power"] { --c: var(--ch-power); }
[data-r="session-analysis"] [data-part="key"][data-name="reserve"] { --c: var(--ink-2); }
[data-r="session-analysis"] [data-part="key"][data-name="hr"] { --c: var(--ch-hr); }
[data-r="session-analysis"] [data-part="key"][data-name="glycogen"] { --c: var(--ch-glycogen); }
[data-r="session-analysis"] [data-part="key"][data-name="pace"] { --c: var(--ch-pace); }
[data-r="session-analysis"] [data-part="key"][data-name="cadence"] { --c: var(--ch-cadence); }
[data-r="session-analysis"] [data-part="key"][data-name="speed"] { --c: var(--ch-speed); }
[data-r="session-analysis"] [data-part="key"][data-name="elevation"] { --c: var(--ch-elevation); }
[data-r="session-analysis"] > [data-part="readout"] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 24px; min-height: 34px; }
[data-r="session-analysis"] > [data-part="readout"][hidden] { display: none; }
[data-r="session-analysis"][data-r] > [data-part="readout"] { position: static; z-index: auto; min-width: 0; pointer-events: auto; }
[data-r="session-analysis"] > [data-part="readout"] > [data-part="at"] { min-width: 56px; padding-top: 1px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="session-analysis"] > [data-part="readout"] > [data-part="at"][hidden] { display: none; }
[data-r="session-analysis"] > [data-part="readout"] > [data-part="when"] { display: flex; align-items: center; gap: 4px; min-height: 24px; }
[data-r="session-analysis"] > [data-part="readout"] > [data-part="when"] > b { margin-right: 4px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="session-analysis"] > [data-part="readout"] > [data-part="when"] > [data-part="hint"] { font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); }
[data-r="session-analysis"] > [data-part="readout"] > [data-part="figures"] { display: flex; flex-wrap: wrap; gap: 8px 24px; color: var(--ink-3); }
[data-r="session-analysis"] > [data-part="readout"] > [data-part="figures"] > div > span { display: block; }
[data-r="session-analysis"] > [data-part="readout"] > [data-part="figures"] b { display: block; margin-top: 2px; font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="session-analysis"] > [data-part="plot"] > [data-part="heads"] { position: absolute; inset: 0; pointer-events: none; }
[data-r="session-analysis"] [data-part="head"] { position: absolute; left: 0; display: flex; align-items: center; gap: 6px; height: 16px; white-space: nowrap; }
[data-r="session-analysis"] [data-part="head"] > svg { flex: none; color: var(--thing, var(--ink-3)); }
[data-r="session-analysis"] [data-part="head"] > [data-part="name"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink); }
[data-r="session-analysis"] [data-part="head"] > [data-part="value"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="session-analysis"] > [data-part="plot"] { position: relative; touch-action: pan-y; }
[data-r="session-analysis"] > [data-part="plot"][hidden] { display: none; }
[data-r="session-analysis"] > [data-part="plot"] > canvas { position: absolute; left: 0; top: 0; display: block; }
[data-r="session-analysis"] > [data-part="plot"] > svg[data-part="over"] { position: absolute; left: 0; top: 0; overflow: visible; }
[data-r="session-analysis"] svg [data-part="name"] > [data-part="value"] { font-weight: var(--fw-450); fill: var(--ink-2); font-variant-numeric: tabular-nums; }
[data-r="session-analysis"] svg [data-part="tick"] { text-anchor: start; fill: var(--ink-3); font-size: var(--fs-11); font-variant-numeric: tabular-nums; }
[data-r="session-analysis"] svg [data-part="time"] { text-anchor: middle; fill: var(--ink-3); font-size: var(--fs-11); font-variant-numeric: tabular-nums; }
[data-r="session-analysis"] svg [data-part="line"][data-name="target"] { stroke: var(--ink-3); stroke-width: 2; }
[data-r="session-analysis"] svg [data-part="line"][data-kind="estimate"] { stroke-width: 2; }
[data-r="session-analysis"] svg [data-part="line"][data-name="reserve"] { stroke: var(--ink-2); }
[data-r="session-analysis"] svg [data-part="line"][data-name="glycogen"] { stroke: var(--ch-glycogen); }
[data-r="session-analysis"] svg [data-part="line"][data-name="compare"] { stroke: var(--ink-3); stroke-width: 2; }
[data-r="session-analysis"] svg [data-part="lap-edge"] { stroke: var(--chart-grid); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="session-analysis"] svg [data-part="step"] { fill: var(--zone-1); }
[data-r="session-analysis"] svg [data-part="step"][data-zone="2"] { fill: var(--zone-2); }
[data-r="session-analysis"] svg [data-part="step"][data-zone="3"] { fill: var(--zone-3); }
[data-r="session-analysis"] svg [data-part="step"][data-zone="4"] { fill: var(--zone-4); }
[data-r="session-analysis"] svg [data-part="step"][data-zone="5"] { fill: var(--zone-5); }
[data-r="session-analysis"] svg [data-part="step"][data-zone="6"] { fill: var(--zone-6); }
[data-r="session-analysis"] svg [data-part="step"] { transition: opacity var(--state-out); }
[data-r="session-analysis"] svg [data-part="step-name"] { fill: var(--ink-3); font-size: var(--fs-11); }
[data-r="session-analysis"] svg [data-part="step-name"][data-kind="work"] { fill: var(--ink-2); }
[data-r="session-analysis"] svg [data-part="steps"]:has([data-part="step"][data-on]) [data-part="step"]:not([data-on]) { opacity: .45; transition-duration: 0s; }
[data-r="session-analysis"] svg [data-part="zone"] { fill: var(--zone-1); shape-rendering: crispEdges; }
[data-r="session-analysis"] svg [data-part="zone"][data-zone="2"] { fill: var(--zone-2); }
[data-r="session-analysis"] svg [data-part="zone"][data-zone="3"] { fill: var(--zone-3); }
[data-r="session-analysis"] svg [data-part="zone"][data-zone="4"] { fill: var(--zone-4); }
[data-r="session-analysis"] svg [data-part="zone"][data-zone="5"] { fill: var(--zone-5); }
[data-r="session-analysis"] svg [data-part="zone"][data-zone="6"] { fill: var(--zone-6); }
[data-r="session-analysis"] svg [data-part="feed"] { fill: var(--ch-glycogen); stroke: var(--raised); stroke-width: 2; }
[data-r="session-analysis"] svg [data-part="point"][data-lane="power"] { --c: var(--ch-power); }
[data-r="session-analysis"] svg [data-part="point"][data-lane="reserve"] { --c: var(--ink-2); }
[data-r="session-analysis"] svg [data-part="point"][data-lane="hr"] { --c: var(--ch-hr); }
[data-r="session-analysis"] svg [data-part="point"][data-lane="glycogen"] { --c: var(--ch-glycogen); }
[data-r="session-analysis"] svg [data-part="point"][data-lane="pace"] { --c: var(--ch-pace); }
[data-r="session-analysis"] svg [data-part="point"][data-lane="cadence"] { --c: var(--ch-cadence); }
[data-r="session-analysis"] svg [data-part="point"][data-lane="speed"] { --c: var(--ch-speed); }
[data-r="session-analysis"] svg [data-part="point"][data-lane="elevation"] { --c: var(--ink-3); }
[data-r="session-analysis"] svg [data-part="wait"] { fill: none; stroke: var(--chart-grid); stroke-width: 1; shape-rendering: crispEdges; }
[data-r="session-analysis"] > [data-part="plot"] > [data-part="span"][data-name="lap"] { border-inline-color: var(--chart-grid); }
[data-r="session-analysis"] > [data-part="plot"] > [data-part="span"][hidden],
[data-r="session-analysis"] > [data-part="plot"] > [data-part="grip"][hidden] { display: none; }
[data-r="session-analysis"] > [data-part="overview"] { position: relative; height: 36px; margin-right: 40px; border-radius: var(--r-row); touch-action: none; }
[data-r="session-analysis"] > [data-part="overview"][hidden] { display: none; }
[data-r="session-analysis"] > [data-part="overview"] > canvas { position: absolute; left: 0; top: 0; display: block; }
[data-r="session-analysis"] > [data-part="overview"] > [data-part="window"] { position: absolute; top: 0; bottom: 0; box-sizing: border-box; border-radius: var(--r-row); background: var(--a5); box-shadow: inset 0 0 0 var(--px) var(--ink-3); cursor: grab; outline: none; }
[data-r="session-analysis"] > [data-part="overview"]:not([data-zoomed]) > [data-part="window"] { background: transparent; box-shadow: inset 0 0 0 var(--px) var(--chart-grid); }
[data-r="session-analysis"] > [data-part="overview"] > [data-part="window"]:active { cursor: grabbing; }
[data-r="session-analysis"] > [data-part="overview"] > [data-part="window"]:focus-visible { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="session-analysis"] > [data-part="overview"] > [data-part="window"][data-force~="focus"] { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="session-analysis"] > [data-part="overview"] > [data-part="window"] > [data-part="grip"] { position: absolute; top: 0; bottom: 0; width: 10px; cursor: ew-resize; }
[data-r="session-analysis"] > [data-part="overview"] > [data-part="window"] > [data-part="grip"][data-edge="from"] { left: -5px; }
[data-r="session-analysis"] > [data-part="overview"] > [data-part="window"] > [data-part="grip"][data-edge="to"] { right: -5px; }
[data-r="session-analysis"] > [data-part="table"] > [data-part="scroll"] { max-height: 420px; overflow: auto; border-radius: var(--r-row); }
[data-r="session-analysis"] > [data-part="table"] > [data-part="scroll"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="session-analysis"] > [data-part="table"] > [data-part="scroll"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 4px; }
[data-r="session-analysis"] > [data-part="table"] thead th { position: sticky; top: 0; z-index: 1; background: var(--plane); }
[data-r="session-analysis"] > [data-part="table"][hidden] { display: none; }
[data-r="session-analysis"] > [data-part="live"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
[data-r="session-analysis"][data-state="error"] > [data-part="plot"] { display: none; }
[data-r="page"] [data-part="column"] [data-part="readings"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr)); gap: 16px; align-items: start; }
[data-r="session-analysis"] > [data-part="plot"] > [data-part="pins"] { position: absolute; left: 0; top: 4px; right: 40px; height: 0; z-index: 3; }
[data-r="session-analysis"] [data-part="pin"] { position: absolute; top: 0; transform: translateX(-50%); min-width: 18px; height: 18px; padding: 0 4px; border-radius: var(--r-round); border: 1px solid var(--chart-axis); background: var(--raised); color: var(--ink-2); font: var(--fw-500) var(--fs-11)/16px var(--font-sans); font-variant-numeric: tabular-nums; cursor: default; }
[data-r="session-analysis"] [data-part="pin"][data-on] { border-color: var(--accent); color: var(--ink); }
[data-r="session-analysis"] [data-part="pin"]:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
[data-r="session-analysis"] [data-part="pin"][hidden] { display: none; }
[data-r="session-analysis"] > [data-part="layout"][hidden] { display: none; }
[data-r="page"] [data-part="laps"] tr[data-current] > * { background: var(--raised-selected); }
[data-r="page"] [data-part="laps"] tr[data-lap] { cursor: default; }
[data-r="page"][data-template="figure"]:has(> [data-part="side"]) { --side-w: var(--panel-side); grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "header header" "main side" "bottom bottom"; }
[data-r="page"][data-template="figure"] > [data-r="curve"]:has([data-r="session-analysis"]) { overflow-y: auto; }
[data-r="page"][data-template="figure"] > [data-part="side"] { position: relative; }
[data-r="page"][data-template="figure"] > [data-part="side"] > [data-r="side-panel"][data-variant="peek"][data-over] { inset: 0; width: auto; max-width: none; margin: 0; border-radius: 0; box-shadow: none; z-index: 2; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-part="find"] { display: flex; align-items: center; gap: 8px; padding: 8px 12px 4px 16px; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-part="find"] > [data-r="search"] { flex: 1; min-width: 0; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-r="properties"] [data-r="property"][data-empty] > [data-part="empty"] { padding-left: 6px; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-3); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-r="properties"]:not([data-show-empty]) [data-r="property"][data-empty] { display: none; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-r="properties"]:not([data-show-empty]) > [data-part="section"][data-domain]:not(:has(> [data-r="property"]:not([data-empty]))) { display: none; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-r="properties"][data-finding] > [data-part="section"] > [data-part="unfold-row"] { display: none; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-r="properties"][data-finding] > [data-part="section"] > [data-r="property"][data-find-miss] { display: none; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-r="properties"][data-finding] > [data-part="section"]:not(:has(> [data-r="property"]:not([data-find-miss]):not([data-part="unfold-row"]))) { display: none; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-r="properties"][data-labels="wide"] [data-r="property"] { grid-template-columns: 120px minmax(0, 1fr); align-items: start; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-r="properties"][data-labels="wide"] [data-r="property"] > [data-part="label"] { padding-top: 8px; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-r="properties"][data-labels="wide"] [data-r="property"] > [data-r="button"] { height: auto; min-height: var(--h-24); margin-top: 4px; align-items: flex-start; white-space: normal; text-align: left; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-r="properties"][data-labels="wide"] [data-r="property"] > [data-r="button"] > [data-part="value"] { white-space: normal; overflow-wrap: normal; padding-block: 3px; }
[data-r="page"][data-template="figure"] > [data-part="side"] [data-r="properties"][data-labels="wide"] [data-r="property"][data-empty] > [data-part="empty"] { padding-top: 8px; white-space: normal; overflow: visible; }
}

/* ═══ g8-session-board.css ═══ */
@layer components {
[data-session-board][data-r="shell"] { height: 100%; grid-template-rows: minmax(0, 1fr); grid-auto-rows: 0; }
[data-session-board][data-sidebar="closed"] > [data-r="sidebar"] { display: none; }
[data-session-board][data-sidebar="closed"] > [data-r="panel"] { grid-column: 1 / -1; margin-left: 0; }
.sb-main { position: relative; display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 0; }
.sb-main > .sb-view { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.sb-main > .sb-view[hidden] { display: none; }
.sb-main .sb-stage { display: contents; }
.sb-scroll { overscroll-behavior: contain; }
.sb-frame > .sb-scroll { position: relative; flex: 1; min-height: 0; overflow: auto; }
.sb-scroll[data-lasso-host] { user-select: none; }
.sb-viewbar { overflow-x: auto; scrollbar-width: none; }
.sb-viewbar > [data-r="toolbar"] { flex: none; }
.sb-board { --col-w: 280px; }
.sb-board [data-r="board"] { align-items: stretch; min-height: 100%; padding-bottom: 96px; }
.sb-board [data-r="board"] > [data-r="board-column"] { width: var(--col-w); }
.sb-board[data-fill] [data-r="board"] > [data-r="board-column"] { flex: 1 1 0; width: auto; min-width: 0; }
.sb-board [data-r="board-lanes"] > [data-part="columns"] > [data-part="name"] { width: var(--col-w); }
.sb-board [data-r="board-lane"] > [data-r="board"] { min-height: 0; padding-bottom: 12px; }
[data-card-type] > [data-part="title"] { display: flex; align-items: flex-start; gap: 6px; }
[data-card-type] > [data-part="title"] > span:not([data-r]) { flex: 1; min-width: 0; overflow-wrap: anywhere; }
[data-card-type] > [data-part="meta"] > [data-r="budget-bar"] { flex: none; width: 48px; }
[data-figures] { display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 8px 12px; }
[data-figures] > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sb-ghost { position: fixed; z-index: var(--z-popover); left: 0; top: 0; pointer-events: none; }
.sb-ghost > [data-r="count"] { position: absolute; right: -8px; top: -8px; }
.sb-cost { position: fixed; z-index: var(--z-popover); left: 0; top: 0; pointer-events: none; }
.sb-gallery,
.sb-compare { display: flex; flex-direction: column; gap: 32px; padding: 8px 0 96px; }
.sb-type,
.sb-compare > section { display: flex; flex-direction: column; gap: 12px; }
.sb-type > [data-r="field-hint"],
.sb-compare > section > [data-r="field-hint"] { max-width: 760px; margin: 0 20px; }
.sb-band,
.sb-pairs { padding: 0 20px; }
.sb-band { display: flex; flex-direction: column; gap: 2px; }
.sb-cells { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px 12px; }
.sb-cell { display: flex; flex-direction: column; width: var(--w); max-width: 100%; }
.sb-pairs { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--pair-w, 300px), 1fr)); gap: 20px; align-items: start; }
.sb-pair { display: flex; flex-direction: column; min-width: 0; }
.sb-pair > [data-r="field-hint"] { margin: 0 0 8px; }
.sb-stack { display: flex; flex-direction: column; gap: 8px; }
.sb-frame { display: flex; flex-direction: column; height: 560px; margin: 0; }
.sb-frame[data-short] { height: 300px; }
[data-sid] > [data-part="quick"] { position: absolute; top: 6px; right: 6px; z-index: 2; padding: 2px; border-radius: var(--r-press); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); opacity: 0; pointer-events: none; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-sid]:hover > [data-part="quick"] { opacity: 1; pointer-events: auto; transition-duration: 0s; }
}
[data-sid]:is([data-force~="hover"], :focus-visible) > [data-part="quick"] { opacity: 1; pointer-events: auto; transition-duration: 0s; }
[data-sid]:is([data-held], [data-lifted]) > [data-part="quick"] { display: none; }
[data-r="board-column"] > [data-part="heads"] { display: flex; flex-direction: column; gap: 6px; padding: 0 8px 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="board-column"] > [data-part="heads"] > [data-part="figs"] { display: flex; flex-wrap: wrap; gap: 2px 10px; }
[data-r="board-column"] > [data-part="heads"] > [data-part="figs"] b { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="board-column"] > [data-part="heads"] > [data-part="budget"] { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
[data-r="board-column"] > [data-part="heads"] > [data-part="budget"] > [data-over] { color: var(--ink); font-weight: var(--fw-500); }
[data-r="board-column"] > [data-part="heads"] > [data-part="budget"] > [data-r="budget-bar"] { flex: 1 1 auto; min-width: 32px; }
[data-r="board-column"] > [data-part="heads"] > [data-part="budget"] > span:not([data-r]) { display: inline-flex; flex: none; align-items: center; gap: 3px; }
[data-part="meta"].sb-suggest { flex-wrap: nowrap; }
[data-part="meta"].sb-suggest > [data-r="button"]:first-of-type { margin-left: auto; }
.sb-board[data-ground="ground"] [data-r="board-column"]:not([data-over]) { background: var(--ground); }
.sb-board[data-ground="mat"] [data-r="board-column"]:not([data-over]) { background: var(--mat); }
.sb-under { flex: none; overflow: hidden; padding: 6px 0 8px; border-top: var(--px) solid var(--line-1); }
.sb-under-track { display: flex; flex-direction: column; gap: 6px; padding: 0 16px; }
.sb-under:not([data-aligned]) [data-r="day-curve"] { max-width: 960px; }
.sb-under[data-aligned] > .sb-under-track { width: max-content; padding: 0; transform: translateX(calc(var(--sx, 0px) * -1)); }
.sb-under[data-aligned] [data-r="day-curve"] { width: calc(var(--days) * var(--step)); margin-left: var(--x0); }
.sb-main:has(> [data-r="bulk-bar"]) .sb-under { padding-bottom: 64px; }
.sb-spans { display: flex; align-items: flex-start; gap: 4px; padding: 0 0 4px; }
.sb-spans > [data-r="span-lane"] { flex: 1; min-width: 0; }
.sb-spans-scroll > [data-r="span-lane"] { flex: none; width: calc(var(--days) * (var(--col-w) + 8px)); }
.sb-roster { display: flex; align-items: center; gap: 8px; min-width: 0; }
.sb-roster > [data-r="budget-bar"] { flex: none; width: 64px; }
.sb-phonecols { flex: none; padding: 0 16px 8px; overflow-x: auto; scrollbar-width: none; }
.sb-cmp { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; }
.sb-cmprow { display: flex; flex-direction: column; gap: 4px; padding-bottom: 16px; }
.sb-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.sb-judgehost { position: relative; display: block; min-height: 0; padding: 0; }
.sb-mini { min-height: 0; padding-bottom: 0; }
.sb-mini > [data-r="board-column"] { flex: 1 1 0; min-width: 0; }
[data-r="board-column"] > [data-part="verdict-slot"] { display: flex; justify-content: center; min-height: 0; padding: 0 8px; }
.sb-write-field { width: min(560px, calc(100vw - 32px)); }
[data-ghost-of] > [data-part="quick"] { display: none; }
[data-ghost-of] { opacity: .5; pointer-events: none; outline: var(--px) dashed rgb(var(--ring-rgb) / var(--ring)); outline-offset: calc(var(--px) * -1); }
[data-r="board-column"][data-range],
.sb-board [data-r="board-column"][data-range]:not([data-over]) { background: var(--ground-selected); }
[data-held-by]:not([aria-selected="true"])::after { content: ""; position: absolute; inset: calc(var(--px) * -2); border: calc(var(--px) * 2) solid var(--c); border-radius: inherit; pointer-events: none; }
[data-r="calendar-session"][data-size="block"] > [data-part="resize"] { position: absolute; left: 0; right: 0; bottom: 0; height: 6px; cursor: ns-resize; touch-action: none; }
.sb-hid { display: none; }
@container session-block (min-width: 200px) {
  .sb-hid { display: inline; }
}
@container session-block (min-height: 30px) {
  [data-r="calendar-session"][data-size="block"] > [data-part="head"] { align-items: flex-start; height: auto; }
  [data-r="calendar-session"][data-size="block"] [data-part="title"] { display: -webkit-box; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}
[data-r="day-curve"] [data-part="curve"] > path[data-part="budget"] { stroke: var(--ink-3); stroke-width: 1px; stroke-dasharray: 1 3; stroke-linecap: round; }
:root[data-sb-dragging] #r-workout-tip,
:root[data-sb-dragging] [data-sid] > [data-part="quick"] { display: none; }
@media (max-width: 640px) {
  .sb-board { --col-w: calc(100vw - 48px) !important; }
  .sb-board [data-r="board"] { scroll-snap-type: x mandatory; }
  .sb-board [data-r="board"] > [data-r="board-column"] { scroll-snap-align: start; }
  .sb-board[data-fill] [data-r="board"] > [data-r="board-column"] { flex: none; width: var(--col-w); }
  .sb-cell { width: 100%; }
  .sb-frame { height: 480px; }
  .sb-viewbar > [data-r="field-hint"] { display: none; }
  .sb-viewbar [data-part="layout"] { display: none; }
  .sb-viewbar [data-r="field-label"] { white-space: nowrap; }
  .sb-viewbar { flex-wrap: wrap; row-gap: 6px; height: auto; }
  .sb-under [data-r="day-curve"] > [data-part="head"] > [data-part="meta"] { display: none; }
  [data-session-board]:has(#sb-tray:not([hidden]), #sb-history:not([hidden])) .sb-under { visibility: hidden; }
  .sb-scroll[data-hours] > :is([data-r="time-grid"], .sb-spans) { min-width: 840px; }
}
.sb-page { flex: 1 1 auto; }
.sb-side-foot { display: flex; flex-direction: column; gap: 1px; margin-top: auto; }
.sb-step { display: inline-flex; align-items: center; gap: 2px; margin-left: 8px; }
.sb-weekline { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; padding: 8px 16px; font-variant-numeric: tabular-nums; }
.sb-fig { display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap; color: var(--ink-3); }
.sb-fig > svg[data-icon] { align-self: center; }
.sb-fig > b { color: var(--ink); font-weight: var(--fw-500); }
.sb-weekline > [data-part="spacer"] { flex: 1; }
[data-r="board-column"] > [data-col-more] { align-self: flex-start; margin: 0 4px; }
#sb-tray [data-tray-row] > [data-part="end"] { opacity: 0; }
#sb-tray [data-tray-row]:focus-within > [data-part="end"] { opacity: 1; }
@media (hover: hover) {
  #sb-tray [data-tray-row]:hover > [data-part="end"] { opacity: 1; }
}
@media (hover: none) {
  #sb-tray [data-tray-row] > [data-part="end"] { opacity: 1; }
}
.sb-gallery > .sb-type,
.sb-compare .sb-pair { content-visibility: auto; contain-intrinsic-size: auto 480px; }
.sb-main [data-r="board-lanes"] > [data-r="board-lane"] { content-visibility: auto; contain-intrinsic-size: auto 360px; }
.sb-compare .sb-pair { padding: 0 6px 6px; margin: 0 -6px -6px; }
}

/* ═══ w1-token-swatch.css ═══ */
@layer components {
[data-r="token-swatch"] { display: inline-flex; align-items: center; gap: var(--space-8); min-width: 0; color: var(--ink); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="token-swatch"] > [data-part="chip"] { flex: none; width: 24px; height: 24px; border-radius: var(--r-key); background: var(--c); box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / 10%); }
[data-r="token-swatch"][data-size="40"] > [data-part="chip"] { width: 40px; height: 40px; border-radius: var(--r-value); }
[data-r="token-swatch"] > [data-part="stack"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="token-swatch"] > [data-part="stack"] > [data-part="name"] { font-weight: var(--fw-500); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="token-swatch"] > [data-part="stack"] > [data-part="value"] { color: var(--ink-3); font-size: var(--fs-11); line-height: var(--lh-11); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="token-swatch"][aria-current="true"] > [data-part="chip"] { box-shadow: 0 0 0 2px var(--plane), 0 0 0 3.5px var(--accent); }
button[data-r="token-swatch"] { padding: var(--space-2) var(--space-4); margin: calc(var(--space-2) * -1) calc(var(--space-4) * -1); border-radius: var(--r-row); text-align: left; }
@media (hover: hover) {
  @media (hover: hover) {
    button[data-r="token-swatch"]:hover { background: var(--paper-hover); }
  }
  button[data-r="token-swatch"][data-force~="hover"] { background: var(--paper-hover); }
}
[data-r="token-swatch"][data-variant="motion"] > [data-part="chip"] { position: relative; width: var(--space-48); background: var(--well); }
[data-r="token-swatch"][data-variant="motion"] > [data-part="chip"]::after { content: ''; position: absolute; top: 50%; left: var(--space-4); width: var(--space-8); height: var(--space-8); margin-top: calc(var(--space-4) * -1); border-radius: 50%; background: var(--accent); }
[data-r="token-swatch"][data-variant="motion"][data-playing] > [data-part="chip"]::after { animation: token-swatch-run var(--d, var(--draw)) var(--e, linear) both; }
@keyframes token-swatch-run { to { translate: var(--space-32) 0; } }
@media (prefers-reduced-motion: reduce) {
  [data-r="token-swatch"][data-variant="motion"][data-playing] > [data-part="chip"]::after { animation-duration: 0s; }
}
[data-r="token-swatch"][data-variant="shadow"] > [data-part="chip"] { display: grid; place-items: center; width: var(--space-48); height: var(--space-40); }
[data-r="token-swatch"][data-variant="shadow"] > [data-part="chip"]::after { content: ''; width: var(--space-24); height: var(--space-16); border-radius: var(--r-key); background: var(--k); box-shadow: var(--s); }
[data-r="token-swatch"][data-variant="themes"] { gap: var(--space-12); }
[data-r="token-swatch"][data-variant="themes"] > [data-part="halves"] { flex: none; display: flex; height: 32px; border-radius: var(--r-key); overflow: hidden; box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / 10%); }
[data-r="token-swatch"][data-variant="themes"] > [data-part="halves"] > [data-part="half"] { width: 28px; background: linear-gradient(var(--c), var(--c)), var(--paper); }
[data-r="token-swatch"][data-variant="themes"][data-inset] > [data-part="halves"] > [data-part="half"] { display: flex; background: var(--paper); }
[data-r="token-swatch"][data-variant="themes"][data-inset] > [data-part="halves"] > [data-part="half"] > [data-part="chip"] { flex: 1; margin: var(--space-6); border-radius: var(--r-key); background: var(--c); }
[data-r="token-swatch"][data-variant="themes"][data-plain] > [data-part="halves"] { display: none; }
[data-r="token-swatch"][data-variant="themes"] > [data-part="stack"] { gap: var(--space-2); }
[data-r="token-swatch"][data-variant="themes"] > [data-part="stack"] > [data-part="value"] { color: var(--ink-2); }
[data-r="token-swatch"][data-variant="themes"][data-same] > [data-part="stack"] > [data-part="value"] + [data-part="value"] { display: none; }
[data-r="token-swatch"][data-variant="themes"][data-size="40"] > [data-part="halves"] { height: 48px; border-radius: var(--r-value); }
[data-r="token-swatch"][data-variant="themes"][data-size="40"] > [data-part="halves"] > [data-part="half"] { width: 48px; }
[data-r="token-swatch"][data-variant="themes"][data-size="40"] > [data-part="stack"] > [data-part="value"] { display: flex; align-items: center; gap: var(--space-6); font-size: var(--fs-12); line-height: var(--lh-12); white-space: normal; overflow-wrap: anywhere; }
[data-r="token-swatch"][data-variant="themes"][data-size="40"] > [data-part="stack"] > [data-part="value"] > svg { flex: none; color: var(--ink-4); }
[data-r="token-swatch"][data-variant="themes"][data-size="40"][data-same] > [data-part="stack"] > [data-part="value"] > svg { display: none; }
}

/* ═══ w10-study-card.css ═══ */
@layer components {
[data-r="study-card"] { display: flex; flex-direction: column; gap: var(--space-10); min-width: 0; padding: var(--space-8) var(--space-8) var(--space-10); border-radius: var(--r-contain); color: var(--ink); text-decoration: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  @media (hover: hover) {
    [data-r="study-card"]:hover { background: var(--paper-hover); transition-duration: var(--state-in); }
  }
  [data-r="study-card"][data-force~="hover"] { background: var(--paper-hover); transition-duration: var(--state-in); }
}
[data-r="study-card"][aria-current="true"] { background: var(--paper-selected); }
[data-r="study-card"]:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
[data-r="study-card"] > [data-part="picture"] { display: block; aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--r-value); background: var(--plane); box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="study-card"] > [data-part="picture"] { position: relative; }
[data-r="study-card"] > [data-part="picture"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 0 var(--px) var(--line-2); }
[data-r="study-card"] > [data-part="picture"] > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top left; }
[data-r="study-card"] > [data-part="stack"] { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; padding: 0 var(--space-2); }
[data-r="study-card"] > [data-part="stack"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="study-card"] > [data-part="stack"] > [data-part="question"] { color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
[data-r="study-card"] > [data-part="foot"] { display: flex; align-items: center; gap: var(--space-8); padding: 0 var(--space-2); }
[data-r="study-card"] > [data-part="foot"] > [data-part="facts"] { flex: 1; min-width: 0; color: var(--ink-2); font-size: var(--fs-11); line-height: var(--lh-11); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  [data-r="study-card"] { transition: none; }
}
}

/* ═══ w11-part-card.css ═══ */
@layer components {
[data-r="part-card"] { display: flex; flex-direction: column; gap: var(--space-8); min-width: 0; padding: var(--space-8) var(--space-8) var(--space-10); border-radius: var(--r-contain); color: var(--ink); text-decoration: none; transition: background-color var(--state-out); }
@media (hover: hover) {
  @media (hover: hover) {
    [data-r="part-card"]:hover { background: var(--paper-hover); transition-duration: var(--state-in); }
  }
  [data-r="part-card"][data-force~="hover"] { background: var(--paper-hover); transition-duration: var(--state-in); }
}
[data-r="part-card"][aria-current="true"] { background: var(--paper-selected); }
[data-r="part-card"]:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
[data-r="part-card"] > [data-part="stage"] { display: grid; place-items: center; height: 96px; overflow: hidden; padding: var(--space-12); border-radius: var(--r-value); background: var(--plane); pointer-events: none; }
[data-r="part-card"] > [data-part="stack"] { display: flex; align-items: baseline; gap: var(--space-6); min-width: 0; padding: 0 var(--space-2); }
[data-r="part-card"] > [data-part="stack"] > [data-part="title"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="part-card"] > [data-part="stack"] > [data-part="meta"] { margin-left: auto; flex: none; color: var(--ink-2); font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="part-card"] > [data-part="lead"] { padding: 0 var(--space-2); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
[data-r="part-card"] > [data-part="foot"] { display: flex; gap: var(--space-12); padding: 0 var(--space-2); color: var(--ink-2); font-size: var(--fs-11); line-height: var(--lh-11); font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  [data-r="part-card"] { transition: none; }
}
}

/* ═══ w12-usage-map.css ═══ */
@layer components {
[data-r="usage-map"] { display: flex; flex-direction: column; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="usage-map"] > [data-part="row"] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) 32px; align-items: center; gap: var(--space-10); min-height: var(--row-28); }
[data-r="usage-map"] > [data-part="row"] > [data-part="name"] { color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="usage-map"] > [data-part="row"] > [data-part="bar"] { position: relative; display: block; height: 6px; border-radius: var(--r-mark); background: var(--line-2); overflow: hidden; }
[data-r="usage-map"] > [data-part="row"] > [data-part="bar"]::after { content: ""; position: absolute; inset: 0; width: calc(var(--n) * 100%); border-radius: inherit; background: var(--ink-3); }
[data-r="usage-map"] > [data-part="row"] > [data-part="count"] { color: var(--ink-3); text-align: right; font-variant-numeric: tabular-nums; }
[data-r="usage-map"] > [data-part="row"][aria-current="true"] > [data-part="name"] { color: var(--ink); font-weight: var(--fw-500); }
[data-r="usage-map"] > [data-part="row"][aria-current="true"] > [data-part="bar"]::after { background: var(--ink); }
[data-r="usage-map"] > [data-part="none"] { color: var(--ink-3); padding: var(--space-6) 0; }
}

/* ═══ w13-compare-slider.css ═══ */
@layer components {
[data-r="compare-slider"] { --at: 50%; position: relative; display: grid; overflow: hidden; min-width: 0; border-radius: var(--r-contain); background: var(--paper); box-shadow: inset 0 0 0 var(--px) var(--line-3); user-select: none; touch-action: pan-y; }
[data-r="compare-slider"] > [data-part="before"],
[data-r="compare-slider"] > [data-part="after"] { grid-area: 1 / 1; min-width: 0; }
[data-r="compare-slider"] > [data-part="before"] > img,
[data-r="compare-slider"] > [data-part="after"] > img { display: block; width: 100%; height: auto; }
[data-r="compare-slider"] > [data-part="after"] { clip-path: inset(0 0 0 var(--at)); }
[data-r="compare-slider"] > [data-part="label"] { position: absolute; top: var(--space-8); z-index: 2; padding: var(--space-2) var(--space-6); border-radius: var(--r-press); background: var(--raised); color: var(--ink-2); box-shadow: var(--e1); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); }
[data-r="compare-slider"] > [data-part="label"][data-side="before"] { left: var(--space-8); }
[data-r="compare-slider"] > [data-part="label"][data-side="after"] { right: var(--space-8); }
[data-r="compare-slider"] > [data-part="handle"] { position: absolute; z-index: 3; top: 0; bottom: 0; left: var(--at); width: 24px; margin-left: -12px; cursor: ew-resize; }
[data-r="compare-slider"] > [data-part="handle"]::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; background: var(--ink); }
[data-r="compare-slider"] > [data-part="handle"]::after { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; transform: translate(-50%, -50%); border-radius: var(--r-round); background: var(--raised); box-shadow: var(--handle-shadow); }
[data-r="compare-slider"] > [data-part="handle"]:focus-visible { outline: none; }
[data-r="compare-slider"] > [data-part="handle"]:focus-visible::after { box-shadow: var(--handle-shadow), 0 0 0 3px var(--ring); }
}

/* ═══ w14-status-mark.css ═══ */
@layer components {
[data-r="status-mark"] { display: inline-flex; align-items: center; gap: var(--space-4); flex: none; white-space: nowrap; color: var(--ink-2); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); }
[data-r="status-mark"] > svg { flex: none; width: 12px; height: 12px; }
[data-r="status-mark"][data-state="decided"] { color: var(--ink); }
[data-r="status-mark"][data-state="superseded"] { color: var(--ink-2); }
[data-r="status-mark"][data-state="superseded"] > [data-part="word"] { text-decoration: line-through; }
[data-r="status-mark"][data-state="pass"] { color: var(--success-ink); }
[data-r="status-mark"][data-state="fail"] { color: var(--danger-ink); }
[data-r="status-mark"][data-variant="glyph"] > [data-part="word"] { display: none; }
}

/* ═══ w15-search-results.css ═══ */
@layer components {
[data-r="search-results"] { display: flex; flex-direction: column; gap: var(--space-8); min-width: 0; }
[data-r="search-results"] > [data-part="list"] { display: flex; flex-direction: column; gap: var(--space-8); min-width: 0; overflow: auto; }
[data-r="search-results"] > [data-part="list"] > [data-part="group"] { display: flex; flex-direction: column; min-width: 0; }
[data-r="search-results"] > [data-part="list"] > [data-part="group"] > [data-part="name"] { display: flex; align-items: baseline; gap: var(--space-6); padding: var(--space-4) var(--space-8); color: var(--ink-3); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); }
[data-r="search-results"] > [data-part="list"] > [data-part="group"] > [data-part="name"] > [data-part="count"] { margin-left: auto; font-weight: var(--fw-450); font-variant-numeric: tabular-nums; }
[data-r="search-results"] mark { background: none; color: var(--ink); font-weight: var(--fw-550); }
[data-r="search-results"] > [data-part="list"] > [data-part="none"] { padding: var(--space-12) var(--space-8); color: var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-12); }
}

/* ═══ w16-check-finding.css ═══ */
@layer components {
[data-r="check-finding"] { --finding: var(--danger-ink); --finding-ground: var(--danger-tint); position: absolute; z-index: 3; pointer-events: none; display: block; box-sizing: border-box; border: var(--px) solid var(--finding); border-radius: var(--r-key); font-size: var(--fs-9); line-height: var(--lh-9); font-weight: var(--fw-550); font-variant-numeric: tabular-nums; font-style: normal; }
[data-r="check-finding"][data-kind="size"] { --finding: var(--warning-ink); --finding-ground: var(--warning-tint); }
[data-r="check-finding"][data-kind="name"] { --finding: var(--info-ink); --finding-ground: var(--info-tint); }
[data-r="check-finding"][data-kind="spacing"] { --finding: var(--accent-ink); --finding-ground: var(--accent-tint); }
[data-r="check-finding"][data-kind="token"] { --finding: var(--ink-2); --finding-ground: var(--well); }
[data-r="check-finding"][data-kind="focus"] { --finding: var(--ink); --finding-ground: var(--raised); }
[data-r="check-finding"][data-kind="resize"] { --finding: var(--success-ink); --finding-ground: var(--success-tint); }
[data-r="check-finding"][data-kind="motion"] { --finding: var(--label-magenta-fg); --finding-ground: var(--label-magenta-bg); }
[data-r="check-finding"] > [data-part="number"] { position: absolute; left: calc(var(--px) * -1); bottom: 100%; padding: 0 var(--space-3); border-radius: var(--r-key) var(--r-key) 0 0; background: var(--finding-ground); color: var(--finding); box-shadow: 0 0 0 var(--px) var(--finding); white-space: nowrap; }
[data-r="check-finding"][data-inside] > [data-part="number"] { bottom: auto; top: 0; border-radius: 0 0 var(--r-key) 0; box-shadow: none; }
[data-r="check-finding"][aria-current="true"] { box-shadow: 0 0 0 2px var(--ring); }
}

/* ═══ w17-order-mark.css ═══ */
@layer components {
[data-r="order-mark"] { position: absolute; z-index: 3; pointer-events: none; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 16px; height: 16px; padding: 0 var(--space-3); transform: translate(-50%, -50%); border: var(--px) solid var(--ink); border-radius: var(--r-mark); background: var(--raised); color: var(--ink); font-size: var(--fs-9); line-height: var(--lh-9); font-weight: var(--fw-550); font-variant-numeric: tabular-nums; font-style: normal; white-space: nowrap; }
[data-r="order-mark"][data-state="off"] { border-color: var(--warning-ink); border-style: dashed; color: var(--warning-ink); }
[data-r="order-mark"][aria-current="true"] { box-shadow: 0 0 0 2px var(--ring); }
[data-r="order-path"] { position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; overflow: visible; }
[data-r="order-path"] polyline { fill: none; stroke: var(--ink-2); stroke-width: var(--px); stroke-dasharray: 4 3; stroke-linecap: round; stroke-linejoin: round; }
}

/* ═══ w19-totals.css ═══ */
@layer components {
[data-r="totals"] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
[data-r="totals"] [data-part="number"] { color: var(--ink); font-weight: var(--fw-550); font-variant-numeric: tabular-nums; }
}

/* ═══ w2-contrast-pair.css ═══ */
@layer components {
[data-r="contrast-pair"] { display: flex; align-items: center; gap: var(--space-10); min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink); }
[data-r="contrast-pair"] > [data-part="plane"] { flex: none; display: grid; padding: var(--space-4); border-radius: var(--r-contain); background: var(--paper); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / 10%); }
:is([data-r="contrast-pair"], [data-r="contrast-pair"] > [data-part="plane"]) > [data-part="sample"] { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--r-value); background: var(--bg); color: var(--fg); box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / 10%); font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); }
[data-r="contrast-pair"] > [data-part="stack"] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
[data-r="contrast-pair"] > [data-part="stack"] > [data-part="names"] { font-weight: var(--fw-500); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="contrast-pair"] > [data-part="stack"] > [data-part="ratio"] { color: var(--ink-3); font-size: var(--fs-11); line-height: var(--lh-11); font-variant-numeric: tabular-nums; }
[data-r="contrast-pair"] > [data-r="status-mark"] { flex: none; }
}

/* ═══ w20-count-section.css ═══ */
@layer components {
[data-r="count-section"] { display: flex; flex-direction: column; gap: var(--space-8); min-width: 0; margin: 0; }
[data-r="count-section"][data-size="compact"] { gap: var(--space-4); }
}

/* ═══ w21-lead-line.css ═══ */
@layer components {
[data-r="lead-line"] { margin: 0; max-width: var(--col-prose); color: var(--ink-2); font-size: var(--fs-13); line-height: var(--lh-13); text-wrap: pretty; }
[data-r="lead-line"][data-size="12"] { font-size: var(--fs-12); line-height: var(--lh-12); }
}

/* ═══ w22-count-list.css ═══ */
@layer components {
[data-r="count-list"] { display: flex; flex-direction: column; gap: var(--space-12); margin: 0; }
[data-r="count-list"] dt { display: flex; gap: var(--space-8); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); }
[data-r="count-list"] dt > [data-part="count"] { font-variant-numeric: tabular-nums; }
[data-r="count-list"] dd { margin: var(--space-4) 0 0; }
[data-r="count-list"] dd[data-r="facts"] { gap: var(--space-4) var(--space-12); }
[data-r="count-list"] [data-part="findings"] { display: grid; grid-template-columns: var(--space-12) max-content 1fr auto; align-items: center; gap: var(--space-4) var(--space-8); margin: 0; padding: 0; list-style: none; color: var(--ink); font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="count-list"] [data-part="findings"] > li { display: contents; }
[data-r="count-list"] [data-part="findings"] [data-part="key"] { position: static; display: block; width: var(--space-12); height: var(--space-12); }
[data-r="count-list"] [data-part="findings"] :is([data-part="kind"], [data-part="count"]) { color: var(--ink-2); }
[data-r="count-list"] [data-part="findings"] [data-part="count"] { font-variant-numeric: tabular-nums; }
}

/* ═══ w23-walk-bar.css ═══ */
@layer components {
[data-r="walk-bar"] { display: inline-flex; align-items: center; gap: var(--space-4); }
[data-r="walk-bar"] > [data-part="at"] { font-variant-numeric: tabular-nums; }
}

/* ═══ w3-token-ramp.css ═══ */
@layer components {
[data-r="token-ramp"] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--space-2); min-width: 0; }
[data-r="token-ramp"] > [data-part="step"] { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-4); min-width: 0; padding: 0; color: var(--ink-3); font-size: var(--fs-9); line-height: var(--lh-9); font-variant-numeric: tabular-nums; text-align: center; }
[data-r="token-ramp"] > [data-part="step"] > i { display: block; height: 24px; border-radius: var(--r-mark); background: var(--c); box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / 10%); }
[data-r="token-ramp"][data-size="40"] > [data-part="step"] > i { height: 40px; }
[data-r="token-ramp"] > [data-part="step"] > span { overflow: hidden; white-space: nowrap; }
[data-r="token-ramp"] > [data-part="step"][aria-selected="true"] { color: var(--ink); font-weight: var(--fw-550); }
[data-r="token-ramp"] > [data-part="step"][aria-selected="true"] > i { box-shadow: 0 0 0 2px var(--plane), 0 0 0 3.5px var(--accent); }
@media (hover: hover) {
  @media (hover: hover) {
    [data-r="token-ramp"] > button[data-part="step"]:hover { color: var(--ink); }
  }
  [data-r="token-ramp"] > button[data-part="step"][data-force~="hover"] { color: var(--ink); }
}
@container (max-width: 389px) {
  [data-r="token-ramp"] > [data-part="step"]:nth-child(even) > span { visibility: hidden; }
}
}

/* ═══ w4-type-specimen.css ═══ */
@layer components {
[data-r="type-specimen"] { display: flex; align-items: baseline; gap: var(--space-16); min-width: 0; padding: var(--space-10) 0; box-shadow: inset 0 calc(var(--px) * -1) 0 var(--line-2); }
[data-r="type-specimen"] > [data-part="sample"] { flex: 1; min-width: 0; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-450); }
[data-r="type-specimen"][data-step="9"] > [data-part="sample"] { font-size: var(--fs-9); line-height: var(--lh-9); }
[data-r="type-specimen"][data-step="11"] > [data-part="sample"] { font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="type-specimen"][data-step="12"] > [data-part="sample"] { font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="type-specimen"][data-step="13"] > [data-part="sample"] { font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="type-specimen"][data-step="16"] > [data-part="sample"] { font-size: var(--fs-16); line-height: var(--lh-16); }
[data-r="type-specimen"][data-weight="400"] > [data-part="sample"] { font-weight: var(--fw-400); }
[data-r="type-specimen"][data-weight="500"] > [data-part="sample"] { font-weight: var(--fw-500); }
[data-r="type-specimen"][data-weight="550"] > [data-part="sample"] { font-weight: var(--fw-550); }
[data-r="type-specimen"] > [data-part="readout"] { flex: none; display: flex; flex-direction: column; align-items: flex-end; font-size: var(--fs-11); line-height: var(--lh-11); font-variant-numeric: tabular-nums; }
[data-r="type-specimen"] > [data-part="readout"] > [data-part="token"] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="type-specimen"] > [data-part="readout"] > [data-part="size"] { color: var(--ink-3); }
}

/* ═══ w5-space-scale.css ═══ */
@layer components {
[data-r="space-scale"] { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; font-size: var(--fs-11); line-height: var(--lh-11); font-variant-numeric: tabular-nums; }
[data-r="space-scale"] > [data-part="step"] { display: grid; grid-template-columns: 72px minmax(0, 1fr) 32px; align-items: center; gap: var(--space-8); min-height: var(--row-24); }
[data-r="space-scale"] > [data-part="step"] > [data-part="token"] { color: var(--ink-2); white-space: nowrap; }
[data-r="space-scale"] > [data-part="step"] > [data-part="bar"] { display: block; width: var(--s); max-width: 100%; height: 8px; border-radius: var(--r-mark); background: var(--line-4); }
[data-r="space-scale"] > [data-part="step"] > [data-part="value"] { color: var(--ink-3); text-align: right; }
[data-r="space-scale"] > [data-part="step"][aria-current="true"] > [data-part="bar"] { background: var(--ink); }
[data-r="space-scale"] > [data-part="step"][aria-current="true"] > [data-part="token"] { color: var(--ink); font-weight: var(--fw-550); }
}

/* ═══ w6-spec-readout.css ═══ */
@layer components {
[data-r="spec-readout"] { display: flex; flex-direction: column; margin: 0; min-width: 0; font-size: var(--fs-11); line-height: var(--lh-11); font-variant-numeric: tabular-nums; }
[data-r="spec-readout"] > [data-part="head"] { display: flex; align-items: baseline; gap: var(--space-8); padding-bottom: var(--space-6); }
[data-r="spec-readout"] > [data-part="head"] > [data-part="title"] { flex: 1; min-width: 0; color: var(--ink); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="spec-readout"] > [data-part="head"] > [data-part="meta"] { color: var(--ink-3); }
[data-r="spec-readout"] > [data-part="row"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-8); min-height: var(--row-24); box-shadow: inset 0 var(--px) 0 var(--line-2); }
[data-r="spec-readout"] > [data-part="row"] > dt { color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-r="spec-readout"] > [data-part="row"] > dd { display: flex; align-items: center; gap: var(--space-6); margin: 0; }
[data-r="spec-readout"] > [data-part="row"] > dd > [data-part="value"] { color: var(--ink); }
[data-r="spec-readout"] > [data-part="row"] > dd > [data-part="token"] { color: var(--ink-3); }
[data-r="spec-readout"] > [data-part="row"][data-state="off"] > dd > [data-part="value"] { color: var(--danger-ink); }
}

/* ═══ w7-pin-mark.css ═══ */
@layer components {
[data-r="pin-mark"] { position: absolute; z-index: 3; display: grid; place-items: center; width: 18px; height: 18px; padding: 0; transform: translate(-50%, -50%); border-radius: var(--r-round); background: var(--ink); color: var(--paper); box-shadow: 0 0 0 2px var(--plane); font-size: var(--fs-9); line-height: var(--lh-9); font-weight: var(--fw-550); font-variant-numeric: tabular-nums; transition: transform var(--state-out); }
@media (hover: hover) {
  @media (hover: hover) {
    [data-r="pin-mark"]:hover { transform: translate(-50%, -50%) scale(1.1); transition-duration: var(--state-in); }
  }
  [data-r="pin-mark"][data-force~="hover"] { transform: translate(-50%, -50%) scale(1.1); transition-duration: var(--state-in); }
}
[data-r="pin-mark"][aria-pressed="true"] { background: var(--accent); color: var(--on-accent); }
[data-r="pin-mark"][data-state="resolved"] { background: var(--ink-3); }
[data-r="pin-mark"]:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  [data-r="pin-mark"] { transition: none; }
}
}

/* ═══ w8-redline.css ═══ */
@layer components {
[data-r="redline"] { --redline: var(--label-violet-fg); --redline-ground: var(--label-violet-bg); position: absolute; z-index: 3; pointer-events: none; display: block; font-size: var(--fs-9); line-height: var(--lh-9); font-weight: var(--fw-550); font-variant-numeric: tabular-nums; font-style: normal; }
[data-r="redline"][data-state="off"] { --redline: var(--danger-ink); --redline-ground: var(--danger-tint); }
[data-r="redline"][data-axis="x"] { height: 0; border-top: var(--px) solid var(--redline); }
[data-r="redline"][data-axis="y"] { width: 0; border-left: var(--px) solid var(--redline); }
[data-r="redline"]::before,
[data-r="redline"]::after { content: ""; position: absolute; background: var(--redline); }
[data-r="redline"][data-axis="x"]::before,
[data-r="redline"][data-axis="x"]::after { top: -4px; width: var(--px); height: 7px; }
[data-r="redline"][data-axis="x"]::before { left: 0; }
[data-r="redline"][data-axis="x"]::after { right: 0; }
[data-r="redline"][data-axis="y"]::before,
[data-r="redline"][data-axis="y"]::after { left: -4px; height: var(--px); width: 7px; }
[data-r="redline"][data-axis="y"]::before { top: 0; }
[data-r="redline"][data-axis="y"]::after { bottom: 0; }
[data-r="redline"] > [data-part="length"] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: var(--space-1) var(--space-3); border-radius: var(--r-mark); background: var(--redline-ground); color: var(--redline); white-space: nowrap; }
}

/* ═══ w9-device-frame.css ═══ */
@layer components {
[data-r="device-frame"] { display: flex; flex-direction: column; gap: var(--space-6); flex: none; margin: 0; width: calc(var(--w) * 1px * var(--scale, 1)); min-width: 0; }
[data-r="device-frame"] > [data-part="head"] { display: flex; align-items: baseline; gap: var(--space-6); font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="device-frame"] > [data-part="head"] > [data-part="name"] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="device-frame"] > [data-part="head"] > [data-part="width"] { margin-left: auto; }
[data-r="device-frame"] > [data-part="body"] { position: relative; overflow: hidden; height: calc(var(--h, 720) * 1px * var(--scale, 1)); border-radius: var(--r-contain); background: var(--paper); box-shadow: inset 0 0 0 var(--px) var(--line-3); }
[data-r="device-frame"] > [data-part="body"] > iframe { display: block; border: 0; width: calc(var(--w) * 1px); height: calc(var(--h, 720) * 1px); transform: scale(var(--scale, 1)); transform-origin: 0 0; background: var(--paper); }
}

/* ═══ z1-selection.css ═══ */
@layer components {
[data-r="selection"] { position: absolute; inset: 0; z-index: 1; overflow: visible; pointer-events: none; font-size: var(--fs-11); line-height: var(--lh-11); font-variant-numeric: tabular-nums; /* how far a corner's hit area reaches inside the box */ --handle-in: 10px; /* how far out from a corner its turn zone starts: the knob's half */ --turn-gap: 4px; /* a reading is the violet badge */ --reading: var(--label-violet-bg); --reading-ink: var(--label-violet-fg); }
[data-r="selection"] > * { position: absolute; box-sizing: border-box; }
[data-r="selection"] [hidden] { display: none; }
[data-r="selection"] > [data-part="box"] { box-shadow: 0 0 0 1px var(--accent); rotate: var(--turn, 0deg); transform-origin: center; }
[data-r="selection"] > [data-part="box"][data-variant="hover"] { box-shadow: 0 0 0 1px var(--accent-line); }
[data-r="selection"] > [data-part="box"][data-variant="group"] { box-shadow: none; outline: 1px dashed var(--accent); outline-offset: 0; }
[data-r="selection"] > [data-part="box"][data-variant="drop"] { box-shadow: 0 0 0 1px var(--accent), 0 0 0 4px var(--accent-tint); }
[data-r="selection"] > [data-part="box"] > [data-part="name"] { position: absolute; left: -1px; bottom: calc(100% + 4px); display: inline-flex; align-items: center; gap: 3px; max-width: max(100%, 120px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="selection"] > [data-part="box"]:is([data-variant="one"], [data-variant="group"]) > [data-part="name"] { color: var(--accent-ink); }
[data-r="selection"] > [data-part="box"] > [data-part="name"] > svg[data-icon] { flex: none; width: var(--icon-12); height: var(--icon-12); }
[data-r="selection"] > [data-part="box"] > [data-part="size"],
[data-r="selection"] > :is([data-part="distance"], [data-part="angle"]) { display: inline-flex; align-items: center; height: var(--h-20); padding: 0 6px; border-radius: var(--r-mark); background: linear-gradient(var(--reading), var(--reading)) var(--raised); color: var(--reading-ink); font-size: var(--fs-11); line-height: 1; font-weight: var(--fw-500); white-space: nowrap; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
[data-r="selection"] > [data-part="box"] > [data-part="size"] { position: absolute; left: 50%; top: calc(100% + 6px); translate: -50% 0; }
[data-r="selection"] > [data-part="box"] > [data-part="size"] { rotate: calc(-1 * var(--turn, 0deg)); }
[data-r="selection"] > [data-part="box"] > [data-part="handle"] { position: absolute; width: 8px; height: 8px; translate: -50% -50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow), 0 0 0 1px var(--accent); pointer-events: auto; touch-action: none; outline: none; z-index: 1; transition: scale var(--state-out); }
[data-r="selection"] > [data-part="box"] > [data-part="handle"]::before { content: ""; position: absolute; inset: -6px; border-radius: inherit; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"]:is([data-at="nw"], [data-at="ne"], [data-at="se"], [data-at="sw"])::before { border-radius: 0; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"]:is([data-at="nw"], [data-at="sw"])::before { right: calc(4px - var(--handle-in)); }
[data-r="selection"] > [data-part="box"] > [data-part="handle"]:is([data-at="ne"], [data-at="se"])::before { left: calc(4px - var(--handle-in)); }
[data-r="selection"] > [data-part="box"] > [data-part="handle"]:is([data-at="nw"], [data-at="ne"])::before { bottom: calc(4px - var(--handle-in)); }
[data-r="selection"] > [data-part="box"] > [data-part="handle"]:is([data-at="sw"], [data-at="se"])::before { top: calc(4px - var(--handle-in)); }
@media (hover: hover) {
  [data-r="selection"] > [data-part="box"] > [data-part="handle"]:hover { scale: 1.25; transition-duration: 0s; }
}
[data-r="selection"] > [data-part="box"] > [data-part="handle"][data-force~="hover"] { scale: 1.25; transition-duration: 0s; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 2px; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"][data-at="nw"] { left: 0; top: 0; cursor: nwse-resize; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"][data-at="ne"] { left: 100%; top: 0; cursor: nesw-resize; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"][data-at="se"] { left: 100%; top: 100%; cursor: nwse-resize; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"][data-at="sw"] { left: 0; top: 100%; cursor: nesw-resize; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"]:is([data-at="n"], [data-at="e"], [data-at="s"], [data-at="w"]) { border-radius: var(--r-mark); }
[data-r="selection"] > [data-part="box"] > [data-part="handle"]:is([data-at="n"], [data-at="s"]) { left: 50%; width: 16px; height: 5px; cursor: ns-resize; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"]:is([data-at="e"], [data-at="w"]) { top: 50%; width: 5px; height: 16px; cursor: ew-resize; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"][data-at="n"] { top: 0; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"][data-at="s"] { top: 100%; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"][data-at="e"] { left: 100%; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"][data-at="w"] { left: 0; }
[data-r="selection"] > [data-part="box"] > [data-part="handle"][data-class="proportional"]::after { content: ""; position: absolute; inset: 2px; border-radius: inherit; background: var(--accent); }
[data-r="selection"] > [data-part="box"] > [data-part="handle"][data-class="crop"] { border-radius: 0; }
[data-r="selection"] > [data-part="box"][data-small] > [data-part="handle"]:is([data-at="n"], [data-at="e"], [data-at="s"], [data-at="w"]) { display: none; }
[data-r="selection"] > [data-part="box"] > [data-part="turn"] { position: absolute; z-index: 2; width: 16px; height: 16px; pointer-events: auto; touch-action: none; cursor: grab; }
[data-r="selection"] > [data-part="box"] > [data-part="turn"][data-at="nw"] { right: calc(100% + var(--turn-gap)); bottom: calc(100% + var(--turn-gap)); }
[data-r="selection"] > [data-part="box"] > [data-part="turn"][data-at="ne"] { left: calc(100% + var(--turn-gap)); bottom: calc(100% + var(--turn-gap)); }
[data-r="selection"] > [data-part="box"] > [data-part="turn"][data-at="se"] { left: calc(100% + var(--turn-gap)); top: calc(100% + var(--turn-gap)); }
[data-r="selection"] > [data-part="box"] > [data-part="turn"][data-at="sw"] { right: calc(100% + var(--turn-gap)); top: calc(100% + var(--turn-gap)); }
[data-r="selection"] > [data-part="box"] > [data-part="turn"]:active { cursor: grabbing; }
[data-r="selection"] > [data-part="box"] > [data-part="turn"][data-force~="active"] { cursor: grabbing; }
[data-r="selection"] > [data-part="box"]:is([data-state="locked"], [data-state="editing"], [data-state="moving"]) > :is([data-part="handle"], [data-part="turn"]) { display: none; }
[data-r="selection"] > [data-part="box"][data-state="moving"] > [data-part="name"] { visibility: hidden; }
[data-r="selection"] > [data-part="marquee"] { box-shadow: inset 0 0 0 1px var(--accent); background: color-mix(in oklab, var(--accent) 8%, transparent); }
[data-r="selection"] > [data-part="guide"] { background: var(--accent); }
[data-r="selection"] > [data-part="guide"][data-axis="x"] { width: 1px; translate: -.5px 0; }
[data-r="selection"] > [data-part="guide"][data-axis="y"] { height: 1px; translate: 0 -.5px; }
[data-r="selection"] > [data-part="guide"][data-kind="space"][data-axis="x"] { background: repeating-linear-gradient(to bottom, var(--accent) 0 3px, transparent 3px 6px); }
[data-r="selection"] > [data-part="guide"][data-kind="space"][data-axis="y"] { background: repeating-linear-gradient(to right, var(--accent) 0 3px, transparent 3px 6px); }
[data-r="selection"] > [data-part="guide"][data-kind="user"] { background: var(--accent-line); pointer-events: auto; }
[data-r="selection"] > [data-part="guide"][data-kind="user"][data-axis="x"] { cursor: ew-resize; }
[data-r="selection"] > [data-part="guide"][data-kind="user"][data-axis="y"] { cursor: ns-resize; }
[data-r="selection"] > [data-part="guide"][data-kind="user"]::before { content: ""; position: absolute; inset: -3px; }
@media (hover: hover) {
  [data-r="selection"] > [data-part="guide"][data-kind="user"]:hover { background: var(--accent); transition-duration: 0s; }
}
[data-r="selection"] > [data-part="guide"][data-kind="user"][data-force~="hover"] { background: var(--accent); transition-duration: 0s; }
[data-r="selection"] > [data-part="distance"] { translate: -50% -50%; }
[data-r="selection"] > [data-part="angle"] { translate: 12px 12px; }
[data-r="selection"] > [data-part="distance"][data-kept] { pointer-events: auto; transition: box-shadow var(--state-out); }
@media (hover: hover) {
  [data-r="selection"] > [data-part="distance"][data-kept]:hover { box-shadow: 0 0 0 1px var(--accent); transition-duration: 0s; }
}
[data-r="selection"] > [data-part="distance"][data-kept][data-force~="hover"] { box-shadow: 0 0 0 1px var(--accent); transition-duration: 0s; }
[data-r="selection"] > [data-part="margin"] { outline: 1px dashed var(--line-5); outline-offset: 0; }
[data-r="selection"] > [data-part="safe"] { background: repeating-linear-gradient(-45deg, var(--line-2) 0 1px, transparent 1px 6px); }
[data-r="selection"] > svg[data-part="path"] { inset: 0; width: 100%; height: 100%; overflow: visible; }
[data-r="selection"] > svg[data-part="path"] [data-part="outline"] { fill: none; stroke: var(--accent); stroke-width: 1px; vector-effect: non-scaling-stroke; }
[data-r="selection"] > svg[data-part="path"] [data-part="hit"] { fill: none; stroke: transparent; stroke-width: 10px; vector-effect: non-scaling-stroke; pointer-events: stroke; cursor: copy; }
[data-r="selection"] > svg[data-part="path"] [data-part="arm"] { stroke: var(--accent-line); stroke-width: 1px; vector-effect: non-scaling-stroke; }
[data-r="selection"] > :is([data-part="point"], [data-part="control"]) { width: 8px; height: 8px; translate: -50% -50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow), 0 0 0 1px var(--accent); pointer-events: auto; touch-action: none; outline: none; transition: scale var(--state-out), background-color var(--state-out); }
[data-r="selection"] > :is([data-part="point"], [data-part="control"])::before { content: ""; position: absolute; inset: -6px; border-radius: inherit; }
[data-r="selection"] > [data-part="control"] { width: 6px; height: 6px; }
[data-r="selection"] > [data-part="point"][aria-selected="true"] { background: var(--accent); transition-duration: 0s; }
[data-r="selection"] > [data-part="point"][data-kind="corner"] { width: 7px; height: 7px; border-radius: 0; }
@media (hover: hover) {
  [data-r="selection"] > :is([data-part="point"], [data-part="control"]):hover { scale: 1.25; transition-duration: 0s; }
}
[data-r="selection"] > :is([data-part="point"], [data-part="control"])[data-force~="hover"] { scale: 1.25; transition-duration: 0s; }
[data-r="selection"] > :is([data-part="point"], [data-part="control"]):focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; }
[data-r="selection"] > :is([data-part="point"], [data-part="control"])[data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 2px; }
@media (pointer: coarse) {
  [data-r="selection"] > [data-part="box"] > [data-part="handle"]::before,
  [data-r="selection"] > :is([data-part="point"], [data-part="control"])::before { inset: -14px; }
  [data-r="selection"] { --handle-in: 18px; --turn-gap: 8px; }
  [data-r="selection"] > [data-part="box"] > [data-part="turn"] { width: 24px; height: 24px; }
}
}

/* ═══ z10-inspect.css ═══ */
@layer components {
[data-r="inspect"] { --reading: var(--label-violet-bg); --reading-ink: var(--label-violet-fg); position: fixed; inset: 0; z-index: var(--z-toast); pointer-events: none; font-size: var(--fs-11); line-height: var(--lh-11); font-variant-numeric: tabular-nums; }
[data-r="inspect"][hidden] { display: none; }
[data-r="inspect"] > :is([data-part="box"], [data-part="pad"], [data-part="line"]) { position: fixed; box-sizing: border-box; }
[data-r="inspect"] > [data-part="grid"] { position: fixed; inset: 0; display: none; background-image: linear-gradient(to right, var(--line-3) 1px, rgb(var(--ring-rgb) / 0%) 1px), linear-gradient(to bottom, var(--line-3) 1px, rgb(var(--ring-rgb) / 0%) 1px), linear-gradient(to right, var(--line-1) 1px, rgb(var(--ring-rgb) / 0%) 1px), linear-gradient(to bottom, var(--line-1) 1px, rgb(var(--ring-rgb) / 0%) 1px); background-size: 8px 8px, 8px 8px, 4px 4px, 4px 4px; }
[data-r="inspect"][data-grid] > [data-part="grid"] { display: block; }
[data-r="inspect"] > [data-part="box"][data-variant="hover"] { box-shadow: inset 0 0 0 1px var(--accent-line); }
[data-r="inspect"] > [data-part="box"][data-variant="chosen"] { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="inspect"] > [data-part="pad"] { background: color-mix(in oklab, var(--accent) 14%, rgb(var(--ring-rgb) / 0%)); }
[data-r="inspect"] :is([data-part="size"], [data-part="length"]) { position: absolute; display: inline-flex; align-items: center; height: var(--h-20); padding: 0 6px; border-radius: var(--r-mark); background: linear-gradient(var(--reading), var(--reading)) var(--raised); color: var(--reading-ink); font-weight: var(--fw-500); white-space: nowrap; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
[data-r="inspect"] > [data-part="box"] > [data-part="size"] { left: 50%; top: calc(100% + 6px); translate: -50% 0; }
[data-r="inspect"] > [data-part="line"] { background: var(--accent); }
[data-r="inspect"] > [data-part="line"][data-axis="x"] { height: 1px; }
[data-r="inspect"] > [data-part="line"][data-axis="y"] { width: 1px; }
[data-r="inspect"] > [data-part="line"]::before,
[data-r="inspect"] > [data-part="line"]::after { content: ""; position: absolute; background: var(--accent); }
[data-r="inspect"] > [data-part="line"][data-axis="x"]::before,
[data-r="inspect"] > [data-part="line"][data-axis="x"]::after { top: -3px; width: 1px; height: 7px; }
[data-r="inspect"] > [data-part="line"][data-axis="x"]::before { left: 0; }
[data-r="inspect"] > [data-part="line"][data-axis="x"]::after { right: 0; }
[data-r="inspect"] > [data-part="line"][data-axis="y"]::before,
[data-r="inspect"] > [data-part="line"][data-axis="y"]::after { left: -3px; width: 7px; height: 1px; }
[data-r="inspect"] > [data-part="line"][data-axis="y"]::before { top: 0; }
[data-r="inspect"] > [data-part="line"][data-axis="y"]::after { bottom: 0; }
[data-r="inspect"] > [data-part="line"][data-axis="x"] > [data-part="length"] { left: 50%; top: 6px; translate: -50% 0; }
[data-r="inspect"] > [data-part="line"][data-axis="y"] > [data-part="length"] { top: 50%; left: 6px; translate: 0 -50%; }
[data-r="inspect"] > [data-part="status"] { position: fixed; left: 50%; bottom: 12px; translate: -50% 0; margin: 0; display: inline-flex; align-items: center; height: var(--h-28); padding: 0 12px; border-radius: var(--r-press); background: var(--raised); color: var(--ink-2); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); font-size: var(--fs-12); line-height: var(--lh-12); white-space: nowrap; }
[data-r="inspect"] > [data-part="status"] > code { font-family: inherit; color: var(--ink); font-weight: var(--fw-500); }
[data-r="inspect"] > [data-part="panel"] { position: fixed; top: var(--panel-top, 48px); right: var(--panel-right, 8px); width: 288px; max-height: calc(100vh - var(--panel-top, 48px) - 64px); pointer-events: auto; }
[data-r="inspect"][data-side="left"] > [data-part="panel"] { right: auto; left: var(--panel-left, 8px); }
[data-r="inspect"][data-static] { position: absolute; z-index: 1; }
[data-r="inspect"][data-static] > :is([data-part="box"], [data-part="pad"], [data-part="line"], [data-part="grid"], [data-part="status"], [data-part="panel"]) { position: absolute; }
[data-r="inspect"] [data-part="panel"] [data-r="property"] > [data-part="value"] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 6px; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
[data-r="inspect"] [data-part="panel"] [data-tokens] { display: contents; }
[data-r="inspect"] [data-part="panel"] [data-tokens] > code { font-family: inherit; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--accent-ink); }
[data-r="inspect"] [data-part="panel"] [data-r="property"] > [data-part="value"] > [data-part="swatch"] { flex: none; align-self: center; width: 12px; height: 12px; border-radius: var(--r-key); background: var(--c); box-shadow: inset 0 0 0 var(--px) var(--line-4); }
[data-r="inspect"] [data-part="panel"] [data-r="property"] > [data-part="value"] > [data-r="badge"] { align-self: center; }
[data-r="inspect"] [data-part="panel"] [data-tokens] > [data-part="none"] { display: inline-flex; align-items: center; height: 16px; padding: 0 5px; border-radius: var(--r-press); outline: 1px dashed var(--line-5); outline-offset: -1px; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink-3); }
[data-r="inspect"] [data-part="panel"] [data-r="properties"] > [data-part="section"] > [data-part="title"] { display: flex; align-items: center; gap: 4px; }
[data-r="inspect"] [data-part="panel"] [data-r="properties"] > [data-part="section"] > [data-part="title"] > [data-r="button"] { margin-left: auto; }
[data-r="inspect"] [data-part="panel"] [data-part="empty"] { display: flex; flex-direction: column; gap: 12px; padding: 4px 0 8px; }
[data-r="inspect"] [data-part="panel"] [data-part="empty"] > [data-part="hint"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="inspect"] [data-part="panel"] [data-part="keys"] { display: flex; flex-direction: column; gap: 6px; margin: 0; }
[data-r="inspect"] [data-part="panel"] [data-part="keys"] > div { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: 8px; }
[data-r="inspect"] [data-part="panel"] [data-part="keys"] dt,
[data-r="inspect"] [data-part="panel"] [data-part="keys"] dd { margin: 0; }
[data-r="inspect"] [data-part="panel"] [data-part="keys"] dd { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
}

/* ═══ z11-signature-pad.css ═══ */
@layer components {
[data-r="signature-pad"] { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
[data-r="signature-pad"] > [data-part="hand"] { display: flex; flex-direction: column; gap: 12px; flex: 1 1 300px; max-width: 360px; min-width: 0; }
[data-r="signature-pad"] [data-part="note"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="signature-pad"] [data-part="note"][role="alert"] { color: var(--danger-ink); }
[data-r="signature-pad"] [data-part="pad"] { position: relative; aspect-ratio: 3 / 1; overflow: hidden; border-radius: var(--r-value); background: var(--paper); box-shadow: inset 0 0 0 var(--px) var(--line-3); cursor: crosshair; touch-action: none; outline: none; color: var(--ink); }
[data-r="signature-pad"] [data-part="pad"]:focus-visible { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="signature-pad"] [data-part="pad"][data-force~="focus"] { box-shadow: inset 0 0 0 1px var(--accent); }
[data-r="signature-pad"] [data-part="pad"]::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 26%; height: 1px; background: var(--line-4); pointer-events: none; }
[data-r="signature-pad"] [data-part="ink"] { position: absolute; inset: 0; width: 100%; height: 100%; }
[data-r="signature-pad"] [data-part="ink"] path { fill: none; stroke: currentColor; stroke-width: 2.25px; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
[data-r="signature-pad"] [data-part="hint"] { position: absolute; left: 16px; bottom: calc(26% + 6px); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); pointer-events: none; }
[data-r="signature-pad"][data-state="drawn"] [data-part="hint"] { display: none; }
[data-r="signature-pad"] [data-part="typed"] { position: absolute; left: 20px; right: 20px; bottom: calc(26% + 4px); display: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-450); font-style: italic; color: var(--ink); }
[data-r="signature-pad"][data-mode="type"] [data-part="typed"] { display: block; }
[data-r="signature-pad"][data-mode="type"] [data-part="pad"] { cursor: default; }
[data-r="signature-pad"][data-mode="type"] [data-part="ink"] { display: none; }
[data-r="signature-pad"]:not([data-mode="type"]) [data-part="name"] { display: none; }
[data-r="signature-pad"] [data-part="foot"] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: -8px; min-height: var(--h-24); }
[data-r="signature-pad"] [data-part="foot"] > [data-part="said"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="signature-pad"] [data-part="foot"] > [data-part="clear"] { margin-right: -6px; }
[data-r="signature-pad"] > [data-part="page"] { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; flex: 1 1 280px; min-width: 0; }
[data-r="signature-pad"] [data-part="sheet"] { position: relative; width: 100%; max-width: 640px; aspect-ratio: var(--sheet-ratio, 210 / 297); background: var(--paper); box-shadow: 0 0 0 var(--px) var(--line-2), var(--e1); cursor: crosshair; }
[data-r="signature-pad"] [data-part="mark"] { position: absolute; width: 30%; aspect-ratio: 3 / 1; translate: -50% -50%; border-radius: var(--r-key); outline: 1px dashed var(--accent); outline-offset: 0; color: var(--ink); pointer-events: none; }
[data-r="signature-pad"] [data-part="mark"][hidden] { display: none; }
[data-r="signature-pad"] [data-part="mark"] > svg { position: absolute; inset: 0; width: 100%; height: 100%; }
[data-r="signature-pad"] [data-part="mark"] > svg path { fill: none; stroke: currentColor; stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
[data-r="signature-pad"] [data-part="mark"] > [data-part="typed"] { position: absolute; inset: 0; display: grid; place-items: center; font-size: var(--fs-12); line-height: var(--lh-12); font-style: italic; color: var(--ink); white-space: nowrap; overflow: hidden; }
[data-r="signature-pad"] [data-part="pager"] { display: flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
}

/* ═══ z12-tour.css ═══ */
@layer components {
[data-r="tour"] { position: fixed; left: 0; right: 0; bottom: 24px; z-index: var(--z-popover); width: 320px; max-width: calc(100vw - 32px); margin-inline: auto; }
[data-r="tour"][data-static] { position: relative; left: auto; right: auto; bottom: auto; z-index: auto; margin-inline: 0; }
[data-r="tour"] [data-part="header"] > [data-part="close"] { margin-left: auto; }
[data-r="tour"] [data-part="steps"] { display: grid; grid-auto-flow: column; grid-template-columns: var(--cols); gap: 4px; margin: 0 0 10px; padding: 0; list-style: none; }
[data-r="tour"] [data-part="step"] { display: contents; }
[data-r="tour"] [data-part="step"] > button { display: block; height: 16px; padding: 0; border: 0; background: none; outline: none; border-radius: var(--r-mark); }
[data-r="tour"] [data-part="step"] > button:focus-visible { box-shadow: 0 0 0 1px var(--accent); }
[data-r="tour"] [data-part="step"] > button[data-force~="focus"] { box-shadow: 0 0 0 1px var(--accent); }
[data-r="tour"] [data-part="step"] > button > i { position: relative; display: block; height: 3px; overflow: hidden; border-radius: var(--r-mark); background: var(--line-3); transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="tour"] [data-part="step"] > button:hover > i { background: var(--line-5); transition-duration: 0s; }
}
[data-r="tour"] [data-part="step"] > button[data-force~="hover"] > i { background: var(--line-5); transition-duration: 0s; }
[data-r="tour"] [data-part="step"] > button > i::after { content: ""; position: absolute; inset: 0; background: var(--accent); transform: scaleX(0); transform-origin: left center; }
[data-r="tour"] [data-part="step"][data-state="done"] > button > i::after { transform: none; }
[data-r="tour"] [data-part="step"][data-state="now"] > button > i::after { animation: tour-fill linear forwards; animation-duration: var(--ms, 4000ms); animation-play-state: paused; }
[data-r="tour"][data-playing] [data-part="step"][data-state="now"] > button > i::after { animation-play-state: running; }
[data-r="tour"] [data-part="step"][data-state="now"]:last-child > button > i::after { animation: none; transform: none; }
[data-r="tour"] [data-part="say"] > p { margin: 0; color: var(--ink-2); text-wrap: pretty; animation: tour-say var(--state-out) ease-out; }
[data-r="tour"] [data-part="footer"] { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
[data-r="tour"] [data-part="footer"] > [data-part="count"] { margin-right: auto; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-r="tour"] [data-part="footer"] > [hidden] { display: none; }
[data-r="tour"] > [data-part="mark"] { position: fixed; z-index: var(--z-popover); display: none; pointer-events: none; border-radius: var(--r-contain); box-shadow: 0 0 0 2px var(--accent-mark), 0 0 0 6px var(--accent-tint); transition: left var(--state-out), top var(--state-out), width var(--state-out), height var(--state-out); }
[data-r="tour"] > [data-part="mark"][data-on] { display: block; }
@keyframes tour-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes tour-say { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  [data-r="tour"] [data-part="say"] > p { animation: none; }
  [data-r="tour"] > [data-part="mark"] { transition: none; }
}
@media (max-width: 767px) {
  [data-r="tour"]:not([data-static]) { left: 8px; right: 8px; width: auto; max-width: none; }
}
}

/* ═══ z13-board-shape.css ═══ */
@layer components {
[data-r="board-shape"] { --shape-ink: var(--ink); --shape-paint: var(--raised); --shape-on: var(--ink); --shape-text: var(--ink); --shape-w: 2px; display: grid; place-items: center; box-sizing: border-box; color: var(--shape-on); font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-450); user-select: none; -webkit-user-select: none; }
[data-r="board-shape"][data-color="gray"] { --c-line: var(--gray-600); --c-line-dark: var(--gray-400); --c-tint: var(--gray-100); --c-tint-dark: var(--gray-800); --c-solid: var(--gray-500); --c-word: var(--gray-700); --c-word-dark: var(--gray-300); }
[data-r="board-shape"][data-color="blue"] { --c-line: var(--blue-600); --c-line-dark: var(--blue-400); --c-tint: var(--blue-100); --c-tint-dark: var(--blue-800); --c-solid: var(--blue-500); --c-word: var(--blue-700); --c-word-dark: var(--blue-300); }
[data-r="board-shape"][data-color="aqua"] { --c-line: var(--aqua-600); --c-line-dark: var(--aqua-400); --c-tint: var(--aqua-100); --c-tint-dark: var(--aqua-800); --c-solid: var(--aqua-500); --c-word: var(--aqua-700); --c-word-dark: var(--aqua-300); }
[data-r="board-shape"][data-color="green"] { --c-line: var(--green-600); --c-line-dark: var(--green-400); --c-tint: var(--green-100); --c-tint-dark: var(--green-800); --c-solid: var(--green-500); --c-word: var(--green-700); --c-word-dark: var(--green-300); }
[data-r="board-shape"][data-color="yellow"] { --c-line: var(--yellow-650); --c-line-dark: var(--yellow-400); --c-tint: var(--yellow-100); --c-tint-dark: var(--yellow-800); --c-solid: var(--yellow-500); --c-word: var(--yellow-800); --c-word-dark: var(--yellow-300); }
[data-r="board-shape"][data-color="orange"] { --c-line: var(--orange-600); --c-line-dark: var(--orange-400); --c-tint: var(--orange-100); --c-tint-dark: var(--orange-800); --c-solid: var(--orange-500); --c-word: var(--orange-700); --c-word-dark: var(--orange-300); }
[data-r="board-shape"][data-color="red"] { --c-line: var(--red-600); --c-line-dark: var(--red-400); --c-tint: var(--red-100); --c-tint-dark: var(--red-800); --c-solid: var(--red-500); --c-word: var(--red-700); --c-word-dark: var(--red-300); }
[data-r="board-shape"][data-color="magenta"] { --c-line: var(--magenta-600); --c-line-dark: var(--magenta-400); --c-tint: var(--magenta-100); --c-tint-dark: var(--magenta-800); --c-solid: var(--magenta-500); --c-word: var(--magenta-700); --c-word-dark: var(--magenta-300); }
[data-r="board-shape"][data-color="violet"] { --c-line: var(--violet-600); --c-line-dark: var(--violet-400); --c-tint: var(--violet-100); --c-tint-dark: var(--violet-800); --c-solid: var(--violet-500); --c-word: var(--violet-700); --c-word-dark: var(--violet-300); }
[data-r="board-shape"][data-color] { --shape-ink: var(--c-line); --shape-paint: var(--c-tint); --shape-on: var(--c-word); --shape-text: var(--c-word); }
[data-r="board-shape"][data-fill="solid"] { --shape-paint: var(--ink); --shape-on: var(--paper); }
[data-r="board-shape"][data-color][data-fill="solid"] { --shape-paint: var(--c-solid); --shape-on: var(--gray-0); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-r="board-shape"][data-color] { --shape-ink: var(--c-line-dark); --shape-paint: var(--c-tint-dark); --shape-on: var(--c-word-dark); --shape-text: var(--c-word-dark); }
  :root:not([data-theme="light"]) [data-r="board-shape"][data-color][data-fill="solid"] { --shape-paint: var(--c-solid); --shape-on: var(--gray-0); }
  :root:not([data-theme="light"]) [data-r="board-shape"][data-color]:is([data-fill="none"], [data-variant="text"]) { --shape-paint: transparent; --shape-on: var(--shape-text); }
}
:root[data-theme="dark"] [data-r="board-shape"][data-color] { --shape-ink: var(--c-line-dark); --shape-paint: var(--c-tint-dark); --shape-on: var(--c-word-dark); --shape-text: var(--c-word-dark); }
:root[data-theme="dark"] [data-r="board-shape"][data-color][data-fill="solid"] { --shape-paint: var(--c-solid); --shape-on: var(--gray-0); }
:root[data-theme="dark"] [data-r="board-shape"][data-color]:is([data-fill="none"], [data-variant="text"]) { --shape-paint: transparent; --shape-on: var(--shape-text); }
[data-r="board-shape"]:is([data-fill="none"], [data-variant="text"]) { --shape-paint: transparent; --shape-on: var(--shape-text); }
[data-r="board-shape"][data-weight="s"] { --shape-w: 1px; }
[data-r="board-shape"][data-weight="l"] { --shape-w: 4px; }
[data-r="board-shape"][data-weight="xl"] { --shape-w: 6px; }
[data-r="board-shape"]:is([data-variant="rect"], [data-variant="ellipse"], [data-variant="diamond"]) { background: var(--shape-paint); }
[data-r="board-shape"][data-variant="rect"] { border-radius: var(--r-row); }
[data-r="board-shape"][data-variant="rect"][data-round] { border-radius: var(--r-press); }
[data-r="board-shape"][data-variant="ellipse"] { border-radius: var(--r-round); }
[data-r="board-shape"][data-variant="diamond"] { clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); }
[data-r="board-shape"] > [data-part="figure"] { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
[data-r="board-shape"] > [data-part="figure"] > [data-part="outline"] { fill: none; stroke: var(--shape-ink); stroke-width: var(--shape-w); stroke-linejoin: round; stroke-linecap: round; pointer-events: visiblePainted; }
[data-r="board-shape"][data-line="dashed"] > [data-part="figure"] > :is([data-part="outline"], [data-part="line"]) { stroke-dasharray: calc(var(--shape-w) * 4) calc(var(--shape-w) * 3); }
[data-r="board-shape"][data-line="dotted"] > [data-part="figure"] > :is([data-part="outline"], [data-part="line"]) { stroke-dasharray: 0 calc(var(--shape-w) * 2.5); }
[data-r="board-shape"]:is([data-variant="line"], [data-variant="draw"]) { pointer-events: none; }
[data-r="board-shape"] > [data-part="figure"] > :is([data-part="line"], [data-part="head"]) { fill: none; stroke: var(--shape-ink); stroke-width: var(--shape-w); stroke-linecap: round; stroke-linejoin: round; }
[data-r="board-shape"] > [data-part="figure"] > [data-part="hit"] { fill: none; stroke: transparent; stroke-width: calc(var(--shape-w) + 12px); pointer-events: stroke; }
[data-r="board-shape"] > [data-part="words"] { position: relative; max-width: calc(100% - 24px); max-height: calc(100% - 16px); overflow: hidden; text-align: center; white-space: pre-wrap; overflow-wrap: anywhere; pointer-events: none; }
[data-r="board-shape"][data-variant="diamond"] > [data-part="words"] { max-width: calc(70% - 16px); }
[data-r="board-shape"][data-variant="text"] { display: block; place-items: normal; }
[data-r="board-shape"][data-variant="text"] > [data-part="words"] { max-width: none; max-height: none; text-align: start; transform-origin: 0 0; }
[data-r="board-shape"][data-align="center"] > [data-part="words"] { text-align: center; }
[data-r="board-shape"][data-align="end"] > [data-part="words"] { text-align: end; }
[data-r="board-shape"][data-size="sm"] { font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="board-shape"]:is([data-size="lg"], [data-size="xl"]) { font-weight: var(--fw-550); }
[data-r="board-shape"][data-size="lg"] > [data-part="words"] { scale: 1.5; max-width: calc((100% - 24px) / 1.5); }
[data-r="board-shape"][data-size="xl"] > [data-part="words"] { scale: 3; max-width: calc((100% - 24px) / 3); }
[data-r="board-shape"][data-variant="text"][data-size="lg"] > [data-part="words"] { width: calc(100% / 1.5); max-width: none; }
[data-r="board-shape"][data-variant="text"][data-size="xl"] > [data-part="words"] { width: calc(100% / 3); max-width: none; }
[data-r="board-shape"][data-editing] > [data-part="words"] { visibility: hidden; }
[data-r="board-shape"][data-ghost] { background: none; clip-path: none; box-shadow: inset 0 0 0 var(--px) var(--line-5); border-radius: var(--r-row); }
[data-r="board-shape"][data-ghost][data-variant="ellipse"] { border-radius: var(--r-round); }
}

/* ═══ z14-board-map.css ═══ */
@layer components {
[data-r="board-map"] { --map-w: 200px; --map-h: 128px; display: block; padding: 4px; border-radius: var(--r-contain); outline: none; background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); cursor: default; user-select: none; -webkit-user-select: none; }
[data-r="board-map"]:focus-visible { box-shadow: 0 0 0 1px var(--accent), 0 0 6px 1px var(--ring-glow), var(--e2); }
[data-r="board-map"][data-force~="focus"] { box-shadow: 0 0 0 1px var(--accent), 0 0 6px 1px var(--ring-glow), var(--e2); }
[data-r="board-map"] > [data-part="map"] { display: block; width: var(--map-w); height: var(--map-h); border-radius: var(--r-row); background: var(--paper); overflow: hidden; }
[data-r="board-map"] [data-part="thing"] { --thing: var(--gray-400); fill: var(--thing); }
[data-r="board-map"] [data-part="thing"][data-variant="section"] { fill: var(--paper); stroke: var(--line-3); stroke-width: 0.5px; }
[data-r="board-map"] [data-part="thing"][data-variant="text"] { fill: var(--ink-3); }
[data-r="board-map"] [data-part="thing"][data-color="white"] { --thing: var(--gray-100); }
[data-r="board-map"] [data-part="thing"][data-color="gray"] { --thing: var(--gray-300); }
[data-r="board-map"] [data-part="thing"][data-color="blue"] { --thing: var(--blue-300); }
[data-r="board-map"] [data-part="thing"][data-color="aqua"] { --thing: var(--aqua-300); }
[data-r="board-map"] [data-part="thing"][data-color="green"] { --thing: var(--green-300); }
[data-r="board-map"] [data-part="thing"][data-color="yellow"] { --thing: var(--yellow-300); }
[data-r="board-map"] [data-part="thing"][data-color="orange"] { --thing: var(--orange-300); }
[data-r="board-map"] [data-part="thing"][data-color="red"] { --thing: var(--red-300); }
[data-r="board-map"] [data-part="thing"][data-color="magenta"] { --thing: var(--magenta-300); }
[data-r="board-map"] [data-part="thing"][data-color="violet"] { --thing: var(--violet-300); }
[data-r="board-map"] [data-part="view"] { fill: var(--accent-tint); fill-opacity: 0.4; stroke: var(--accent); stroke-width: 1.5px; vector-effect: non-scaling-stroke; cursor: grab; }
[data-r="sticky-board"] > [data-r="board-map"] { position: absolute; right: 12px; bottom: 60px; z-index: 2; }
}

/* ═══ z15-event-block.css ═══ */
@layer components {
[data-r="event-block"] { --ev-fill: var(--gray-150); --ev-fill-hover: var(--gray-200); --ev-fill-dark: var(--gray-800); --ev-fill-hover-dark: var(--gray-750); --ev-paint: var(--ev-fill); --ev-paint-hover: var(--ev-fill-hover); container: event-block / size; position: relative; box-sizing: border-box; display: block; min-width: 0; height: calc(max(var(--len, 30) * var(--hour, 48px) / 60, 20px) - 2px); padding: 3px 6px 3px 6px; overflow: hidden; border-radius: var(--r-row); background: var(--ev-paint); color: var(--ink); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); white-space: nowrap; text-overflow: ellipsis; cursor: grab; user-select: none; -webkit-user-select: none; touch-action: none; outline: none; transition: background-color var(--state-out), box-shadow var(--state-out); }
[data-r="event-block"][data-color="violet"] { --ev-fill: var(--violet-150);  --ev-fill-hover: var(--violet-200);  --ev-fill-dark: var(--violet-800);  --ev-fill-hover-dark: var(--violet-750); }
[data-r="event-block"][data-color="blue"] { --ev-fill: var(--blue-150);    --ev-fill-hover: var(--blue-200);    --ev-fill-dark: var(--blue-800);    --ev-fill-hover-dark: var(--blue-750); }
[data-r="event-block"][data-color="aqua"] { --ev-fill: var(--aqua-150);    --ev-fill-hover: var(--aqua-200);    --ev-fill-dark: var(--aqua-800);    --ev-fill-hover-dark: var(--aqua-750); }
[data-r="event-block"][data-color="green"] { --ev-fill: var(--green-150);   --ev-fill-hover: var(--green-200);   --ev-fill-dark: var(--green-800);   --ev-fill-hover-dark: var(--green-750); }
[data-r="event-block"][data-color="yellow"] { --ev-fill: var(--yellow-100);  --ev-fill-hover: var(--yellow-150);  --ev-fill-dark: var(--yellow-800);  --ev-fill-hover-dark: var(--yellow-750); }
[data-r="event-block"][data-color="orange"] { --ev-fill: var(--orange-150);  --ev-fill-hover: var(--orange-200);  --ev-fill-dark: var(--orange-800);  --ev-fill-hover-dark: var(--orange-750); }
[data-r="event-block"][data-color="red"] { --ev-fill: var(--red-150);     --ev-fill-hover: var(--red-200);     --ev-fill-dark: var(--red-800);     --ev-fill-hover-dark: var(--red-750); }
[data-r="event-block"][data-color="magenta"] { --ev-fill: var(--magenta-150); --ev-fill-hover: var(--magenta-200); --ev-fill-dark: var(--magenta-800); --ev-fill-hover-dark: var(--magenta-750); }
[data-r="event-block"][data-state="planned"] { --ev-fill: var(--raised); --ev-fill-hover: var(--raised-hover); --ev-fill-dark: var(--raised); --ev-fill-hover-dark: var(--raised-hover); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-r="event-block"] { --ev-paint: var(--ev-fill-dark); --ev-paint-hover: var(--ev-fill-hover-dark); }
}
:root[data-theme="dark"] [data-r="event-block"] { --ev-paint: var(--ev-fill-dark); --ev-paint-hover: var(--ev-fill-hover-dark); }
[data-r="event-block"] > [data-part="title"] { display: block; overflow: hidden; text-overflow: ellipsis; font-weight: var(--fw-550); color: var(--ink); }
[data-r="event-block"] > [data-part="time"] { display: block; margin-top: 1px; overflow: hidden; text-overflow: ellipsis; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--ink); font-variant-numeric: tabular-nums; }
@container event-block (height < 40px) {
  [data-r="event-block"] > :is([data-part="title"], [data-part="time"]) { display: inline; }
  [data-r="event-block"] > [data-part="time"] { margin: 0 0 0 4px; }
}
[data-r="event-block"] > [data-part="resize"] { position: absolute; left: 0; right: 0; bottom: 0; height: 6px; cursor: ns-resize; }
[data-r="event-block"] > [data-part="resize"]::after { content: ""; position: absolute; left: 50%; bottom: 2px; width: 16px; height: 2px; translate: -50% 0; border-radius: var(--r-round); background: var(--ink-2); opacity: 0; transition: opacity var(--state-out); }
@media (hover: hover) {
  [data-r="event-block"]:hover { background: var(--ev-paint-hover); transition-duration: 0s; }
}
[data-r="event-block"][data-force~="hover"] { background: var(--ev-paint-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="event-block"]:hover > [data-part="resize"]::after { opacity: .5; transition-duration: 0s; }
}
[data-r="event-block"][data-force~="hover"] > [data-part="resize"]::after { opacity: .5; transition-duration: 0s; }
[data-r="event-block"]:focus-visible { box-shadow: 0 0 0 1px var(--accent), 0 0 6px 1px var(--ring-glow); }
[data-r="event-block"][data-force~="focus"] { box-shadow: 0 0 0 1px var(--accent), 0 0 6px 1px var(--ring-glow); }
[data-r="event-block"][aria-pressed="true"] { box-shadow: 0 0 0 1.5px var(--accent-mark), var(--e2); }
[data-r="event-block"][aria-pressed="true"]:focus-visible { box-shadow: 0 0 0 1.5px var(--accent), 0 0 6px 1px var(--ring-glow), var(--e2); }
[data-r="event-block"][aria-pressed="true"][data-force~="focus"] { box-shadow: 0 0 0 1.5px var(--accent), 0 0 6px 1px var(--ring-glow), var(--e2); }
[data-r="event-block"][data-dragging] { z-index: var(--z-sticky); background: var(--ev-paint-hover); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); cursor: grabbing; transition-duration: 0s; }
[data-r="event-block"][data-origin] { background: transparent; box-shadow: inset 0 0 0 1px var(--line-4); pointer-events: none; }
[data-r="event-block"][data-origin] > * { visibility: hidden; }
[data-r="event-block"][data-clip="start"] { border-top-left-radius: 0; border-top-right-radius: 0; }
[data-r="event-block"][data-clip="end"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
[data-r="event-block"][data-clip="both"] { border-radius: 0; }
[data-r="time-grid"][data-filtering] [data-r="event-block"][data-out]:not([data-dragging]) { opacity: .32; transition: opacity var(--opacity-out) ease-out, background-color var(--state-out), box-shadow var(--state-out); }
@media (hover: hover) {
  [data-r="time-grid"][data-filtering] [data-r="event-block"][data-out]:not([data-dragging]):hover { opacity: .7; transition-duration: 0s; }
}
[data-r="time-grid"][data-filtering] [data-r="event-block"][data-out]:not([data-dragging])[data-force~="hover"] { opacity: .7; transition-duration: 0s; }
[data-r="time-grid"][data-orient="down"] [data-part="day"] > [data-r="event-block"] { position: absolute; z-index: 3; top: calc((var(--from) - var(--start)) * var(--hour) / 60 + 1px); left: calc(2px + var(--col, 0) * (100% - 4px) / var(--cols, 1)); width: calc((100% - 4px) / var(--cols, 1) - 2px); }
[data-r="time-grid"][data-orient="down"] [data-part="day"] > [data-r="event-block"]:is([data-dragging], [aria-pressed="true"]) { z-index: var(--z-sticky); }
[data-r="time-grid"][data-orient="across"] [data-part="track"] > [data-r="event-block"] { position: absolute; top: calc(6px + var(--col, 0) * (var(--track-h) + 4px)); left: calc((var(--from) - var(--start)) * var(--hour) / 60 + 1px); width: calc(max(var(--len) * var(--hour) / 60, 64px) - 2px); height: var(--track-h); }
}

/* ═══ z2-zoom.css ═══ */
@layer components {
[data-r="zoom"] { --h: var(--h-24); display: flex; width: max-content; align-items: center; gap: 2px; flex: none; font-variant-numeric: tabular-nums; }
[data-r="zoom"][data-size="28"] { --h: var(--h-28); }
[data-r="zoom"][data-size="44"] { --h: var(--h-44); }
[data-r="zoom"][data-size="44"] > [data-r="button"][data-part="level"] { min-width: 72px; }
[data-r="zoom"] > [data-r="button"] { --h: inherit; }
[data-r="zoom"] > [data-r="button"][data-part="level"] { min-width: 52px; justify-content: center; font-variant-numeric: tabular-nums; }
[data-r="zoom"] > input[data-part="level"] { box-sizing: border-box; width: 52px; height: var(--h); margin: 0; padding: 0 4px; border: 0; outline: none; border-radius: var(--r-press); background: transparent; color: var(--ink-2); font: inherit; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); font-variant-numeric: tabular-nums; text-align: center; cursor: text; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="zoom"] > input[data-part="level"]:hover { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
}
[data-r="zoom"] > input[data-part="level"][data-force~="hover"] { background: var(--plane-hover); color: var(--ink); transition-duration: 0s; }
[data-r="zoom"] > input[data-part="level"]:is(:focus, [data-force~="focus"]) { background: transparent; box-shadow: var(--ring-field); color: var(--ink); }
[data-r="zoom"][data-size="44"] > input[data-part="level"] { width: 72px; font-size: var(--fs-16); line-height: var(--lh-16); }
[data-r="zoom"]:has(> [data-part="reason"]):not([data-variant="float"]) { position: relative; }
[data-r="zoom"] > input[data-part="level"][aria-invalid="true"] { color: var(--danger-ink); }
[data-r="zoom"] > input[data-part="level"][aria-invalid="true"]:is(:focus, [data-force~="focus"]) { box-shadow: var(--ring-field-danger); }
[data-r="zoom"] > [data-part="reason"] { position: absolute; z-index: 1; top: calc(100% + 6px); left: 50%; translate: -50% 0; padding: 4px 8px; border-radius: var(--r-row); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--danger-ink); white-space: nowrap; pointer-events: none; }
[data-r="zoom"] > [data-r="button"][data-part="levels"] { width: auto; padding: 0 2px; margin-left: -2px; }
[data-r="zoom"][data-variant="float"] { --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --plane-selected-hover: var(--raised-selected-hover); --ring: var(--ring-raised); --ring-hover: var(--ring-raised-hover); --pill-rest: var(--raised); padding: 4px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); }
@media (pointer: coarse) {
  [data-r="zoom"]:not([data-size]) { --h: var(--h-36); }
}
[data-r="zoom"][data-variant="float"] > [data-part="reason"] { top: auto; bottom: calc(100% + 6px); }
}

/* ═══ z3-peer-caret.css ═══ */
@layer components {
[data-r="peer-caret"],
[data-r="peer-selection"] { --c: var(--avatar-blue); pointer-events: none; user-select: none; -webkit-user-select: none; }
:is([data-r="peer-caret"], [data-r="peer-selection"])[data-peer="2"] { --c: var(--avatar-aqua); }
:is([data-r="peer-caret"], [data-r="peer-selection"])[data-peer="3"] { --c: var(--avatar-violet); }
:is([data-r="peer-caret"], [data-r="peer-selection"])[data-peer="4"] { --c: var(--avatar-green); }
:is([data-r="peer-caret"], [data-r="peer-selection"])[data-peer="5"] { --c: var(--avatar-orange); }
:is([data-r="peer-caret"], [data-r="peer-selection"])[data-peer="6"] { --c: var(--avatar-magenta); }
:is([data-r="peer-caret"], [data-r="peer-selection"])[data-peer="7"] { --c: var(--avatar-red); }
:is([data-r="peer-caret"], [data-r="peer-selection"])[data-peer="8"] { --c: var(--avatar-yellow); }
[data-r="peer-caret"] { position: relative; display: inline-block; width: 0; height: 1.25em; margin-left: -1px; margin-right: -1px; vertical-align: text-bottom; border-left: 2px solid var(--c); }
[data-r="peer-caret"] > [data-part="name"] { position: absolute; left: -2px; bottom: 100%; padding: 1px 5px; white-space: nowrap; border-radius: var(--r-key) var(--r-key) var(--r-key) 0; background: var(--c); color: var(--on-fill); font-size: var(--fs-11); line-height: var(--lh-11); font-weight: var(--fw-500); font-style: normal; transition: opacity var(--state-out); }
[data-r="peer-caret"][data-below] > [data-part="name"] { bottom: auto; top: 100%; border-radius: 0 var(--r-key) var(--r-key) var(--r-key); }
[data-r="peer-caret"][data-quiet] > [data-part="name"] { opacity: 0; }
[data-r="peer-selection"] { background: color-mix(in oklab, var(--c) 22%, transparent); }
@media print {
  [data-r="peer-caret"] { display: none; }
  [data-r="peer-selection"] { background: none; }
}
}

/* ═══ z4-call-stage.css ═══ */
@layer components {
[data-r="call-stage"] { container: call-stage / inline-size; display: flex; flex-direction: column; gap: 12px; padding: 12px 16px 14px; background: var(--ground); box-shadow: inset 0 calc(-1 * var(--px)) 0 var(--line-2); }
[data-r="call-stage"] > [data-part="tiles"] { display: grid; gap: 8px; min-height: 0; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); grid-auto-rows: minmax(0, 1fr); height: clamp(180px, 42vh, 440px); }
[data-r="call-stage"][data-count="1"] > [data-part="tiles"] { grid-template-columns: minmax(0, 1fr); }
[data-r="call-stage"][data-count="2"] > [data-part="tiles"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
[data-r="call-stage"] [data-part="tile"] { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 0; margin: 0; overflow: hidden; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-2); transition: box-shadow var(--state-out), opacity var(--state-out); }
[data-r="call-stage"] [data-part="tile"][data-speaking] { box-shadow: 0 0 0 2px var(--accent-mark); transition-duration: 0s; }
[data-r="call-stage"] [data-part="tile"][data-connecting] { opacity: .6; }
[data-r="call-stage"] [data-part="picture"] { display: block; width: 100%; height: 100%; object-fit: cover; background: var(--ink); }
[data-r="call-stage"] [data-part="tile"][data-self]:not([data-screen]):not([data-mirror="off"]) > [data-part="picture"] { transform: scaleX(-1); }
[data-r="call-stage"] [data-part="tile"][data-screen] > [data-part="picture"] { object-fit: contain; }
[data-r="call-stage"] [data-part="face"] { display: inline-flex; }
[data-r="call-stage"] [data-part="tile"] > [data-part="name"] { position: absolute; left: 8px; bottom: 8px; max-width: calc(100% - 16px); display: inline-flex; align-items: center; gap: 4px; height: var(--h-20); padding: 0 8px; border-radius: var(--r-mark); background: var(--raised); color: var(--ink); box-shadow: var(--e1); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); white-space: nowrap; overflow: hidden; }
[data-r="call-stage"] [data-part="tile"] > [data-part="name"] > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="call-stage"] [data-part="tile"] > [data-part="name"] > [data-part="muted"] { flex: none; width: var(--icon-14); height: var(--icon-14); color: var(--danger); margin-left: -2px; }
[data-r="call-stage"] [data-part="tile"] > [data-part="name"] > [data-part="wait"] { color: var(--ink-3); font-weight: var(--fw-450); }
[data-r="call-stage"] > [data-part="foot"] { display: flex; align-items: center; gap: 12px; min-width: 0; }
[data-r="call-stage"] > [data-part="foot"] > [data-part="controls"] { display: flex; align-items: center; gap: 8px; flex: none; }
[data-r="call-stage"] > [data-part="foot"] > [data-part="note"] { flex: 1 1 0; min-width: 0; margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="call-stage"] > [data-part="foot"] > [data-part="note"][data-quiet] { color: var(--ink-3); text-align: right; }
[data-r="call-stage"][data-state="error"] > [data-part="foot"] > [data-part="note"]:not([data-quiet]) { color: var(--danger-ink); }
@container call-stage (max-width: 640px) {
  [data-r="call-stage"] > [data-part="foot"] { flex-wrap: wrap; }
  [data-r="call-stage"] > [data-part="foot"] > [data-part="controls"] { order: -1; width: 100%; justify-content: center; }
  [data-r="call-stage"] > [data-part="foot"] > [data-part="note"] { text-align: center; }
  [data-r="call-stage"] > [data-part="foot"] > [data-part="note"][data-quiet] { display: none; }
}
[data-r="call-status"] { display: inline-flex; align-items: center; gap: 6px; padding: 0 6px; font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-550); color: var(--ink); font-variant-numeric: tabular-nums; }
[data-r="call-status"] > [data-part="live"] { flex: none; width: 6px; height: 6px; border-radius: var(--r-round); background: var(--success-dot); }
[data-r="call-status"][data-state="connecting"] { color: var(--ink-2); font-weight: var(--fw-500); }
[data-r="call-status"] > [data-part="live"][data-state="working"] { background: var(--accent-mark); animation: r-pulse var(--pulse) var(--ease-pulse) infinite alternate; }
@media (prefers-reduced-motion: reduce) {
  [data-r="call-status"] > [data-part="live"][data-state="working"] { animation: none; }
}
}

/* ═══ z5-sticky-board.css ═══ */
@layer components {
[data-r="sticky-board"] { --dot: var(--line-4); position: relative; min-width: 0; min-height: 0; overflow: hidden; outline: none; touch-action: none; background-color: var(--paper); background-image: radial-gradient(circle, var(--dot) 1px, transparent 1.15px); background-size: calc(24px * var(--zoom, 1)) calc(24px * var(--zoom, 1)); background-position: var(--x, 0) var(--y, 0); font-size: var(--fs-12); line-height: var(--lh-12); }
[data-r="sticky-board"]:is([data-tool="hand"], [data-panning]) { cursor: grab; }
[data-r="sticky-board"][data-panning] { cursor: grabbing; }
[data-r="sticky-board"]:is([data-tool="sticky"], [data-tool="section"], [data-tool="connector"], [data-tool="stamp"]) { cursor: crosshair; }
[data-r="sticky-board"] > [data-part="world"] { position: absolute; left: 0; top: 0; width: 0; height: 0; transform-origin: 0 0; }
[data-r="sticky-board"] > [data-part="world"] > * { position: absolute; box-sizing: border-box; }
[data-r="sticky"] { --paper-c: var(--yellow-150); --paper-c-dark: var(--yellow-300); /* the paper stays light in both themes, so its ink is the gray ramp's, which stays too */ --paper-ink: var(--gray-900); --paper-ink-2: var(--gray-750); display: flex; flex-direction: column; width: 240px; height: 240px; padding: 16px 20px 20px; background: var(--paper-c); color: var(--paper-ink); box-shadow: 0 0 0 var(--px) var(--line-2), var(--e2); font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-450); user-select: none; -webkit-user-select: none; transition: background-color var(--state-out); }
[data-r="sticky"][data-size="s"] { width: 160px; height: 160px; padding: 12px 14px 14px; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="sticky"][data-size="l"] { width: 320px; height: 320px; }
[data-r="sticky"][data-color="white"] { --paper-c: var(--gray-0); --paper-c-dark: var(--gray-100); }
[data-r="sticky"][data-color="gray"] { --paper-c: var(--gray-150); --paper-c-dark: var(--gray-300); }
[data-r="sticky"][data-color="red"] { --paper-c: var(--red-200); --paper-c-dark: var(--red-300); }
[data-r="sticky"][data-color="orange"] { --paper-c: var(--orange-200); --paper-c-dark: var(--orange-300); }
[data-r="sticky"][data-color="green"] { --paper-c: var(--green-200); --paper-c-dark: var(--green-300); }
[data-r="sticky"][data-color="aqua"] { --paper-c: var(--aqua-200); --paper-c-dark: var(--aqua-300); }
[data-r="sticky"][data-color="blue"] { --paper-c: var(--blue-200); --paper-c-dark: var(--blue-300); }
[data-r="sticky"][data-color="violet"] { --paper-c: var(--violet-200); --paper-c-dark: var(--violet-300); }
[data-r="sticky"][data-color="magenta"] { --paper-c: var(--magenta-200); --paper-c-dark: var(--magenta-300); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-r="sticky"] { --paper-c: var(--paper-c-dark); }
}
:root[data-theme="dark"] [data-r="sticky"] { --paper-c: var(--paper-c-dark); }
[data-r="sticky"][data-size="card"] { width: auto; height: auto; min-height: var(--h-44); padding: 12px 14px 14px; font-size: var(--fs-13); line-height: var(--lh-13); }
[data-r="sticky"][data-size="card"] > [data-part="text"] { flex: none; overflow: visible; }
[data-r="sticky"][role="button"] { cursor: default; outline: none; }
[data-r="sticky"][role="button"]:focus-visible { box-shadow: 0 0 0 1px var(--accent), var(--e2); }
[data-r="sticky"][role="button"][data-force~="focus"] { box-shadow: 0 0 0 1px var(--accent), var(--e2); }
@media (hover: hover) {
  [data-r="sticky"][role="button"]:not([data-r="sticky-board"] *):hover { box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); transition-duration: 0s; }
}
[data-r="sticky"][role="button"]:not([data-r="sticky-board"] *)[data-force~="hover"] { box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); transition-duration: 0s; }
[data-r="sticky"][role="button"][aria-pressed="true"]:not([data-r="sticky-board"] *) { box-shadow: 0 0 0 1.5px var(--accent-mark), var(--e2); }
[data-r="sticky"][role="button"][aria-pressed="true"]:not([data-r="sticky-board"] *):focus-visible { box-shadow: 0 0 0 1.5px var(--accent), 0 0 6px 1px var(--ring-glow), var(--e2); }
[data-r="sticky"][role="button"][aria-pressed="true"]:not([data-r="sticky-board"] *)[data-force~="focus"] { box-shadow: 0 0 0 1.5px var(--accent), 0 0 6px 1px var(--ring-glow), var(--e2); }
[data-r="sticky"] { --sticky-drop: var(--scale-in); --sticky-drop-ease: var(--ease-expo); }
[data-r="sticky"][data-fresh] { animation: r-sticky-drop var(--sticky-drop) var(--sticky-drop-ease) both; }
@keyframes r-sticky-drop { from { opacity: 0; transform: translateY(-8px) scale(1.04); } }
[data-r="sticky"] > [data-part="text"] { flex: 1 1 auto; min-height: 0; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; }
[data-r="sticky"] > [data-part="text"] b { display: block; font-weight: var(--fw-550); }
[data-r="sticky"] > [data-part="author"] { flex: none; margin-top: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--paper-ink-2); font-size: var(--fs-11); line-height: var(--lh-11); }
[data-r="sticky"][data-editing] > [data-part="text"] { outline: none; cursor: text; user-select: text; -webkit-user-select: text; }
[data-r="sticky-board"] [data-part="section"] { border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3); }
[data-r="sticky-board"] [data-part="section"] > [data-part="label"] { position: absolute; left: 0; bottom: 100%; margin-bottom: 6px; display: flex; align-items: center; max-width: 100%; height: var(--h-32); padding: 0 10px; box-sizing: border-box; border-radius: var(--r-row); background: var(--pill-rest); color: var(--ink); font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-r="sticky-board"] [data-part="section"] > [data-part="label"] > input { min-width: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; outline: none; background: none; color: inherit; font: inherit; }
[data-r="sticky-board"] svg[data-part="links"] { left: 0; top: 0; width: 1px; height: 1px; overflow: visible; pointer-events: none; }
[data-r="sticky-board"] [data-part="link"] path { fill: none; stroke: var(--ink-2); stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; }
[data-r="sticky-board"] [data-part="link"][aria-selected="true"] path { stroke: var(--accent-mark); }
[data-r="sticky-board"] [data-part="link"] path[data-part="hit"] { stroke: transparent; stroke-width: 14px; pointer-events: stroke; }
[data-r="sticky-board"] [data-part="link"] { --link-ink: var(--ink-2); }
[data-r="sticky-board"] [data-part="link"][data-color="ink"] { --link-ink: var(--ink); }
[data-r="sticky-board"] [data-part="link"][data-color="blue"] { --link-ink: var(--blue-600); --link-ink-dark: var(--blue-400); }
[data-r="sticky-board"] [data-part="link"][data-color="aqua"] { --link-ink: var(--aqua-600); --link-ink-dark: var(--aqua-400); }
[data-r="sticky-board"] [data-part="link"][data-color="green"] { --link-ink: var(--green-600); --link-ink-dark: var(--green-400); }
[data-r="sticky-board"] [data-part="link"][data-color="yellow"] { --link-ink: var(--yellow-650); --link-ink-dark: var(--yellow-400); }
[data-r="sticky-board"] [data-part="link"][data-color="orange"] { --link-ink: var(--orange-600); --link-ink-dark: var(--orange-400); }
[data-r="sticky-board"] [data-part="link"][data-color="red"] { --link-ink: var(--red-600); --link-ink-dark: var(--red-400); }
[data-r="sticky-board"] [data-part="link"][data-color="magenta"] { --link-ink: var(--magenta-600); --link-ink-dark: var(--magenta-400); }
[data-r="sticky-board"] [data-part="link"][data-color="violet"] { --link-ink: var(--violet-600); --link-ink-dark: var(--violet-400); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-r="sticky-board"] :is([data-part="link"], [data-part="link-label"])[data-color]:not([data-color="ink"]) { --link-ink: var(--link-ink-dark); }
}
:root[data-theme="dark"] [data-r="sticky-board"] :is([data-part="link"], [data-part="link-label"])[data-color]:not([data-color="ink"]) { --link-ink: var(--link-ink-dark); }
[data-r="sticky-board"] [data-part="link"][data-color]:not([aria-selected="true"]) path:not([data-part="hit"]) { stroke: var(--link-ink); }
[data-r="sticky-board"] [data-part="link"][data-line="dashed"] path[data-part="line"] { stroke-dasharray: 8 6; }
[data-r="sticky-board"] [data-part="link"][data-line="dotted"] path[data-part="line"] { stroke-dasharray: 0 5; }
[data-r="sticky-board"] [data-part="link-label"] { --link-ink: var(--line-3); translate: -50% -50%; padding: 2px 8px; border-radius: var(--r-round); background: var(--raised); box-shadow: inset 0 0 0 var(--px) var(--link-ink); color: var(--ink); font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); white-space: nowrap; pointer-events: none; }
[data-r="sticky-board"] [data-part="link-label"][data-color="ink"] { --link-ink: var(--ink); }
[data-r="sticky-board"] [data-part="link-label"][data-color="blue"] { --link-ink: var(--blue-600); --link-ink-dark: var(--blue-400); }
[data-r="sticky-board"] [data-part="link-label"][data-color="aqua"] { --link-ink: var(--aqua-600); --link-ink-dark: var(--aqua-400); }
[data-r="sticky-board"] [data-part="link-label"][data-color="green"] { --link-ink: var(--green-600); --link-ink-dark: var(--green-400); }
[data-r="sticky-board"] [data-part="link-label"][data-color="yellow"] { --link-ink: var(--yellow-650); --link-ink-dark: var(--yellow-400); }
[data-r="sticky-board"] [data-part="link-label"][data-color="orange"] { --link-ink: var(--orange-600); --link-ink-dark: var(--orange-400); }
[data-r="sticky-board"] [data-part="link-label"][data-color="red"] { --link-ink: var(--red-600); --link-ink-dark: var(--red-400); }
[data-r="sticky-board"] [data-part="link-label"][data-color="magenta"] { --link-ink: var(--magenta-600); --link-ink-dark: var(--magenta-400); }
[data-r="sticky-board"] [data-part="link-label"][data-color="violet"] { --link-ink: var(--violet-600); --link-ink-dark: var(--violet-400); }
[data-r="sticky-board"] [data-part="stamp"] { display: grid; place-items: center; width: 32px; height: 32px; rotate: -6deg; border-radius: var(--r-round); background: var(--paper); color: var(--ink); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e2); }
[data-r="sticky-board"] [data-part="stamp"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); }
[data-r="sticky-board"] [data-part="stamp"]:is([data-variant="emoji"], [data-variant="text"]) { width: 64px; height: 64px; }
[data-r="sticky-board"] [data-part="stamp"] > [data-part="text"] { max-width: 100%; padding: 0 6px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
[data-r="sticky-board"] [data-part="stamp"][data-variant="text"] { font-size: var(--fs-16); line-height: var(--lh-16); font-weight: var(--fw-550); }
[data-r="sticky-board"] [data-part="stamp"][data-variant="text"][data-tone="accent"] { color: var(--accent-ink); }
[data-r="sticky-board"] [data-part="stamp"][data-variant="text"][data-tone="danger"] { color: var(--danger-ink); }
[data-r="sticky-board"] [data-part="stamp"][data-variant="emoji"] { background: none; box-shadow: none; font-size: var(--fs-16); line-height: var(--lh-16); }
[data-r="sticky-board"] [data-part="stamp"][data-variant="emoji"] > [data-part="text"] { padding: 0; overflow: visible; scale: 3; }
[data-r="format-bar"][data-variant="stamps"] > [data-part="pick"] { display: grid; place-items: center; width: 32px; height: var(--h-32); margin: 0; padding: 0; border: 0; border-radius: var(--r-press); background: transparent; color: var(--ink-2); font: inherit; cursor: default; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="format-bar"][data-variant="stamps"] > [data-part="pick"]:hover { background-color: var(--plane-hover); transition-duration: 0s; }
}
[data-r="format-bar"][data-variant="stamps"] > [data-part="pick"][data-force~="hover"] { background-color: var(--plane-hover); transition-duration: 0s; }
@media (hover: hover) {
  [data-r="format-bar"][data-variant="stamps"] > [data-part="pick"][aria-checked="true"]:hover { background-color: var(--plane-selected-hover); }
}
[data-r="format-bar"][data-variant="stamps"] > [data-part="pick"][aria-checked="true"][data-force~="hover"] { background-color: var(--plane-selected-hover); }
[data-r="format-bar"][data-variant="stamps"] > [data-part="pick"][aria-checked="true"] { background-color: var(--plane-selected); color: var(--ink); }
[data-r="format-bar"][data-variant="stamps"] > [data-part="pick"]:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="format-bar"][data-variant="stamps"] > [data-part="pick"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: -1px; }
[data-r="format-bar"][data-variant="stamps"] > [data-part="pick"] > svg[data-icon] { width: var(--icon-20); height: var(--icon-20); }
[data-r="format-bar"][data-variant="stamps"] [data-part="glyph"] { font-size: var(--fs-16); line-height: var(--lh-16); }
[data-r="format-bar"][data-variant="stamps"] [data-part="glyph"][data-variant="text"] { font-size: var(--fs-13); line-height: var(--lh-13); font-weight: var(--fw-550); color: var(--ink); }
[data-r="format-bar"][data-variant="stamps"] [data-part="glyph"][data-variant="text"][data-tone="accent"] { color: var(--accent-ink); }
[data-r="format-bar"][data-variant="stamps"] [data-part="glyph"][data-variant="text"][data-tone="danger"] { color: var(--danger-ink); }
[data-r="sticky-board"] > [data-r="zoom"] { position: absolute; right: 12px; bottom: 12px; z-index: 2; }
[data-r="sticky-board"] > [data-part="tools"] { position: absolute; left: 50%; bottom: 12px; translate: -50% 0; z-index: 2; }
@media (prefers-reduced-motion: reduce) {
  [data-r="sticky"] { transition: none; }
  [data-r="sticky"][data-fresh] { animation: none; }
}
}

/* ═══ z6-paint-stack.css ═══ */
@layer components {
[data-r="paint-stack"] { --check: repeating-conic-gradient(var(--line-3) 0% 25%, var(--paper) 0% 50%) 50% / 8px 8px; display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-2); }
[data-r="paint-stack"] > [data-part="head"] { display: flex; align-items: center; justify-content: space-between; height: var(--row-28); }
[data-r="paint-stack"] > [data-part="head"] > [data-part="title"] { font-weight: var(--fw-500); color: var(--ink-3); }
[data-r="paint-stack"] > [data-part="head"] > [data-part="add"] { margin-right: -4px; }
[data-r="paint-stack"] [data-part="item"] { border-radius: var(--r-row); }
[data-r="paint-stack"] [data-part="item"][data-open] { background: var(--well); }
[data-r="paint-stack"] [data-part="row"] { display: flex; align-items: center; gap: 4px; min-height: var(--row-28); padding: 0 2px 0 0; }
[data-r="paint-stack"] [data-part="row"] > [data-part="handle"] { flex: none; }
[data-r="paint-stack"] [data-part="row"] > [data-part="kind"] { flex: 1 1 auto; justify-content: flex-start; min-width: 0; }
[data-r="paint-stack"] [data-part="row"] > [data-part="opacity"] { flex: none; min-width: 40px; text-align: right; font-variant-numeric: tabular-nums; color: var(--ink-2); }
[data-r="paint-stack"] [data-part="swatch"] { position: relative; flex: none; width: 16px; height: 16px; margin-left: 4px; padding: 0; border: 0; border-radius: var(--r-key); background: var(--check); outline: none; overflow: hidden; box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / 10%); }
[data-r="paint-stack"] [data-part="swatch"]::before { content: ""; position: absolute; inset: 0; background: var(--paint); }
[data-r="paint-stack"] [data-part="swatch"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / 10%); }
[data-r="paint-stack"] [data-part="swatch"]:focus-visible { box-shadow: 0 0 0 1px var(--accent); }
[data-r="paint-stack"] [data-part="swatch"][data-force~="focus"] { box-shadow: 0 0 0 1px var(--accent); }
[data-r="paint-stack"] [data-part="layers"][data-sorting] > [data-part="item"]:not([data-lifted]) { transition: transform var(--section) var(--ease-expo); }
[data-r="paint-stack"] [data-part="layers"][data-sorting] { cursor: grabbing; }
@media (prefers-reduced-motion: reduce) {
  [data-r="paint-stack"] [data-part="layers"][data-sorting] > [data-part="item"] { transition: none; }
}
[data-r="paint-stack"] [data-part="item"][data-off] [data-part="swatch"]::before { opacity: .35; }
[data-r="paint-stack"] [data-part="item"][data-off] [data-part="row"] > [data-part="opacity"] { color: var(--ink-3); }
[data-r="paint-stack"] [data-part="editor"] { display: none; flex-direction: column; gap: 6px; padding: 6px 8px 10px 24px; }
[data-r="paint-stack"] [data-part="item"][data-open] > [data-part="editor"] { display: flex; }
[data-r="paint-stack"] [data-part="gradient"] { position: relative; height: 16px; margin: 6px 7px 8px; border-radius: var(--r-key); background: var(--check); box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / 10%); cursor: copy; touch-action: none; }
[data-r="paint-stack"] [data-part="gradient"]::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--paint); }
[data-r="paint-stack"] [data-part="stop"] { position: absolute; top: 50%; z-index: 1; width: 14px; height: 14px; translate: -50% -50%; border-radius: var(--r-round); background: var(--knob); box-shadow: var(--handle-shadow); cursor: ew-resize; touch-action: none; outline: none; transition: scale var(--state-out), box-shadow var(--state-out); }
[data-r="paint-stack"] [data-part="stop"]::before { content: ""; position: absolute; inset: -6px; border-radius: inherit; }
[data-r="paint-stack"] [data-part="stop"]::after { content: ""; position: absolute; inset: 3px; border-radius: inherit; background: var(--c); box-shadow: inset 0 0 0 var(--px) rgb(var(--ring-rgb) / 10%); }
@media (hover: hover) {
  [data-r="paint-stack"] [data-part="stop"]:hover { scale: 1.14; transition-duration: 0s; }
}
[data-r="paint-stack"] [data-part="stop"][data-force~="hover"] { scale: 1.14; transition-duration: 0s; }
[data-r="paint-stack"] [data-part="stop"][aria-selected="true"] { box-shadow: var(--handle-shadow), 0 0 0 1px var(--accent); transition-duration: 0s; }
[data-r="paint-stack"] [data-part="stop"]:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; }
[data-r="paint-stack"] [data-part="stop"][data-force~="focus"] { outline: 1px solid var(--accent); outline-offset: 2px; }
}

/* ═══ z7-ruler.css ═══ */
@layer components {
[data-r="ruler"] { position: absolute; z-index: 3; overflow: hidden; background: var(--paper); color: var(--ink-3); font-size: var(--fs-9); line-height: var(--lh-9); font-variant-numeric: tabular-nums; user-select: none; -webkit-user-select: none; touch-action: none; }
[data-r="ruler"][hidden] { display: none; }
[data-r="ruler"][data-axis="x"] { left: 20px; right: 0; top: 0; height: 20px; box-shadow: inset 0 calc(-1 * var(--px)) 0 var(--line-3); cursor: ns-resize; }
[data-r="ruler"][data-axis="y"] { top: 20px; bottom: 0; left: 0; width: 20px; box-shadow: inset calc(-1 * var(--px)) 0 0 var(--line-3); cursor: ew-resize; }
[data-r="ruler"][data-axis="corner"] { left: 0; top: 0; width: 20px; height: 20px; box-shadow: inset calc(-1 * var(--px)) calc(-1 * var(--px)) 0 var(--line-3); }
[data-r="ruler"] > [data-part="tick"] { position: absolute; }
[data-r="ruler"] > [data-part="tick"]::before { content: ""; position: absolute; background: var(--line-5); }
[data-r="ruler"] > [data-part="tick"] > b { position: absolute; left: 3px; top: 3px; font-weight: inherit; white-space: nowrap; }
[data-r="ruler"][data-axis="x"] > [data-part="tick"] { top: 0; width: 0; height: 20px; }
[data-r="ruler"][data-axis="x"] > [data-part="tick"]::before { left: 0; bottom: 0; width: 1px; height: 10px; }
[data-r="ruler"][data-axis="x"] > [data-part="tick"][data-minor]::before { height: 4px; }
[data-r="ruler"][data-axis="y"] > [data-part="tick"] { left: 0; width: 20px; height: 0; }
[data-r="ruler"][data-axis="y"] > [data-part="tick"]::before { right: 0; top: 0; width: 10px; height: 1px; }
[data-r="ruler"][data-axis="y"] > [data-part="tick"][data-minor]::before { width: 4px; }
[data-r="ruler"][data-axis="y"] > [data-part="tick"] > b { writing-mode: vertical-rl; rotate: 180deg; }
[data-r="ruler"] > [data-part="span"] { position: absolute; background: var(--accent); }
[data-r="ruler"][data-axis="x"] > [data-part="span"] { bottom: 0; height: 2px; }
[data-r="ruler"][data-axis="y"] > [data-part="span"] { right: 0; width: 2px; }
[data-r="ruler"] > [data-part="end"] { position: absolute; z-index: 1; padding: 0 2px; background: var(--paper); color: var(--accent-ink); font-weight: var(--fw-500); }
[data-r="ruler"][data-axis="x"] > [data-part="end"] { top: 3px; translate: -50% 0; }
[data-r="ruler"][data-axis="x"] > [data-part="end"][data-at="start"] { translate: calc(-100% - 2px) 0; }
[data-r="ruler"][data-axis="x"] > [data-part="end"][data-at="end"] { translate: 2px 0; }
[data-r="ruler"][data-axis="y"] > [data-part="end"] { left: 3px; writing-mode: vertical-rl; rotate: 180deg; translate: 0 -50%; }
[data-r="ruler"][data-axis="y"] > [data-part="end"][data-at="start"] { translate: 0 calc(-100% - 2px); }
[data-r="ruler"][data-axis="y"] > [data-part="end"][data-at="end"] { translate: 0 2px; }
}

/* ═══ z8-undated-tray.css ═══ */
@layer components {
[data-r="undated-tray"] { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px 12px; border-radius: var(--r-contain); background: var(--well); outline: 1px solid rgb(var(--ring-rgb) / 0%); outline-offset: -1px; transition: outline-color var(--state-out); }
[data-r="undated-tray"][data-over] { outline-color: var(--accent); transition-duration: 0s; }
[data-r="undated-tray"] > [data-part="head"] { display: flex; align-items: center; gap: 6px; min-height: var(--h-20); }
[data-r="undated-tray"] > [data-part="head"] > [data-part="title"] { font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); color: var(--ink-2); }
[data-r="undated-tray"] > [data-part="head"] > [data-part="count"] { font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="undated-tray"] > [data-part="items"] { display: flex; flex-wrap: wrap; gap: 6px; }
[data-r="undated-tray"] > [data-part="items"]:empty { display: none; }
[data-r="undated-tray"] > [data-part="hint"] { margin: 0; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="undated-tray"] > [data-part="items"]:not(:empty) + [data-part="hint"] { display: none; }
[data-r="task-chip"] { display: inline-flex; align-items: center; gap: 6px; height: var(--h-24); max-width: 240px; padding: 0 10px; border-radius: var(--r-press); background: var(--raised); color: var(--ink); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-450); white-space: nowrap; cursor: grab; touch-action: none; outline: none; user-select: none; -webkit-user-select: none; transition: opacity var(--state-out), background-color var(--state-out); }
[data-r="task-chip"] > [data-part="title"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
@media (hover: hover) {
  [data-r="task-chip"]:hover { background: var(--raised-hover); transition-duration: 0s; }
}
[data-r="task-chip"][data-force~="hover"] { background: var(--raised-hover); transition-duration: 0s; }
[data-r="task-chip"]:focus-visible { box-shadow: 0 0 0 1px var(--accent), var(--e1); }
[data-r="task-chip"][data-force~="focus"] { box-shadow: 0 0 0 1px var(--accent), var(--e1); }
[data-r="task-chip"][data-carried] { opacity: .4; }
[data-r="task-chip"][data-part="ghost"] { position: fixed; z-index: var(--z-popover); pointer-events: none; cursor: grabbing; box-shadow: 0 0 0 var(--px) var(--line-3), var(--e3); }
[data-day][data-over] { box-shadow: inset 0 0 0 1px var(--accent); }
@media (pointer: coarse) {
  [data-r="task-chip"] { height: var(--h-44); padding: 0 12px; }
}
}

/* ═══ z9-link-map.css ═══ */
@layer components {
[data-r="link-map"] { margin: 0; overflow: hidden; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-3), var(--e1); }
[data-r="link-map"] > [data-part="frame"] { position: relative; aspect-ratio: var(--ratio, 960 / 560); background-image: radial-gradient(circle, var(--line-4) 1px, rgb(var(--ring-rgb) / 0%) 1.15px); background-size: 24px 24px; background-position: 12px 12px; }
[data-r="link-map"] [data-part="lines"] { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
[data-r="link-map"] [data-part="link"] { transition: opacity var(--state-out); }
[data-r="link-map"] [data-part="link"] path { fill: none; stroke: var(--line-5); stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; transition: stroke var(--state-out); }
[data-r="link-map"][data-lit] [data-part="link"] { opacity: .22; }
[data-r="link-map"][data-lit] [data-part="link"][data-on] { opacity: 1; transition-duration: 0s; }
[data-r="link-map"][data-lit] [data-part="link"][data-on] path { stroke: var(--ink); stroke-width: 2px; transition-duration: 0s; }
[data-r="link-map"] [data-part="node"] { --node: 34px; position: absolute; display: flex; flex-direction: column; align-items: center; gap: 6px; width: 160px; padding: 0; border: 0; background: none; color: var(--ink-2); translate: -50% calc(var(--node) / -2); outline: none; cursor: default; transition: opacity var(--state-out); }
[data-r="link-map"] [data-part="node"] > [data-part="dot"] { display: grid; place-items: center; width: var(--node); height: var(--node); border-radius: var(--r-round); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-4), var(--e1); transition: box-shadow var(--state-out), background-color var(--state-out); }
[data-r="link-map"] [data-part="node"] > [data-part="dot"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="link-map"] [data-part="node"] > [data-part="title"] { max-width: 100%; padding: 0 6px; overflow: hidden; border-radius: var(--r-key); background: var(--raised); font-size: var(--fs-12); line-height: var(--lh-12); font-weight: var(--fw-500); white-space: nowrap; text-overflow: ellipsis; }
[data-r="link-map"] [data-part="node"][data-lit] > [data-part="dot"] { box-shadow: 0 0 0 var(--px) var(--ink-2), var(--e2); transition-duration: 0s; }
[data-r="link-map"] [data-part="node"][data-lit] > [data-part="title"] { color: var(--ink); }
[data-r="link-map"] [data-part="node"]:focus-visible > [data-part="dot"] { box-shadow: 0 0 0 1px var(--accent), var(--e2); }
[data-r="link-map"] [data-part="node"][data-force~="focus"] > [data-part="dot"] { box-shadow: 0 0 0 1px var(--accent), var(--e2); }
[data-r="link-map"] [data-part="node"][aria-current="page"] > [data-part="dot"] { background: var(--raised-selected); box-shadow: 0 0 0 var(--px) var(--ink-3), var(--e1); }
[data-r="link-map"] [data-part="node"][data-dim] { opacity: .3; }
[data-r="link-map"] > [data-part="foot"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; min-height: var(--row-44); padding: 8px 16px; box-shadow: inset 0 var(--px) 0 var(--line-2); font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); }
[data-r="link-map"] > [data-part="foot"] > [data-part="caption"] { flex: 1; min-width: 200px; color: var(--ink-2); }
[data-r="link-map"] > [data-part="foot"] > [data-part="legend"] { display: flex; flex-wrap: wrap; gap: 16px; }
[data-r="link-map"] [data-part="key"] { display: inline-flex; align-items: center; gap: 6px; }
[data-r="link-map"] [data-part="mark"] { width: 10px; height: 10px; border-radius: var(--r-round); background: var(--raised); box-shadow: 0 0 0 var(--px) var(--line-4); }
[data-r="link-map"] [data-part="mark"][data-current] { background: var(--raised-selected); box-shadow: 0 0 0 var(--px) var(--ink-3); }
@media (prefers-reduced-motion: reduce) {
  [data-r="link-map"] :is([data-part="link"], [data-part="link"] path, [data-part="node"], [data-part="dot"]) { transition: none; }
}
}