create-pmos 0.252.0 → 0.254.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/package.json +1 -1
  2. package/payload/KIT-VERSION +2 -2
  3. package/payload/planning/evals/eval-calibration.md +1 -1
  4. package/payload/planning/okrs/health-budgets.md +1 -1
  5. package/payload/scripts/workflow-state.js +6 -1
  6. package/payload/state/discoveries.md +1 -1
  7. package/payload/state/log.md +1 -1
  8. package/workspace/briefing-premium-board-test.js +275 -0
  9. package/workspace/briefing-premium-initiative-test.js +304 -0
  10. package/workspace/briefing-premium-products-test.js +164 -0
  11. package/workspace/briefing-premium-test.js +438 -0
  12. package/workspace/briefing-premium-work-test.js +281 -0
  13. package/workspace/fixtures/board-premium-facts.js +38 -0
  14. package/workspace/fixtures/briefing-premium-facts.js +32 -0
  15. package/workspace/fixtures/initiative-premium-facts.js +42 -0
  16. package/workspace/fixtures/my-work-premium-facts.js +31 -0
  17. package/workspace/guide/briefing-premium.md +151 -0
  18. package/workspace/guide/index.md +1 -0
  19. package/workspace/lib/board-premium.js +133 -0
  20. package/workspace/lib/briefing-premium-agent.js +134 -0
  21. package/workspace/lib/briefing-premium-products.js +121 -0
  22. package/workspace/lib/briefing-premium-writes.js +138 -0
  23. package/workspace/lib/briefing-premium.js +581 -0
  24. package/workspace/lib/engine/workflow-state.js +6 -1
  25. package/workspace/lib/headless.js +1 -1
  26. package/workspace/lib/initiative-premium.js +147 -0
  27. package/workspace/lib/my-work-premium.js +151 -0
  28. package/workspace/lib/route-modules.js +4 -0
  29. package/workspace/lib/routes-board-premium.js +61 -0
  30. package/workspace/lib/routes-briefing-premium.js +115 -0
  31. package/workspace/lib/routes-initiative-premium.js +68 -0
  32. package/workspace/lib/routes-my-work-premium.js +31 -0
  33. package/workspace/lib/settings-store.js +3 -0
  34. package/workspace/lib/vendor/scripts/workflow-state.js +6 -1
  35. package/workspace/package-lock.json +2 -2
  36. package/workspace/package.json +1 -1
  37. package/workspace/public/pm/premium-board.js +180 -0
  38. package/workspace/public/pm/premium-initiative.js +336 -0
  39. package/workspace/public/pm/premium-shell.js +184 -0
  40. package/workspace/public/pm/premium-work.js +198 -0
  41. package/workspace/public/pm/premium.css +1212 -0
  42. package/workspace/public/pm/premium.js +272 -0
  43. package/workspace/public/premium-board.html +73 -0
  44. package/workspace/public/premium-initiative.html +46 -0
  45. package/workspace/public/premium-work.html +84 -0
  46. package/workspace/public/premium.html +69 -0
  47. package/workspace/public/vendor/geist-mono-var.woff2 +0 -0
  48. package/workspace/public/vendor/geist-var.woff2 +0 -0
  49. package/workspace/server.js +5 -3
  50. package/workspace/test-files.json +14 -0
  51. package/workspace/test-lists/briefing-premium.json +19 -0
  52. package/workspace/third-party/README.md +12 -0
  53. package/workspace/third-party/geist-OFL.LICENSE +93 -0
  54. package/workspace/third-party/geist-mono-OFL.LICENSE +93 -0
package/workspace/public/pm/premium.css ADDED
@@ -0,0 +1,1212 @@
1
+ /* pm/premium.css — the premium Briefing's styles (initiative briefing-premium).
2
+ * Derived from the approved mockup (prototype/premium-ux-concept, version 63): its token layer and the rules for the classes this page uses,
3
+ * cut from the built mockup so every later override is kept. Light and dark come from the tokens; a page that sets data-theme wins over
4
+ * the system setting. */
5
+ @font-face{font-family:"Geist";src:url(/vendor/geist-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
6
+ @font-face{font-family:"Geist Mono";src:url(/vendor/geist-mono-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
7
+ :root{
8
+ --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
9
+ --r-card:28px;--r-in:18px;--r-chip:999px;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.35,.5,1);
10
+ --t-hero:clamp(26px,2.5vw,36px);--t-title:20px;--t-body:15px;--t-small:12.5px;--t-micro:12.5px;
11
+ --ink:rgb(20,22,31);--ink-2:rgb(68,74,92);--ink-3:rgb(90,98,118);--card:rgba(253,253,252,.94);--well:rgb(241,241,239);--hair:rgba(20,24,40,.09);
12
+ --ember:rgb(255,138,61);--ember-ink:rgb(143,74,0);--bad:rgb(179,38,30);--ok:rgb(19,106,67);--solid:rgb(20,22,31);--on-solid:rgb(255,255,255);
13
+ --glass:rgba(255,255,255,.62);--glass-edge:rgba(255,255,255,.85);--glass-shadow:0 10px 30px -8px rgba(40,50,100,.24),inset 0 1px 0 rgba(255,255,255,.9);
14
+ --card-shadow:0 1px 2px rgba(30,40,80,.05),0 18px 40px -18px rgba(30,40,80,.2);
15
+ --sky:linear-gradient(165deg,rgb(251,226,209) 0%,rgb(236,219,233) 42%,rgb(207,217,243) 100%);--o1:rgba(255,190,140,.95);--o2:rgba(150,172,245,.7);--o3:rgba(255,214,235,.8);
16
+ --b1:rgb(20,22,31);--b2:rgba(20,22,31,.5);--b3:rgba(20,22,31,.16);--spot:rgba(255,138,61,.1);
17
+ }
18
+ @media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
19
+ --ink:rgb(243,244,248);--ink-2:rgb(182,187,203);--ink-3:rgb(154,160,180);--card:rgba(23,26,35,.9);--well:rgb(31,35,45);--hair:rgba(255,255,255,.09);--ember-ink:rgb(240,176,98);--bad:rgb(255,143,135);--ok:rgb(111,209,161);--solid:rgb(243,244,248);--on-solid:rgb(20,22,31);
20
+ --glass:rgba(32,35,46,.52);--glass-edge:rgba(255,255,255,.14);--glass-shadow:0 10px 30px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);--card-shadow:0 1px 2px rgba(0,0,0,.4),0 18px 40px -18px rgba(0,0,0,.6);
21
+ --sky:linear-gradient(165deg,rgb(37,26,41) 0%,rgb(20,23,38) 50%,rgb(13,16,25) 100%);--o1:rgba(255,130,70,.34);--o2:rgba(80,100,220,.34);--o3:rgba(160,80,160,.22);--b1:rgb(243,244,248);--b2:rgba(243,244,248,.5);--b3:rgba(243,244,248,.16);--spot:rgba(255,138,61,.12);color-scheme:dark}}
22
+ :root[data-theme="dark"]{
23
+ --ink:rgb(243,244,248);--ink-2:rgb(182,187,203);--ink-3:rgb(154,160,180);--card:rgba(23,26,35,.9);--well:rgb(31,35,45);--hair:rgba(255,255,255,.09);--ember-ink:rgb(240,176,98);--bad:rgb(255,143,135);--ok:rgb(111,209,161);--solid:rgb(243,244,248);--on-solid:rgb(20,22,31);
24
+ --glass:rgba(32,35,46,.52);--glass-edge:rgba(255,255,255,.14);--glass-shadow:0 10px 30px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);--card-shadow:0 1px 2px rgba(0,0,0,.4),0 18px 40px -18px rgba(0,0,0,.6);
25
+ --sky:linear-gradient(165deg,rgb(37,26,41) 0%,rgb(20,23,38) 50%,rgb(13,16,25) 100%);--o1:rgba(255,130,70,.34);--o2:rgba(80,100,220,.34);--o3:rgba(160,80,160,.22);--b1:rgb(243,244,248);--b2:rgba(243,244,248,.5);--b3:rgba(243,244,248,.16);--spot:rgba(255,138,61,.12);color-scheme:dark}
26
+ *{box-sizing:border-box}
27
+ body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--sky);background-attachment:fixed;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:var(--t-body);line-height:1.45;overflow-x:hidden}
28
+ button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
29
+ :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:14px}
30
+ svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
31
+ h1,h2,h3,p{margin:0}
32
+ .sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
33
+ .sky i{position:absolute;border-radius:50%;filter:blur(70px)}
34
+ .sky .a{width:52vw;height:52vw;left:-14vw;top:-18vw;background:var(--o1);animation:d1 38s ease-in-out infinite alternate}
35
+ .sky .b{width:46vw;height:46vw;right:-12vw;bottom:-16vw;background:var(--o2);animation:d2 46s ease-in-out infinite alternate}
36
+ .sky .c{width:30vw;height:30vw;left:38vw;top:30vh;background:var(--o3);opacity:.7;animation:d3 52s ease-in-out infinite alternate}
37
+ @keyframes d1{to{transform:translate(9vw,7vh) scale(1.12)}}
38
+ @keyframes d2{to{transform:translate(-8vw,-6vh) scale(1.1)}}
39
+ @keyframes d3{to{transform:translate(-10vw,8vh) scale(.9)}}
40
+ .glass{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(26px) saturate(1.7);backdrop-filter:blur(26px) saturate(1.7)}
41
+ @supports not (backdrop-filter:blur(1px)){.glass{background:var(--card)}}
42
+ .rail{position:fixed;z-index:6;left:max(16px,env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%);width:88px;border-radius:999px;padding:8px;display:grid;gap:4px}
43
+ .rail .ind{position:absolute;left:8px;right:8px;top:8px;height:68px;border-radius:28px;background:color-mix(in oklab,var(--ink) 10%,transparent)}
44
+ .pl{position:relative;display:grid;justify-items:center;align-content:center;gap:4px;height:68px;border-radius:28px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
45
+ .pl[aria-current="page"]{color:var(--ink)}
46
+ .pl svg{transition:transform .35s var(--spring)}
47
+ .pl:hover svg{transform:translateY(-2px)}
48
+ .stage{position:relative;z-index:1;max-width:1360px;margin:0 auto;padding-block:32px 72px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
49
+ @media (min-width:1000px){.stage{padding-left:132px;padding-right:40px}}
50
+ .top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
51
+ .name{height:44px;display:inline-flex;align-items:center;padding:0 20px;border-radius:var(--r-chip);font-weight:650}
52
+ .snap{font:500 12.5px var(--mono);color:var(--ink-2);height:32px;display:inline-flex;align-items:center;padding:0 14px;border-radius:14px;border:1px dashed var(--ink-3)}
53
+ .tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
54
+ .round{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:transform .35s var(--spring)}
55
+ .round:hover{transform:translateY(-2px)}
56
+ .rise{opacity:0;transform:translateY(16px);filter:blur(6px);animation:rise .9s var(--ease) forwards;animation-delay:calc(var(--d,0)*80ms + 60ms)}
57
+ @keyframes rise{to{opacity:1;transform:none;filter:none}}
58
+ .hero{margin-top:28px}
59
+ .date{font-size:15px;font-weight:550;color:var(--ink-2)}
60
+ .brief{margin-top:14px;max-width:42ch;font-size:clamp(24px,2.5vw,38px);line-height:1.24;font-weight:600;letter-spacing:-.03em;color:var(--ink-3);text-wrap:pretty;transform-origin:left top;will-change:transform}
61
+ .brief .k{color:var(--ink);border-radius:8px;box-shadow:0 .08em 0 0 transparent;transition:background .3s,box-shadow .3s;cursor:default;-webkit-box-decoration-break:clone;box-decoration-break:clone}
62
+ .brief .k:hover{background:color-mix(in oklab,var(--ember) 18%,transparent);box-shadow:0 .08em 0 0 var(--ember)}
63
+ .ringed{box-shadow:0 0 0 2px var(--ember),var(--card-shadow)!important;transition:box-shadow .35s}
64
+ @media (max-width:999px){.brief{max-width:none}}
65
+ @media (max-width:1000px){.tl{flex:none;min-height:0}
66
+ .early{flex:none;max-height:420px}}
67
+ .card{position:relative;overflow:clip;background:var(--card);border:1px solid var(--hair);border-radius:var(--r-card);box-shadow:var(--card-shadow);padding:28px}
68
+ .card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),var(--spot),transparent 60%)}
69
+ .card:hover::before{opacity:1}
70
+ .ch{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;position:sticky;top:60px;z-index:4;margin:-28px -28px 0;padding:22px 28px 12px;background:var(--card);transition:padding .4s var(--ease),box-shadow .4s}
71
+ .ch .ic{transition:transform .4s var(--spring)}
72
+ .ch h2,.ch small{transition:opacity .3s,font-size .3s}
73
+ .ch.stuck{padding-block:12px;box-shadow:0 10px 24px -16px rgba(20,24,60,.3),inset 0 -1px 0 var(--hair)}
74
+ .ch.stuck .ic{transform:scale(.8)}
75
+ .ch.stuck small{opacity:0}
76
+ .ch small{white-space:nowrap}
77
+ .ch .ic{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--well)}
78
+ .ch h2{font-size:var(--t-title);font-weight:650;letter-spacing:-.01em}
79
+ .ch small{margin-left:auto;font-size:var(--t-small);color:var(--ink-3);text-align:right}
80
+ .seg{display:inline-flex;padding:4px;border-radius:var(--r-chip);background:var(--well);position:relative;gap:2px}
81
+ .seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
82
+ .seg button{white-space:nowrap;position:relative;z-index:1;height:32px;padding:0 14px;border-radius:var(--r-chip);font-size:var(--t-small);font-weight:600;color:var(--ink-2);transition:color .3s}
83
+ .seg button[aria-pressed="true"]{color:var(--on-solid)}
84
+ .seg .pill{position:absolute;z-index:0;top:4px;bottom:4px;border-radius:var(--r-chip);background:var(--solid);transition:left .45s var(--spring),width .45s var(--spring)}
85
+ .note{font-size:var(--t-small);color:var(--ink-3);line-height:1.5}
86
+ .label{font:600 var(--t-micro) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
87
+ .rank{margin-top:8px;position:relative}
88
+ .rr{border-top:1px solid var(--hair)}
89
+ .rr:first-child{border-top:0}
90
+ .rhd{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:20px 12px;margin:0 -12px;border-radius:var(--r-in);transition:background .25s;width:auto;justify-self:stretch}
91
+ .rhd:hover{background:var(--well)}
92
+ .rn{font:500 20px var(--mono);color:var(--ink-3);letter-spacing:-.04em;line-height:1.2}
93
+ .rr.lead .rn{color:var(--ink)}
94
+ .rr.hl-k .rhd{background:var(--well)}
95
+ .rt{display:block;font-size:15px;font-weight:650;line-height:1.3;letter-spacing:-.01em}
96
+ .rs{display:block;font-size:15px;color:var(--ink-3);margin-top:3px}
97
+ .sug{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;margin-top:10px;font-size:15px;line-height:1.5;color:var(--ink-2)}
98
+ .sug svg{width:18px;height:18px;color:var(--ember-ink);margin-top:1px}
99
+ .sug b{font-weight:650;color:var(--ink)}
100
+ .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
101
+ .fchip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:var(--r-chip);background:var(--well);font-size:var(--t-small);font-weight:600;color:var(--ink-2);transition:background .3s,color .3s,transform .3s var(--spring)}
102
+ .fchip[aria-pressed="true"]{background:var(--solid);color:var(--on-solid)}
103
+ .fchip:active{transform:scale(.96)}
104
+ .fchip em{font:500 12.5px var(--mono);font-style:normal;opacity:.75}
105
+ input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:none;margin:0}
106
+ input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:8px;background:var(--b3)}
107
+ input[type=range]::-moz-range-track{height:6px;border-radius:8px;background:var(--b3)}
108
+ input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ember);border:3px solid var(--card);box-shadow:0 2px 8px rgba(0,0,0,.25);margin-top:-8px;transition:transform .3s var(--spring)}
109
+ input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--ember);border:3px solid var(--card)}
110
+ input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
111
+ .tl{margin-top:14px;display:flex;flex-direction:column;flex:1 1 0;min-height:340px}
112
+ .grp{font:600 var(--t-micro) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:14px 0 6px}
113
+ .ev{display:grid;grid-template-columns:48px 36px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--hair);transition:opacity .4s,transform .45s var(--ease)}
114
+ .ev:first-of-type{border-top:0}
115
+ .ev time{font:500 12.5px var(--mono);color:var(--ink-2)}
116
+ .gl-t{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:var(--well);color:var(--ink-2)}
117
+ .gl-t svg{width:18px;height:18px}
118
+ .ev b{display:block;font-weight:550;line-height:1.3}
119
+ .ev span.d{display:block;font-size:var(--t-small);color:var(--ink-3)}
120
+ .ev.src-run .gl-t{color:var(--ember-ink)}
121
+ .nowl{display:flex;align-items:center;gap:10px;padding:8px 0;font:600 12.5px var(--mono);color:var(--ember-ink)}
122
+ .nowl::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ember);animation:br 2.6s ease-in-out infinite}
123
+ .nowl::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--ember),transparent)}
124
+ @keyframes br{50%{box-shadow:0 0 0 6px color-mix(in oklab,var(--ember) 14%,transparent)}}
125
+ .early{flex:1 1 0;min-height:140px;overflow:auto;padding-right:6px;margin-right:-6px;scrollbar-width:thin}
126
+ .empty{color:var(--ink-3);padding:12px 0;font-size:var(--t-small)}
127
+ .foot{margin-top:28px;font-size:var(--t-small);color:var(--ink-3);max-width:90ch;line-height:1.55}
128
+ .opts{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
129
+ .opts>div{overflow:hidden;min-height:0}
130
+ .opts.on{grid-template-rows:1fr}
131
+ .opts>div>*{opacity:0;transform:translateY(-6px);transition:opacity .35s .05s,transform .45s .05s var(--ease)}
132
+ .opts.on>div>*{opacity:1;transform:none}
133
+ .fbtn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--well);color:var(--ink-2);flex:none;transition:transform .35s var(--spring),background .25s,color .25s}
134
+ .fbtn:hover{transform:scale(1.08)}
135
+ .fbtn[aria-expanded="true"]{background:var(--solid);color:var(--on-solid)}
136
+ .ch.stuck .fbtn{transform:scale(.86)}
137
+ .ev{cursor:pointer;border-radius:14px;margin:0 -10px;padding-inline:10px;width:calc(100% + 20px);text-align:left;transition:background .25s,opacity .4s}
138
+ .ev:hover{background:var(--well)}
139
+ .sug{grid-template-columns:minmax(0,1fr)!important;margin-top:6px!important}
140
+ .sug span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
141
+ .rhd{padding:18px 12px!important;width:calc(100% + 24px);text-align:left}
142
+ .veil{position:fixed;inset:0;z-index:40;background:rgba(30,34,60,.34);opacity:0;pointer-events:none;transition:opacity .45s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
143
+ .veil.on{opacity:1;pointer-events:auto}
144
+ .dlg{position:fixed;z-index:41;left:50%;top:50%;width:min(620px,calc(100% - 32px));max-height:min(86vh,760px);overflow:auto;transform:translate(-50%,-46%) scale(.96);opacity:0;pointer-events:none;background:var(--card);border:1px solid var(--glass-edge);border-radius:28px;padding:34px 34px 28px;box-shadow:0 40px 90px -30px rgba(20,24,60,.55);transition:opacity .35s,transform .6s var(--spring);outline:0}
145
+ .dlg.on{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}
146
+ .dlg .grab{display:none}
147
+ .dlg h2{font-size:clamp(24px,3vw,32px);line-height:1.12;letter-spacing:-.03em;font-weight:700;margin-top:8px;padding-right:40px;text-wrap:balance}
148
+ .dsub{color:var(--ink-3);margin-top:4px}
149
+ .dbody{}
150
+ .p-work p{color:var(--ink-2);line-height:1.55;max-width:56ch;margin:0}
151
+ .dbody .kv{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 14px;font-size:15px}
152
+ .dbody .kv span:nth-child(odd){color:var(--ink-3)}
153
+ .cta{height:48px;padding:0 24px;border-radius:var(--r-chip);background:var(--solid);color:var(--on-solid);font-weight:650;display:inline-flex;align-items:center;gap:8px;transition:transform .35s var(--spring)}
154
+ .cta:hover{transform:translateY(-2px)}
155
+ .cta:active{transform:scale(.97)}
156
+ .cta svg{width:18px;height:18px}
157
+ @media (max-width:700px){.dlg{top:auto;bottom:0;left:0;width:100%;max-height:88vh;border-radius:28px 28px 0 0;transform:translateY(105%);padding:14px 22px calc(22px + env(safe-area-inset-bottom,0px))}
158
+ .dlg.on{transform:none}
159
+ .dlg .grab{display:block;width:44px;height:5px;border-radius:8px;background:var(--b3);margin:0 auto 14px}}
160
+ .dlg{width:min(680px,calc(100% - 32px))}
161
+ .cta[disabled]{opacity:.35;pointer-events:none}
162
+ .cta.hold{position:relative;overflow:hidden;user-select:none;touch-action:none}
163
+ .cta.hold b{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:var(--ember);opacity:.55;pointer-events:none}
164
+ .cta.hold.arm b{transform:scaleX(1);transition:transform .8s linear}
165
+ .cta.hold span{position:relative}
166
+ @keyframes dot{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-4px);opacity:1}}
167
+ .rr{position:relative}
168
+ .rr .rt{font-size:15px;font-weight:620}
169
+ .rr.first .rt{font-size:20px;font-weight:700}
170
+ .rr.first .rhd{box-shadow:inset 3px 0 0 var(--ember)}
171
+ .rr:not(.first):not(.lead) .rn{opacity:.6}
172
+ .tgf{font-style:normal;font:700 12.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-left:10px;padding:3px 10px;border-radius:999px;background:var(--ember);color:rgb(26,13,2);vertical-align:3px;white-space:nowrap}
173
+ .skip{display:block;margin-top:6px;font-size:12.5px;line-height:1.45;color:var(--ink-3)}
174
+ .rr.done .skip{display:none}
175
+ .rpin{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3);opacity:0;transition:opacity .25s,background .25s}
176
+ .rpin svg{width:16px;height:16px}
177
+ .rr:hover .rpin,.rpin:focus-visible,.rpin[aria-pressed="true"]{opacity:1}
178
+ .rpin:hover{background:var(--well);color:var(--ink)}
179
+ .rpin[aria-pressed="true"]{color:var(--ember-ink)}
180
+ @media (hover:none){.rpin{opacity:1}}
181
+ .mprog{height:4px;border-radius:8px;background:color-mix(in oklab,var(--ink) 10%,transparent);margin:0 0 6px;overflow:hidden}
182
+ .mprog b{display:block;height:100%;width:0;border-radius:8px;background:var(--ok);transition:width .6s var(--spring,ease)}
183
+ .nodef{margin:10px 0 0;font-size:12.5px;color:var(--ink-2)}
184
+ @media (max-width:700px){#movesCap{display:block!important;order:9;flex:1 1 100%;margin:0 0 0 58px;text-align:left}
185
+ .mprog{margin-top:8px}}
186
+ .rr.done .rt,.rr.done .rs,.rr.done .sug{opacity:.45}
187
+ .rr.done .rt{text-decoration:line-through}
188
+ .rn svg{width:20px;height:20px;color:var(--ok);stroke-width:2.4}
189
+ .dlg{display:flex;flex-direction:column;overflow:hidden;padding-bottom:22px}
190
+ .dbody{}
191
+ @media (max-width:700px){.dlg{max-height:90vh}}
192
+ .alog{display:grid;gap:2px}
193
+ .al{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:7px 0;font-size:15px;color:var(--ink-2);line-height:1.45;transition:opacity .4s,transform .4s var(--ease)}
194
+ .al i{width:20px;height:20px;display:grid;place-items:center;margin-top:1px}
195
+ .al i svg{width:17px;height:17px;color:var(--ok);stroke-width:2.4}
196
+ .al.s-done span{color:var(--ink-2)}
197
+ @keyframes sp{to{transform:rotate(360deg)}}
198
+ .opts2{display:grid;gap:8px}
199
+ .op{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;text-align:left;padding:14px 16px;border-radius:var(--r-in);background:var(--well);box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .25s,background .25s,transform .3s var(--spring)}
200
+ .op:hover{transform:translateY(-1px)}
201
+ .op[aria-pressed="true"]{box-shadow:inset 0 0 0 1.8px var(--b1);background:var(--card)}
202
+ .op i{width:22px;height:22px;border-radius:8px;box-shadow:inset 0 0 0 1.8px var(--ink-3);display:grid;place-items:center;margin-top:1px;transition:background .25s,box-shadow .25s}
203
+ .op i{border-radius:50%}
204
+ .op[aria-pressed="true"] i{background:var(--solid);box-shadow:inset 0 0 0 5px var(--card),0 0 0 0 transparent;box-shadow:inset 0 0 0 5px var(--card);background:var(--solid)}
205
+ .op b{font-weight:650;font-size:15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
206
+ .op small{display:block;color:var(--ink-3);font-size:12.5px;margin-top:2px;line-height:1.45}
207
+ .op em{font:600 12.5px var(--mono);font-style:normal;padding:2px 8px;border-radius:8px;background:var(--ember);color:rgb(26,13,2);letter-spacing:.03em}
208
+ .tri{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--hair)}
209
+ .tri:first-of-type{border-top:0}
210
+ .tri b{font-weight:600}
211
+ .tri small{display:block;color:var(--ink-3);font:500 12.5px var(--mono);margin-top:1px}
212
+ .tri em{display:block;font-style:normal;color:var(--ink-2);font-size:12.5px;margin-top:4px;line-height:1.4}
213
+ .tri .seg{padding:3px}
214
+ .tri .seg button{height:28px;padding:0 12px;font-size:12.5px;border-radius:var(--r-chip)}
215
+ .tri .seg button[aria-pressed="true"]{background:var(--solid);color:var(--on-solid)}
216
+ @media (max-width:700px){.tri{grid-template-columns:minmax(0,1fr)}}
217
+ .lbtn{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:6px;text-align:left}
218
+ .lbtn .label{margin:0!important}
219
+ .lbtn em{font:500 12.5px var(--mono);font-style:normal;color:var(--ink-3)}
220
+ .lbtn>svg{width:16px;height:16px;margin-left:auto;color:var(--ink-3);transition:transform .35s var(--spring)}
221
+ .lbtn[aria-expanded="false"]>svg{transform:rotate(-90deg)}
222
+ .alog.col{display:none}
223
+ .dbody .kv{grid-template-columns:140px minmax(0,1fr)!important}
224
+ .dlg{max-height:min(90vh,820px)!important}
225
+ .dlg{display:flex;flex-direction:column;overflow:hidden;padding:30px 34px 20px;transition:opacity .35s,transform .6s var(--spring),left .6s var(--spring),top .6s var(--spring),width .6s var(--spring),max-height .6s var(--spring),height .6s var(--spring),border-radius .5s,padding .5s}
226
+ .dhead{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex:none}
227
+ .dht{min-width:0}
228
+ .dtools{display:flex;gap:8px;flex:none}
229
+ .dx2{width:40px;height:40px;background:var(--well)}
230
+ .dlg h2{padding-right:0!important}
231
+ .dtabs{margin-top:16px;flex:none}
232
+ .dtabs .seg{width:max-content}
233
+ .dgrid{flex:1 1 auto;min-height:0;overflow:auto;margin-top:16px;margin-right:-10px;padding-right:10px;scrollbar-width:thin}
234
+ .dgrid .pane{display:none}
235
+ .dgrid[data-tab="work"] .p-work{display:grid}
236
+ .p-work{gap:22px;align-content:start}
237
+ .dbody,.dbody p{}
238
+ @media (max-width:700px){.dlg{padding:14px 22px calc(18px + env(safe-area-inset-bottom,0px))}}
239
+ .p-work .kv{display:grid;grid-template-columns:130px minmax(0,1fr);gap:6px 14px;font-size:15px;margin-bottom:12px}
240
+ .p-work .kv span:nth-child(odd){color:var(--ink-3)}
241
+ .doc{background:var(--card);border:1px solid var(--hair);border-radius:var(--r-in);padding:26px 30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
242
+ .dpath{font:500 12.5px var(--mono);color:var(--ink-3);margin-bottom:16px;word-break:break-all}
243
+ .doc h3{margin:0;font-weight:700;letter-spacing:-.02em}
244
+ .doc .d1{font-size:28px;line-height:1.2;margin-bottom:12px}
245
+ .doc .d2{font-size:15px;margin:22px 0 6px}
246
+ .doc p{color:var(--ink-2);line-height:1.7;font-size:15px;max-width:66ch;margin:0 0 12px}
247
+ .doc ul{margin:0 0 12px;padding-left:20px;max-width:66ch}
248
+ .doc li{color:var(--ink-2);line-height:1.65;font-size:15px;margin-bottom:6px}
249
+ .doc .xn{font-size:12.5px;color:var(--ink-3);margin-top:18px;border-top:1px solid var(--hair);padding-top:12px}
250
+ .p-work .label{display:block;margin-bottom:8px}
251
+ .p-work{align-content:stretch}
252
+ #dBody{display:flex;flex-direction:column;gap:0;min-height:0}
253
+ .stream{display:grid;gap:16px;align-content:start;flex:1 1 auto}
254
+ .turn{display:grid;gap:10px;animation:rise .5s var(--ease) both;min-width:0}
255
+ .turn.a{grid-template-columns:30px minmax(0,1fr)}
256
+ .av{width:30px;height:30px;border-radius:50%;background:var(--well);display:grid;place-items:center;flex:none}
257
+ .av svg{width:16px;height:16px;color:var(--ember-ink)}
258
+ .tc{min-width:0}
259
+ .tt{margin:0;font-size:15px;line-height:1.55;color:var(--ink);max-width:58ch}
260
+ .turn.u{justify-items:end}
261
+ .ub{background:var(--solid);color:var(--on-solid);padding:11px 16px;border-radius:18px 18px 8px 18px;font-size:15px;line-height:1.45;max-width:86%}
262
+ .acard{margin-left:40px;background:var(--well);border-radius:var(--r-in);padding:20px 22px;display:grid;gap:14px;animation:rise .6s var(--ease) both}
263
+ .acard .ct{margin:0;font:600 var(--t-micro) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
264
+ .acard .kv{margin:0;grid-template-columns:110px minmax(0,1fr)!important}
265
+ .cact{display:flex;justify-content:flex-start;padding-top:4px}
266
+ .op{background:var(--card)}
267
+ .op[aria-pressed="true"]{background:var(--card)}
268
+ .tri{border-top-color:var(--hair)}
269
+ .fine2{font-size:12.5px;color:var(--ink-3);margin:2px 0 0;text-align:center}
270
+ .askbar{display:flex;gap:8px;position:sticky;bottom:0;padding:14px 0 4px;margin-top:12px;background:linear-gradient(to top,var(--card) 70%,transparent)}
271
+ .askbar input{flex:1;min-width:0;height:46px;border-radius:28px;border:0;background:var(--well);padding:0 18px;font:inherit;color:var(--ink);outline:0}
272
+ .askbar input:focus{box-shadow:0 0 0 2px var(--b3)}
273
+ .askbar button{width:46px;height:46px;border-radius:50%;background:var(--solid);color:var(--on-solid);display:grid;place-items:center;flex:none}
274
+ .askbar button svg{width:18px;height:18px}
275
+ .lbtn{margin-bottom:4px}
276
+ .lbtn .ls{width:20px;height:20px;display:grid;place-items:center;flex:none}
277
+ .lbtn .ls svg{width:17px;height:17px;color:var(--ok);stroke-width:2.4}
278
+ .lbtn span{font-size:15px;font-weight:600;color:var(--ink-2);margin:0}
279
+ .alog{padding-top:2px}
280
+ @media (max-width:700px){.acard{margin-left:0}
281
+ .turn.a{grid-template-columns:minmax(0,1fr)}
282
+ .turn.a>.av{display:none}}
283
+ .dlg[data-mode="sum"] #dTabs,.dlg[data-mode="sum"] #dOut{display:none}
284
+ .dlg[data-mode="sum"] .dgrid .p-work{display:flex}
285
+ .dlg[data-mode="split"]{width:min(1260px,calc(100% - 40px));height:min(90vh,860px)}
286
+ .dlg[data-mode="split"] .dgrid{overflow:hidden;margin-right:0;padding-right:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
287
+ .dlg[data-mode="split"] .dgrid .pane{overflow:auto;min-height:0;scrollbar-width:thin}
288
+ .dlg[data-mode="split"] .dgrid[data-tab="chat"] .p-work{display:flex}
289
+ .dlg[data-mode="split"] .dgrid[data-tab="out"] .p-out{display:flex}
290
+ @media (min-width:1000px){.dlg[data-mode="split"] #dTabs{display:none}
291
+ .dlg[data-mode="split"] .dgrid{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:22px}
292
+ .dlg[data-mode="split"] .dgrid .p-work,.dlg[data-mode="split"] .dgrid .p-out{display:flex}}
293
+ @media (max-width:999px){.dlg[data-mode="split"]{width:calc(100% - 24px);height:90vh}}
294
+ @media (max-width:700px){.dlg[data-mode="split"]{width:100%;height:92vh}}
295
+ .p-out{flex-direction:column;background:var(--well);border-radius:var(--r-in)}
296
+ .otop{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 10px;background:var(--well);flex-wrap:wrap}
297
+ .obody{display:none;padding:4px 18px 22px}
298
+ #dOut[data-o="main"] #oMain{display:block}
299
+ .paper.doc{box-shadow:0 14px 32px -20px rgba(20,24,60,.3)}
300
+ .paper .dpath{margin-bottom:12px}
301
+ .stp{list-style:none;margin:6px 0 0;padding:0}
302
+ .stp li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--hair);margin:0}
303
+ .stp li:first-child{border-top:0}
304
+ .stp i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:600 12.5px var(--mono);font-style:normal;box-shadow:inset 0 0 0 1.8px var(--ink-3);color:var(--ink-3)}
305
+ .stp .done i{background:var(--ok);box-shadow:none;color:rgb(255,255,255)}
306
+ .stp i svg{width:14px;height:14px;stroke-width:2.8}
307
+ .stp b{display:block;font-weight:600;font-size:15px;color:var(--ink)}
308
+ .stp small{display:block;color:var(--ink-2);font-size:15px;line-height:1.5;margin-top:2px}
309
+ .stp .done b{color:var(--ink-3)}
310
+ .paper+.xn,.p-out .xn{font-size:12.5px;color:var(--ink-3);margin:14px 4px 0}
311
+ @keyframes hi{from{background:color-mix(in oklab,var(--ember) 34%,transparent)}to{background:transparent}}
312
+ .dtabs button.upd::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--ember);margin-left:7px;display:inline-block;vertical-align:middle}
313
+ .otop{justify-content:flex-start;padding:16px 20px 10px;gap:10px}
314
+ .ol{font-weight:650;letter-spacing:-.01em}
315
+ .obody{display:block!important}
316
+ .doc .kv2{display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 14px;font-size:15px;margin-bottom:14px}
317
+ .doc .kv2 span:nth-child(odd){color:var(--ink-3)}
318
+ .dlg.full.on{left:0;top:0;transform:none;width:100%;height:100%;max-height:none!important;border-radius:0;padding:30px 44px 20px}
319
+ .dlg.full h2{font-size:clamp(28px,3vw,40px)}
320
+ @media (min-width:1000px){.dlg.full .dgrid{display:grid;grid-template-columns:minmax(420px,.7fr) minmax(0,1.3fr);gap:28px;overflow:hidden;margin-right:0;padding-right:0}
321
+ .dlg.full .dgrid .p-work,.dlg.full .dgrid .p-out{display:flex;overflow:auto;min-height:0}
322
+ .dlg.full #dTabs{display:none}}
323
+ @media (max-width:699px){#dExpand{display:none}}
324
+ .dx2[aria-pressed="true"]{background:var(--solid);color:var(--on-solid)}
325
+ .fchip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--well);font-size:12.5px}
326
+ .fchip svg{width:13px;height:13px}
327
+ .seg2{display:inline-flex;gap:4px;flex-wrap:wrap}
328
+ .seg2 button{height:30px;padding:0 12px;border-radius:999px;background:var(--card);font-size:12.5px;font-weight:600;color:var(--ink-2)}
329
+ .seg2 button[aria-pressed="true"]{background:var(--solid);color:var(--on-solid)}
330
+ @keyframes wv{0%,100%{height:6px}50%{height:34px}}
331
+ .rt{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 14px}
332
+ .cnt{display:flex;gap:16px;font-size:12.5px;color:var(--ink-2)}
333
+ .cnt b{font-size:15px;color:var(--ink)}
334
+ @media (max-width:999px){.dlg[data-mode="split"] .dgrid[data-tab="out"] #dBody{display:none}
335
+ .dlg[data-mode="split"] .dgrid[data-tab="chat"] .p-out{display:none}}
336
+ .dlg[data-mode="detail"]{width:min(940px,calc(100% - 40px));height:min(90vh,860px)}
337
+ .dlg[data-mode="detail"] #dTabs,.dlg[data-mode="detail"] #dBody{display:none}
338
+ .dlg[data-mode="detail"] .dgrid{overflow:hidden;margin-right:0;padding-right:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
339
+ .dlg[data-mode="detail"] .dgrid .p-out{display:flex;overflow:auto;min-height:0}
340
+ .dlg[data-mode="detail"] #dExpand{display:grid}
341
+ .dlg.full[data-mode="detail"]{width:100%}
342
+ @media (max-width:700px){.dlg{padding-left:16px!important;padding-right:16px!important}
343
+ .dlg .dgrid{margin-right:0;padding-right:0}
344
+ .p-out{background:transparent;border-radius:0}
345
+ .otop{padding:0 0 6px;background:transparent}
346
+ .otop .ol{display:none}
347
+ .obody{padding:0}
348
+ .paper.doc{padding:2px 0 28px;border:0;box-shadow:none;background:transparent;border-radius:0}
349
+ .doc .dpath{display:none}}
350
+ .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
351
+ .ub,.tt,.doc p,.doc li{overflow-wrap:anywhere}
352
+ .pl[aria-disabled="true"]{opacity:.5}
353
+ .brief{color:var(--ink-2)}
354
+ .foot,.note{color:var(--ink-2)}
355
+ .calm{display:flex;align-items:center;gap:16px;padding:22px 4px 8px}
356
+ .calm[hidden]{display:none}
357
+ .calm i{width:44px;height:44px;border-radius:50%;background:var(--solid);color:var(--on-solid);display:grid;place-items:center;flex:none}
358
+ .calm i svg{stroke-width:2.6}
359
+ .calm b{display:block;font-size:var(--t-title);letter-spacing:-.01em}
360
+ .calm small{display:block;color:var(--ink-2);font-size:var(--t-small);margin-top:2px}
361
+ .mv2{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--ink-2)}
362
+ .dlg .grab{position:relative}
363
+ .dlg .grab::after{content:"";position:absolute;inset:-16px -60px;touch-action:none}
364
+ .glass.name{background:var(--card);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
365
+ .op em{background:var(--solid);color:var(--on-solid)}
366
+ :root{--card-solid:rgb(253,253,252)}
367
+ @media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--card-solid:rgb(23,26,35)}}
368
+ :root[data-theme="dark"]{--card-solid:rgb(23,26,35)}
369
+ .ch{background:var(--card-solid)}
370
+ @media (max-width:999px){.rail{background:color-mix(in oklab,var(--card-solid) 94%,transparent)}}
371
+ @media (max-width:700px){.ch{position:relative;top:0}
372
+ .fchip,.seg2 button,.dlg .seg button,.dx2,.seg button{min-height:44px}
373
+ .dx2,.round,.fbtn{min-width:44px;min-height:44px}}
374
+ .rail .ind{transform:translateY(calc(var(--pi,0)*72px));transition:transform .55s var(--spring)}
375
+ .stage[hidden]{display:none}
376
+ .mv2{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--ink-3)}
377
+ .mv2 .seg2{margin-left:2px}
378
+ @media (max-width:999px){.rail .ind{transform:translateX(calc(var(--pi,0)*100%))}}
379
+ .seg button em{font:500 12.5px var(--mono);font-style:normal;margin-left:7px;opacity:.65}
380
+ .ev.hl-k{background:var(--well)}
381
+ .toast span{overflow-wrap:anywhere}
382
+ .seg button em{opacity:.85}
383
+ .cols2>div{grid-template-columns:minmax(0,1fr)}
384
+ .stp{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px 12px;align-items:center;font-size:12.5px}
385
+ @keyframes tlg{from{transform:scaleX(0)}}
386
+ .doc .lede{margin:2px 0 6px;color:var(--ink-2);font-size:15px;line-height:1.5}
387
+ .kv2{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,1fr);gap:8px 18px;font-size:12.5px;margin:6px 0}
388
+ .kv2 span:nth-child(odd){color:var(--ink-3)}
389
+ .kv2 span:nth-child(even){color:var(--ink);font-weight:550}
390
+ @media (max-width:700px){.kv2{grid-template-columns:minmax(96px,auto) minmax(0,1fr)}}
391
+ .seg button[aria-selected="true"]{color:var(--on-solid)}
392
+ .kv2 span:nth-child(even){line-height:1.5}
393
+ .vtb{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:6px 0}
394
+ .vtb div{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:var(--well)}
395
+ .vtb span{font:600 12.5px var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
396
+ .vtb b{font-size:15px}
397
+ .dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:6px}
398
+ .opts{display:grid;gap:10px}
399
+ .opts>div{display:grid;gap:3px;padding:14px 16px;border-radius:14px;background:var(--well)}
400
+ .opts b{font-size:15px}
401
+ .opts span{font-size:12.5px;color:var(--ink-2);line-height:1.5}
402
+ @media (max-width:700px){.dgrid{grid-template-columns:minmax(0,1fr)}}
403
+ .askbar{flex-wrap:wrap}
404
+ .sug{margin:0;font-size:15px;color:var(--ink-2);line-height:1.5;padding:10px 14px;border-radius:14px;background:color-mix(in oklab,var(--ember) 9%,var(--well))}
405
+ .skip{color:var(--ink-2)!important;font-size:12.5px;line-height:1.4}
406
+ .sug{background:none;padding:0 2px;font-size:12.5px;color:var(--ink-2)}
407
+ .dock{position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top,0px));left:132px;right:40px;height:54px;border-radius:28px;display:flex;align-items:center;gap:14px;padding:0 10px 0 22px;opacity:0;transform:translateY(-26px) scale(.96);filter:blur(8px);pointer-events:none;transition:opacity .5s var(--ease),transform .7s var(--spring),filter .5s var(--ease)}
408
+ .docked .dock{opacity:1;transform:none;filter:none;pointer-events:auto}
409
+ .dock .nm{font-weight:700;letter-spacing:-.01em}
410
+ .dock .cnt{display:inline-flex;align-items:baseline;gap:6px;font-weight:650}
411
+ .dock .cnt b{font-size:28px;letter-spacing:-.04em;line-height:1}
412
+ .dock .sep{width:1px;height:22px;background:var(--hair)}
413
+ .dock .pl2{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-small);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
414
+ .dock .pl2 b{font-weight:600;color:var(--ink)}
415
+ .dock .pl2 i{width:7px;height:7px;border-radius:50%;background:var(--ember);flex:none}
416
+ .dock .sp{flex:1}
417
+ .docked .tools-top{opacity:0;pointer-events:none}
418
+ .tools-top{transition:opacity .3s}
419
+ .date{transform-origin:left bottom;will-change:transform}
420
+ @media (max-width:999px){.dock{left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px))}
421
+ .dock .hide-s{display:none}}
422
+ .toast{display:flex;align-items:center;gap:14px}
423
+ .toast.on{pointer-events:auto!important}
424
+ .toast{position:fixed;z-index:50;left:50%;bottom:calc(max(12px,env(safe-area-inset-bottom,0px)) + 76px);transform:translate(-50%,20px);opacity:0;padding:12px 20px;border-radius:999px;font-size:15px;font-weight:600;transition:opacity .35s,transform .5s var(--spring);pointer-events:none;max-width:92vw;text-align:center}
425
+ .toast.on{opacity:1;transform:translate(-50%,0)}
426
+ @media (min-width:1000px){.toast{bottom:28px}}
427
+ .cols2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;margin-top:32px;align-items:start}
428
+ .cols2>div{display:grid;gap:24px;min-width:0}
429
+ @media (max-width:1000px){.cols2{grid-template-columns:minmax(0,1fr)}}
430
+ @media (max-width:999px){.rail{left:50%;top:auto;bottom:max(12px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(400px,calc(100% - 32px));display:flex;border-radius:28px;padding:6px}
431
+ .rail .ind{top:6px;bottom:6px;height:auto;left:6px;width:calc((100% - 12px)/4)}
432
+ .pl{flex:1;height:56px}
433
+ .stage{padding-block-end:120px}
434
+ .snap{display:none}
435
+ .rhd{grid-template-columns:28px minmax(0,1fr);gap:10px}
436
+ .ch{margin:-22px -22px 0;padding:18px 22px 10px}
437
+ .ch small{display:none}
438
+ .ch h2{min-width:0}
439
+ .card{padding:22px}
440
+ .ev{grid-template-columns:44px 32px minmax(0,1fr)}}
441
+ @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
442
+ .rise{opacity:1;transform:none;filter:none}}
443
+ /* the detail pane (from the mockup's document and metric popups) */
444
+ .h2{font-size:15px;font-weight:650;margin:18px 0 6px}
445
+ .kv2{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,1fr);gap:8px 18px;font-size:13.5px;margin:6px 0}
446
+ .kv2 span:nth-child(odd){color:var(--ink-3)}.kv2 span:nth-child(even){color:var(--ink);font-weight:550;line-height:1.5;overflow-wrap:anywhere}
447
+ .vtb{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:6px 0}.vtb div{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:var(--well)}.vtb span{font:600 11px var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere}.vtb b{font-size:15px}
448
+ .askbar input:disabled,.askbar button:disabled{opacity:.55;cursor:not-allowed}
449
+ @media (max-width:700px){.card .ch{flex-wrap:wrap}.kv2{grid-template-columns:minmax(96px,auto) minmax(0,1fr)}}
450
+ /* floors the mockup left under 44 px (PRD deviation D6) */
451
+ .rpin{min-width:44px!important;min-height:44px!important}.fchip{min-height:44px!important}.fbtn{min-width:44px!important;min-height:44px!important}#theme2{min-width:44px!important;min-height:44px!important;flex:none}
452
+ .ch.stuck .fbtn{transform:none!important}
453
+ .rhd{padding-right:80px!important}
454
+ .stp{display:block}.stp li>span{min-width:0}
455
+ .dx2{min-width:44px!important;min-height:44px!important}
456
+
457
+ /* slice 2: the controls that record */
458
+ .why{width:100%;box-sizing:border-box;min-height:84px;border:0;border-radius:var(--r-in);background:var(--card);padding:12px 14px;font:inherit;font-size:14px;line-height:1.45;color:var(--ink);resize:vertical;outline:0}
459
+ .why:focus-visible{box-shadow:0 0 0 2px var(--b3)}
460
+ .whyl{display:block;margin:4px 0 6px;font:600 var(--t-micro) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
461
+ .nodef.err{color:var(--bad)}
462
+ .nodef.err[hidden]{display:none}
463
+ .askbar input,.askbar button{min-height:44px}
464
+
465
+ /* slice 3: the agent's answers */
466
+ .agtag{margin:0 0 6px;font:600 var(--t-micro) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
467
+ .tt.err{color:var(--bad)}
468
+ .askbar button:disabled{opacity:.5;cursor:not-allowed}
469
+
470
+ /* slice 4: My work (cut from the mockup's My work place, without the week bars, the tray and the suggestion line) */
471
+ .cap{display:flex;align-items:center;gap:12px;height:58px;max-width:680px;margin-top:26px;padding:0 7px 0 20px;border-radius:28px;transition:box-shadow .3s}
472
+ .cap>svg{color:var(--ink-3)}
473
+ .cap input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:0;font:inherit;font-size:15px;color:var(--ink)}
474
+ .cap input::placeholder{color:var(--ink-3)}
475
+ .cap:focus-within{box-shadow:var(--glass-shadow),0 0 0 2px var(--b3)}
476
+ .cap kbd{font:500 12.5px var(--mono);color:var(--ink-3);padding:3px 8px;border-radius:8px;background:var(--well)}
477
+ .cap .capb{width:44px;height:44px;border-radius:50%;background:var(--solid);color:var(--on-solid);display:grid;place-items:center;flex:none;transition:transform .35s var(--spring)}
478
+ .cap .capb:hover{transform:scale(1.06)}.cap .capb svg{width:18px;height:18px}
479
+ .wsec{display:flex;align-items:center;gap:10px;padding:20px 0 6px;border-radius:var(--r-in)}
480
+ .wsec:first-child{padding-top:8px}
481
+ .wsec em{font:500 var(--t-micro) var(--mono);font-style:normal;color:var(--ink-3)}
482
+ .wsec .sp{flex:1}
483
+ .wsec .wall{height:30px;padding:0 13px;border-radius:999px;background:var(--well);font-size:12.5px;font-weight:650;color:var(--ink-2);transition:background .25s,color .25s}
484
+ .wsec .wall:hover{background:var(--solid);color:var(--on-solid)}
485
+ .wrw{border-top:1px solid var(--hair)}.wsec+.wrw{border-top:0}
486
+ .wrow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 -12px;padding:2px 12px;border-radius:var(--r-in);transition:background .25s}
487
+ .wrow:hover,.wrow.hl-k{background:var(--well)}
488
+ .wsec.hl-k{background:var(--well)}
489
+ .wrh{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;width:100%;min-width:0}
490
+ .wtx{display:block;min-width:0}
491
+ .wtit{display:block;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
492
+ .ws{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px}
493
+ .wsg{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;margin-top:7px;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
494
+ .wsg svg{width:16px;height:16px;color:var(--ember-ink);margin-top:1px}.wsg b{font-weight:650;color:var(--ink)}
495
+ .wm{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
496
+ .est{font:500 12.5px var(--mono);color:var(--ink-3)}
497
+ .due{font-size:12.5px;font-weight:650;color:var(--ink-2);padding:3px 10px;border-radius:999px;background:var(--well)}
498
+ .wrow:hover .due{background:var(--card)}
499
+ .due.od{color:var(--bad);background:color-mix(in oklab,var(--bad) 12%,transparent)}
500
+ .wgl{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:var(--well);color:var(--ink-2)}
501
+ .wrow:hover .wgl{background:var(--card)}.wgl svg{width:18px;height:18px}
502
+ .wck{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:transparent;transition:background .3s,color .3s,transform .35s var(--spring)}
503
+ .wck::before{content:"";position:absolute}
504
+ .wck{box-shadow:inset 0 0 0 1.8px var(--ink-3)}
505
+ .wck svg{width:16px;height:16px;stroke-width:2.6}
506
+ .wck:hover{transform:scale(1.08);color:var(--ink-3)}
507
+ .wck[aria-pressed="true"]{background:var(--solid);color:var(--on-solid);box-shadow:none}
508
+ .wck.dec{box-shadow:inset 0 0 0 1.8px var(--ember)}.wck.dec:hover{color:var(--ember-ink)}
509
+ .wrow.done .wtit,.wrow.done .ws{opacity:.45}.wrow.done .wtit{text-decoration:line-through}
510
+ .acc{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px 0 11px;border-radius:999px;background:var(--solid);color:var(--on-solid);font-size:12.5px;font-weight:650;white-space:nowrap;transition:transform .35s var(--spring)}
511
+ .acc:hover{transform:translateY(-1px)}.acc:active{transform:scale(.96)}.acc svg{width:15px;height:15px;stroke-width:2.6}
512
+ .empty3{display:flex;align-items:center;gap:10px;padding:16px 0 8px;font-size:15px;color:var(--ink-2)}.empty3 svg{color:var(--ok);stroke-width:2.6;width:18px;height:18px}
513
+ /* agents */
514
+ .pipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
515
+ .pst{padding:12px 14px;border-radius:var(--r-in);background:var(--well);display:grid;gap:3px;transition:background .3s}
516
+ .pst b{font-size:28px;letter-spacing:-.04em;line-height:1;font-weight:650}.pst span{font-size:12.5px;color:var(--ink-2)}
517
+ .pst.hot{background:var(--solid);color:var(--on-solid)}.pst.hot span{color:inherit;opacity:.8}
518
+ .agl{margin-top:8px}
519
+ .wrow.sm .wrh{padding:11px 0}.wrow.sm .wtit{font-size:15px}
520
+ .ags{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:var(--well);color:var(--ink-2)}
521
+ .wrow:hover .ags{background:var(--card)}.ags svg{width:17px;height:17px}.ags.ready{background:var(--solid);color:var(--on-solid)}
522
+ .ags .spin{width:16px;height:16px}
523
+ .avp{width:34px;height:34px;border-radius:50%;background:var(--b3);display:grid;place-items:center;font:650 12.5px var(--mono);color:var(--ink)}
524
+ .nud{font-size:12.5px;font-weight:650;color:var(--ember-ink)}
525
+ .nud.ok{color:var(--ok)}
526
+ /* dialogs for my work */
527
+ .ta{width:100%;border:0;border-radius:14px;background:var(--card);padding:12px 14px;font:inherit;font-size:15px;line-height:1.5;color:var(--ink);resize:vertical;min-height:96px;outline:0;box-shadow:inset 0 0 0 1.5px var(--b3)}
528
+ .ta:focus{box-shadow:inset 0 0 0 2px var(--ink)}
529
+ .cact.two{display:flex;gap:8px;flex-wrap:wrap}
530
+ .wtit,.ws,.wsg,.tl1,.nud,.toast span{overflow-wrap:anywhere}
531
+ .wrh{min-width:0}
532
+ .wrow.done .wtit,.wrow.done .ws{opacity:.7}
533
+ .wck{width:44px;height:44px;display:grid;place-items:center;position:relative;box-shadow:none;color:transparent;border-radius:50%}
534
+ .wck::before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1.8px var(--ink-3);transition:background .3s,box-shadow .3s}
535
+ .wck svg{position:relative;width:16px;height:16px;stroke-width:2.6}
536
+ .wck:hover{color:var(--ink-3);transform:none}.wck[aria-pressed="true"]{background:none;color:var(--on-solid);box-shadow:none}.wck[aria-pressed="true"]::before{background:var(--solid);box-shadow:none}
537
+ .wck.dec::before{box-shadow:inset 0 0 0 1.8px var(--ember)}.wck.dec:hover{color:var(--ember-ink)}
538
+ .wrow{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}
539
+ .wrow.inb .wgl{margin-left:5px}
540
+ @media (max-width:700px){
541
+ .wrow{grid-template-columns:44px minmax(0,1fr)}
542
+ .wrow .wrh{grid-column:2}.wrow>.acc{grid-column:2;justify-self:start;margin:-4px 0 12px}
543
+ .wrow .acc span{display:inline}.wrow .acc{width:auto;padding:0 14px 0 11px;justify-content:flex-start}
544
+ .wsec .wall{min-height:44px}
545
+ }
546
+
547
+ .acc.quiet{background:transparent;color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--hair)}.acc.quiet:hover{background:var(--well);color:var(--ink)}
548
+ .wrow.first .wtit{font-size:1.12em}.wrow.first{box-shadow:inset 3px 0 0 var(--ember);border-radius:0 14px 14px 0}
549
+ #plateCap b{color:var(--ink)}
550
+ .wsec .label{margin:0}
551
+ .empty3.plain{color:var(--ink-2)}
552
+ #agl .wrw:first-child{border-top:0}
553
+ .revc[hidden]{display:none}
554
+ .revc button:hover{background:var(--solid);color:var(--on-solid)}
555
+ .cta.quiet{background:var(--card);color:var(--ink)}
556
+ .cta.quiet:hover{background:var(--solid);color:var(--on-solid)}
557
+ .tx{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
558
+ .tx .hint{font-size:12.5px;color:var(--ink-2);margin-left:6px}
559
+ .why.one{min-height:0;height:46px;padding:0 14px;resize:none;flex:1;min-width:0}
560
+ .toast .undo{margin-left:10px;height:44px;padding:0 14px;border-radius:999px;background:var(--solid);color:var(--on-solid);font-weight:650;font-size:13.5px}
561
+
562
+ @media (max-width:700px){
563
+ .cap{height:54px}.cap kbd{display:none}
564
+ .wgl,.ags,.avp{width:30px;height:30px;border-radius:8px}.avp{border-radius:50%}
565
+ .wm .est{display:none}
566
+ .pst{padding:10px 12px}.pst b{font-size:20px}
567
+ .revc{grid-template-columns:1fr}
568
+ }
569
+ .revc button{min-height:44px}
570
+ .spin{width:15px;height:15px;border-radius:50%;border:2px solid var(--b3);border-top-color:var(--ink);animation:sp .8s linear infinite}
571
+ @media (prefers-reduced-motion:reduce){.spin{animation:none}}
572
+ .revc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:10px}
573
+ .revc p{font-size:15px;color:var(--ink-2)}.revc b{color:var(--ink)}
574
+ .revc button{height:44px;padding:0 18px;border-radius:999px;background:var(--well);font-weight:650;font-size:15px;transition:background .25s,color .25s}
575
+ @media (max-width:700px){.revc{grid-template-columns:1fr}}
576
+
577
+ .wck.dec{color:var(--ember-ink)}
578
+ .wck.dec:hover{color:var(--ember-ink)}
579
+ .wrow .wtit .tgf{display:block;width:fit-content;margin:6px 0 2px}
580
+ .wck.dec{box-shadow:none}
581
+ @media (max-width:999px){.dtabs{display:none}}
582
+
583
+ .tgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;margin-top:6px}
584
+ .tgrid .wrw:nth-child(2){border-top:0}
585
+ .tgrid .empty3,.tgrid .note{grid-column:1/-1}
586
+ @media (max-width:1000px){.tgrid{grid-template-columns:minmax(0,1fr)}.tgrid .wrw:nth-child(2){border-top:1px solid var(--hair)}}
587
+ @media (max-width:999px){.dlg[data-mode="detail"]{width:calc(100% - 24px);height:90vh}}
588
+ @media (max-width:700px){.dlg[data-mode="detail"]{width:100%;height:92vh}}
589
+
590
+ /* slice 5: Board (cut from the mockup's Board place by class; no Metrics, no demo boards) */
591
+ .fl b{color:var(--ok);font-weight:500}
592
+ .fl i{color:var(--bad);font-style:normal}
593
+ .doc .mut,.mut{color:var(--ink-3);font-size:15px}
594
+ .pp{display:inline-flex;align-items:center;gap:6px;font-size:12.5px}
595
+ .pp em{font-style:normal;color:var(--ink-3);font-size:12.5px}
596
+ .it b{display:block;font-size:15px;font-weight:600}
597
+ .it small{font-size:12.5px;color:var(--ink-3)}
598
+ .pg i{display:block;height:6px;border-radius:8px;background:var(--b3);overflow:hidden}
599
+ .pg b{display:block;height:100%;background:var(--solid);border-radius:8px}
600
+ .spr{background:var(--well);border-radius:18px;padding:16px 18px;display:grid;gap:10px}
601
+ .sph{display:flex;align-items:center;justify-content:space-between;gap:10px}
602
+ .sph b{font-size:15px}
603
+ .cnt{display:flex;gap:16px;font-size:12.5px;color:var(--ink-2)}
604
+ .cnt b{font-size:15px;color:var(--ink)}
605
+ .hd{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px;background:var(--ink-3);vertical-align:1px}
606
+ .hd.ok{background:var(--ok)}
607
+ .hd.warn{background:var(--ember)}
608
+ .hd.bad{background:var(--bad)}
609
+ .fl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;flex-wrap:wrap}
610
+ .inih,.ini2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.05fr) 64px minmax(0,.9fr);gap:14px;align-items:center}
611
+ .inih{padding:0 0 8px;border-bottom:1px solid var(--hair);font:600 var(--t-micro) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
612
+ .ini2{padding:12px 0;border-top:1px solid var(--hair)}
613
+ .ini2:first-child{border-top:0}
614
+ .ini2 .it small span{font-weight:600}
615
+ .ini2 .it small .warn{color:var(--ember-ink)}
616
+ .ini2 .it small .bad{color:var(--bad)}
617
+ .wst{display:grid;gap:5px}
618
+ .sg2{display:flex;gap:3px}
619
+ .sg2 i{flex:1;height:5px;border-radius:8px;background:var(--b3)}
620
+ .wst em{font-style:normal;font-size:12.5px;color:var(--ink-2)}
621
+ .rl{font-size:12.5px;color:var(--ink-2)}
622
+ @media (max-width:1000px){
623
+ .inih{display:none}
624
+ .ini2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
625
+ .ini2 .pg{display:none}
626
+ .ini2 .rl{grid-column:1/-1}
627
+ }
628
+ .irow{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;width:calc(100% + 24px);margin:0 -12px;padding:12px;border-radius:var(--r-in);text-align:left;transition:background .25s;border-top:1px solid var(--hair)}
629
+ .irow:first-of-type{border-top:0}
630
+ .irow:hover{background:var(--well)}
631
+ .irow.st:hover{background:none}
632
+ .irow time{font:500 12.5px var(--mono);color:var(--ink-2)}
633
+ .irow .itx b{display:block;font-weight:600;line-height:1.3}
634
+ .irow .itx small{display:block;color:var(--ink-2);font-size:12.5px;margin-top:2px}
635
+ .istg{display:grid;gap:12px;margin-top:14px}
636
+ .isc{background:var(--well);border-radius:var(--r-in);padding:14px;display:grid;gap:10px;align-content:start}
637
+ .isc .label em{font-style:normal;opacity:.7;margin-left:6px}
638
+ .icd{display:grid;gap:6px;text-align:left;background:var(--card);border-radius:14px;padding:12px 14px;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .25s,transform .3s var(--spring)}
639
+ .icd:hover{box-shadow:inset 0 0 0 1.5px var(--b3);transform:translateY(-1px)}
640
+ .icd b{font-weight:600;line-height:1.3}
641
+ .icd small{font-size:12.5px;color:var(--ink-2)}
642
+ .icd .warn{color:var(--ember-ink);font-weight:650}
643
+ .icd .bad{color:var(--bad);font-weight:650}
644
+ .ini2.ibi{width:calc(100% + 24px);margin:0 -12px;padding:12px;border-radius:var(--r-in);text-align:left;transition:background .25s}
645
+ .ini2.ibi:hover{background:var(--well)}
646
+ #cSpr .spr{background:var(--well)}
647
+ .goal2,.sum3{margin:0;font-size:var(--t-body);line-height:1.5}
648
+ .sum3{color:var(--ink-2)}
649
+ @media (max-width:999px){
650
+ .istg{grid-template-columns:minmax(0,1fr)!important}
651
+ }
652
+ @media (max-width:700px){
653
+ .irow{grid-template-columns:48px minmax(0,1fr)}
654
+ }
655
+ .gleg i{border-radius:8px}
656
+ .gleg .gdia{background:var(--ink);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
657
+ @media (max-width:700px){
658
+ .gleg{margin-top:16px}
659
+ }
660
+ .gleg .mut{color:var(--ink-3)}
661
+ .tlh,.tlgrid,.tlr{--cols:minmax(200px,1fr) minmax(0,2.1fr) 92px}
662
+ .tlh{display:grid;grid-template-columns:var(--cols);gap:28px;margin:6px 0 2px;padding:0 10px}
663
+ .tll{position:relative;display:grid;gap:0;margin:0 -10px}
664
+ .tlgrid{position:absolute;inset:0;display:grid;grid-template-columns:var(--cols);gap:28px;padding:0 10px;pointer-events:none}
665
+ .tlplot{position:relative}
666
+ .tlplot u{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in oklab,var(--ink) 6%,transparent)}
667
+ .tlr{position:relative;display:grid;grid-template-columns:var(--cols);gap:28px;align-items:center;text-align:left;width:100%;padding:18px 10px;border-radius:18px;transition:background .3s,box-shadow .3s,transform .3s}
668
+ .tlr+.tlr::before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:var(--hair)}
669
+ .tlr:hover,.tlr:focus-visible{background:color-mix(in oklab,var(--card-solid) 55%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 14px 34px -18px rgba(30,32,60,.28),0 0 0 1px var(--hair);z-index:2}
670
+ .tlr:hover::before,.tlr:focus-visible::before,.tlr:hover+.tlr::before{opacity:0}
671
+ .tlr:active{transform:scale(.996)}
672
+ .tlt{display:grid;gap:5px;min-width:0}
673
+ .tlt b{font-weight:600;font-size:15px;letter-spacing:-.005em;line-height:1.25}
674
+ .tlt small{color:var(--ink-3);font-size:12.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.3}
675
+ .tlt small .warn{color:var(--ember-ink);font-weight:650}
676
+ .tlt small .bad{color:var(--bad);font-weight:650}
677
+ .tlt small .hd{margin-right:0}
678
+ .tlbar{position:relative;height:36px}
679
+ .tlb{position:absolute;top:50%;left:var(--l);width:var(--w);height:12px;margin-top:-6px;min-width:12px;border-radius:999px;background:color-mix(in oklab,var(--ink) 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 9%,transparent);--bar:linear-gradient(90deg,rgb(42,45,68),rgb(20,22,31));transition:height .3s,margin-top .3s}
680
+ .tlr:hover .tlb,.tlr:focus-visible .tlb{height:16px;margin-top:-8px}
681
+ :root[data-theme="dark"] .tlb{--bar:linear-gradient(90deg,rgb(154,160,200),rgb(232,234,246))}
682
+ @media (prefers-color-scheme:dark){
683
+ :root:not([data-theme="light"]) .tlb{--bar:linear-gradient(90deg,rgb(154,160,200),rgb(232,234,246))}
684
+ }
685
+ .tlb i{position:absolute;top:0;height:100%;margin:0;display:block}
686
+ .tlb .fl{left:0;width:var(--e);border-radius:999px;background:var(--bar);box-shadow:0 5px 12px -5px rgba(20,22,31,.55),inset 0 1px 0 rgba(255,255,255,.25);min-width:12px;transform-origin:left;animation:tlg .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0)*45ms)}
687
+ @keyframes tlg{from{transform:scaleX(0)}}
688
+ .tlb .qd{top:44%;height:12%;background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--ink) 40%,transparent) 0 4px,transparent 4px 9px)}
689
+ .tlb .ox{border-radius:0 999px 999px 0;background:linear-gradient(90deg,color-mix(in oklab,var(--ember) 70%,transparent),var(--ember));box-shadow:0 5px 14px -5px var(--ember)}
690
+ .tlb .dm{width:13px;height:13px;top:50%;margin:-6.5px 0 0 -6.5px;background:var(--card-solid);border-radius:50%;box-shadow:0 0 0 2px var(--ink),0 3px 8px -2px rgba(20,22,31,.35);z-index:2}
691
+ .tlb .kn{width:20px;height:20px;top:50%;margin:-10px 0 0 -10px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 4px 12px -2px rgba(20,22,31,.45),0 0 0 3px color-mix(in oklab,var(--ink) 18%,transparent);z-index:3;transition:transform .3s}
692
+ :root[data-theme="dark"] .tlb .kn{background:rgb(20,22,31)}
693
+ .tlr:hover .tlb .kn{transform:scale(1.15)}
694
+ .tlr.bd .tlb{--bar:linear-gradient(90deg,rgb(255,159,92),var(--ember))}
695
+ .tlr.bd .tlb .dm{box-shadow:0 0 0 2px var(--ember),0 3px 8px -2px rgba(20,22,31,.35)}
696
+ .tlr.dn .tlb{background:none;box-shadow:none;--bar:linear-gradient(90deg,color-mix(in oklab,var(--ok) 55%,transparent),var(--ok))}
697
+ .tlr.dn .tlb .fl{width:100%}
698
+ .tlr.np .tlb{background:none;box-shadow:none}
699
+ .tlr.np:not(.qt):not(.dn) .tlb::after{content:"";position:absolute;right:-18px;top:50%;width:12px;height:2px;background:linear-gradient(90deg,var(--ink-3),transparent)}
700
+ .tln{display:grid;justify-items:end;gap:1px}
701
+ .tln b{font:650 28px var(--sans);letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1}
702
+ .tln small{color:var(--ink-3);font-size:12.5px}
703
+ .tln b.ok{font-size:15px;color:var(--ok);letter-spacing:0}
704
+ @media (prefers-reduced-motion:reduce){
705
+ .tlb .fl{animation:none}
706
+ }
707
+ @media (max-width:700px){
708
+ .tlh,.tlgrid{display:none}
709
+ .tll{margin:0}
710
+ .tlr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t n" "b b" "d d";gap:12px 14px;padding:20px 14px;margin:0 -14px;width:calc(100% + 28px)}
711
+ .tlr+.tlr::before{left:14px;right:14px}
712
+ .tlt{grid-area:t}
713
+ .tln{grid-area:n}
714
+ .tlbar{grid-area:b;height:20px}
715
+ .tlb{left:0;width:100%}
716
+ .tlr.np:not(.qt) .tlb::after{display:none}
717
+ .tlb .kn{width:18px;height:18px;margin:-9px 0 0 -9px}
718
+ }
719
+ .gleg .lgs{background:var(--b1)}
720
+ .gleg .lgr{background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--ink) 30%,transparent)}
721
+ .gleg .lgo{background:repeating-linear-gradient(135deg,var(--ember) 0 3px,transparent 3px 6px)}
722
+ .gleg .lgs{background:rgb(42,45,68)}
723
+ .gleg .lgr{background:color-mix(in oklab,var(--ink) 10%,transparent)}
724
+ .tld{display:none}
725
+ .rl small{display:block;color:var(--ink-3);font-size:12.5px;margin-top:1px}
726
+ @media (max-width:700px){
727
+ .tld{grid-area:d;display:flex;justify-content:space-between;color:var(--ink-3);font-size:12.5px;margin-top:-6px}
728
+ .tlr{grid-template-areas:"t n" "b b" "d d"}
729
+ }
730
+ .bcols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}
731
+ .bcols>div{display:grid;gap:24px;align-content:start}
732
+ .bcols .card{margin:0}
733
+ @media (max-width:900px){
734
+ .bcols{grid-template-columns:minmax(0,1fr)}
735
+ }
736
+ .bcols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}
737
+ .bcols>div{display:grid;gap:24px;align-content:start}
738
+ .bcols .card{margin:0}
739
+ @media (max-width:900px){
740
+ .bcols{grid-template-columns:minmax(0,1fr)}
741
+ }
742
+ .dmg{display:grid}
743
+ .dmg.two{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
744
+ .dmr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;border-radius:14px;transition:background .25s}
745
+ .dmr+.dmr::before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:var(--hair)}
746
+ .dmr:hover{background:color-mix(in oklab,var(--ink) 5%,transparent)}
747
+ .dmr:hover::before,.dmr:hover+.dmr::before{opacity:0}
748
+ .dmo{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;text-align:left;padding:14px 12px;border-radius:14px;min-width:0}
749
+ .dmi{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--well);color:var(--ink-2)}
750
+ .dmi svg{width:19px;height:19px}
751
+ .dmi.c-Discover{background:color-mix(in oklab,rgb(79,109,245) 14%,transparent);color:rgb(58,84,214)}
752
+ .dmi.c-Plan{background:color-mix(in oklab,rgb(139,92,246) 14%,transparent);color:rgb(109,63,209)}
753
+ .dmi.c-Board{background:color-mix(in oklab,rgb(79,109,245) 12%,transparent);color:rgb(58,84,214)}
754
+ .dmn{display:grid;gap:3px;min-width:0}
755
+ .dmn b{font-size:15px;font-weight:650;line-height:1.3;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
756
+ .dmn>small{font-size:12.5px;line-height:1.45;color:var(--ink-2)}
757
+ .dmadd{font-style:normal;font:700 12.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--well);color:var(--ink-2)}
758
+ .dmm{display:flex;gap:4px 16px;flex-wrap:wrap;margin-top:3px;font:500 12.5px var(--mono);color:var(--ink-3)}
759
+ .dmm>span{display:inline-flex;align-items:center;gap:6px}
760
+ .dmm svg{width:13px;height:13px}
761
+ .dmm .s.issued{color:var(--ok)}
762
+ .dmm .s.draft{color:rgb(109,63,209)}
763
+ .dmm .s.none{color:var(--ember-ink)}
764
+ .dmm .pp{color:rgb(109,63,209)}
765
+ .dmm .cp{color:var(--ink-2)}
766
+ .dmq{display:grid;place-items:center;padding-right:10px}
767
+ .dmcta{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border-radius:14px;background:var(--solid);color:var(--on-solid);font-size:12.5px;font-weight:650;white-space:nowrap;transition:transform .3s var(--spring),filter .2s}
768
+ .dmcta:hover{filter:brightness(1.18)}
769
+ .dmcta:active{transform:scale(.97)}
770
+ .dmcta svg{width:15px;height:15px}
771
+ .dmcta:disabled{opacity:.4;pointer-events:none}
772
+ .dmem{display:grid;gap:10px;justify-items:start;padding:20px 12px;color:var(--ink-2)}
773
+ @media (max-width:980px){
774
+ .dmg.two{grid-template-columns:minmax(0,1fr)}
775
+ }
776
+ @media (max-width:760px){
777
+ .dmr{grid-template-columns:minmax(0,1fr)}
778
+ .dmq{padding:0 12px 14px 66px;justify-items:start}
779
+ .dmo{grid-template-columns:36px minmax(0,1fr)}
780
+ .dmi{width:36px;height:36px}
781
+ }
782
+ .ini2.first{box-shadow:inset 3px 0 0 var(--ember)}
783
+ .ini2.first .it b{font-size:1.06em}
784
+
785
+ .bsw{height:44px;border-radius:999px;border:0;background:var(--card);color:var(--ink);padding:0 14px;font:inherit;font-weight:650}
786
+ .bsw[hidden]{display:none}
787
+ .hero-slim{min-height:0}
788
+ .hero-slim .brief{font-size:15px;color:var(--ink-2);min-height:0;margin:10px 0 0}
789
+ .bcols>div{display:grid;gap:24px;align-content:start;min-width:0}.bcols .card{margin:0}
790
+ .dmg{display:grid;gap:0}.dmg.two{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
791
+ .dmr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
792
+ .dmi.c-Do{background:color-mix(in oklab,var(--ember) 16%,transparent);color:var(--ember-ink)}
793
+ .dmi.c-Learn{background:color-mix(in oklab,var(--ok) 15%,transparent);color:var(--ok)}
794
+ .dmm .s.ok,.dmm .s.live{color:var(--ok)}.dmm .s.stale{color:var(--bad)}.dmm .s.missing,.dmm .s.due{color:var(--ember-ink)}.dmm .s.draft{color:var(--ink-2)}
795
+ .istg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:14px}
796
+ .isc .mut{font-size:12.5px;margin:6px 0}
797
+ .tlnone{margin:10px 0 0;font-size:12.5px;color:var(--ink-2)}
798
+ .dmcta[disabled]{opacity:.5}
799
+ @media (max-width:900px){.bcols{grid-template-columns:minmax(0,1fr)}}
800
+ @media (max-width:980px){.dmg.two{grid-template-columns:minmax(0,1fr)}}
801
+ @media (max-width:760px){.dmr{grid-template-columns:minmax(0,1fr)}.dmq{padding:0 12px 14px 66px;justify-items:start}.dmo{grid-template-columns:36px minmax(0,1fr)}.dmi{width:36px;height:36px}}
802
+ .dmcta.alt{background:var(--card-solid);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair)}
803
+ .dmcta.alt:hover{filter:none;background:var(--well)}
804
+ .dmcta{min-height:44px}
805
+
806
+ /* ── initiative page (initiative briefing-premium-initiative) ── */
807
+ .ckr.current i{background:var(--ember)}
808
+ .ckr.done i{background:var(--ok)}
809
+ .ckr.blocked i{background:var(--bad)}
810
+ .ckr.skipped i{opacity:.35}
811
+ .ckr.pending i{background:none;box-shadow:inset 0 0 0 1.8px var(--ink-3)}
812
+ .ckr.current b{color:var(--ink)}
813
+ .mdp{margin:8px 0 12px;padding:12px 14px;border-radius:14px;background:var(--well);font:12.5px/1.5 var(--mono);white-space:pre-wrap;overflow-x:auto}
814
+ .modeseg{flex:none}
815
+ .dsm{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;margin:0 0 12px;font-size:12.5px;color:var(--ink-2)}
816
+ .dsm .ok{color:var(--ok);font-weight:650}.dsm .warn{color:var(--ember-ink);font-weight:650}
817
+ @media (max-width:700px){
818
+ .mprog{margin-top:8px}
819
+ }
820
+ .chp{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:var(--well);font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
821
+ .chp i{width:7px;height:7px;border-radius:50%;background:var(--ink-3)}
822
+ .chp.ok i{background:var(--ok)}
823
+ .chp.warn i{background:var(--ember)}
824
+ .chp.bad i{background:var(--bad)}
825
+ .src{margin-top:16px;border-top:1px solid var(--hair);padding-top:12px;color:var(--ink-2);font-size:12.5px}
826
+ .src summary{cursor:pointer;font-weight:650;color:var(--ink);padding:6px 0;min-height:44px;display:flex;align-items:center}
827
+ .src ul{margin:6px 0 0;padding-left:18px;display:grid;gap:8px;line-height:1.5}
828
+ .src code{font:600 12.5px var(--mono);background:var(--well);padding:1px 6px;border-radius:8px}
829
+ .nx2{margin:4px 0 14px;padding:16px 18px;border-radius:18px;background:color-mix(in oklab,var(--ink) 5%,transparent);display:grid;gap:4px}
830
+ .nx2 b{font-size:15px;letter-spacing:-.005em}
831
+ .nx2 p{margin:0;color:var(--ink);font-size:15px;line-height:1.5}
832
+ .nx2 small{color:var(--ink-2);font-size:12.5px;line-height:1.45}
833
+ .nx2.warn{background:color-mix(in oklab,var(--ember) 12%,transparent);box-shadow:inset 3px 0 0 var(--ember)}
834
+ .ckl{display:grid;gap:0;margin:6px 0}
835
+ .ckr{display:grid;grid-template-columns:14px 82px 76px minmax(0,1fr);gap:4px 12px;align-items:baseline;padding:9px 0;border-top:1px solid var(--hair);font-size:12.5px}
836
+ .ckr:first-child{border-top:0}
837
+ .ckr i{width:9px;height:9px;border-radius:50%;background:var(--ink-3);align-self:center}
838
+ .ckr b{font-weight:650}
839
+ .ckr span{color:var(--ink-2)}
840
+ .ckr small{color:var(--ink-3);font-size:12.5px;line-height:1.45}
841
+ .rvc{margin:10px 0 4px;padding:14px 16px;border-radius:14px;background:color-mix(in oklab,var(--bad) 8%,transparent);display:grid;gap:3px}
842
+ .rvc b{font-size:15px}
843
+ .rvc small{color:var(--ink-3);font-size:12.5px}
844
+ .rvc p{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
845
+ .evl{display:grid;gap:0;margin:6px 0}
846
+ .evl>div{padding:10px 0;border-top:1px solid var(--hair);display:grid;gap:2px}
847
+ .evl>div:first-child{border-top:0}
848
+ .evl b{font-size:12.5px;font-weight:600}
849
+ .evl small{color:var(--ink-3);font-size:12.5px}
850
+ .stb{display:grid;gap:6px}
851
+ .sbar2{display:flex;gap:3px;height:8px}
852
+ .sbar2 i{border-radius:8px;background:color-mix(in oklab,var(--ink) 55%,transparent)}
853
+ @media (max-width:700px){
854
+ .ckr{grid-template-columns:14px 70px minmax(0,1fr);grid-template-areas:"i b s" ". . d"}
855
+ .ckr small{grid-column:3}
856
+ }
857
+ .ckr{align-items:start}
858
+ .ckr i{margin-top:5px}
859
+ .ihead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 12px}
860
+ .ihm{color:var(--ink-2);font-size:12.5px}
861
+ .iws{margin:0 0 18px;max-width:640px}
862
+ .hsr{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--hair);font-size:12.5px}
863
+ .hsr:first-child{border-top:0}
864
+ .hsr time{font:600 12.5px var(--mono);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}
865
+ @media (max-width:700px){
866
+ .hsr{grid-template-columns:54px minmax(0,1fr)}
867
+ }
868
+ .dcr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:baseline}
869
+ .dcr b{font-size:12.5px;font-weight:600}
870
+ .dcr small{grid-column:1;color:var(--ink-3);font-size:12.5px}
871
+ .dcr time{grid-row:1/3;grid-column:2;font:600 12.5px var(--mono);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;align-self:center}
872
+ .jst{display:grid;gap:3px;padding:14px 16px;border-radius:14px;background:color-mix(in oklab,var(--ink) 5%,transparent);margin-bottom:6px}
873
+ .jst b{font-size:15px}
874
+ .jst small{color:var(--ink-2);font-size:12.5px;line-height:1.5}
875
+ .bkr{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;font-size:12.5px}
876
+ .bkr code{font:600 12.5px var(--mono);color:var(--ink-3)}
877
+ .bkr small{font-size:12.5px;color:var(--ink-2)}
878
+ .bkr small.ok{color:var(--ok);font-weight:650}
879
+ .bkr small.mut{color:var(--ink-3)}
880
+ .bkr:has(code:only-child+span:last-child){grid-template-columns:76px minmax(0,1fr)}
881
+ @media (max-width:700px){
882
+ .bkr{grid-template-columns:62px minmax(0,1fr)}
883
+ .bkr small{grid-column:2}
884
+ }
885
+ .ckr{width:100%;text-align:left}
886
+ button.ckr:hover{background:color-mix(in oklab,var(--ink) 4%,transparent)}
887
+ .ckr.cur b{color:var(--ink)}
888
+ .ckr.cur{background:color-mix(in oklab,var(--ember) 8%,transparent);border-radius:14px;padding-left:8px;padding-right:8px}
889
+ .ckr.cur{padding-left:0;padding-right:0;border-radius:0;background:linear-gradient(90deg,color-mix(in oklab,var(--ember) 10%,transparent),transparent 70%)}
890
+ button.dcr{width:100%;text-align:left;padding:10px 8px;margin:0 -8px;width:calc(100% + 16px);border-radius:14px;transition:background .25s}
891
+ button.dcr:hover{background:color-mix(in oklab,var(--ink) 4.5%,transparent)}
892
+ button.dcr{text-align:left;padding:10px 8px;margin:0 -8px;width:calc(100% + 16px);border-radius:14px;transition:background .25s}
893
+ button.dcr:hover{background:color-mix(in oklab,var(--ink) 4.5%,transparent)}
894
+ .dprog{display:flex;gap:3px;margin:2px 0 14px}
895
+ .dprog i{flex:1;height:6px;border-radius:8px;background:color-mix(in oklab,var(--ink) 12%,transparent)}
896
+ .dprog i.ok{background:var(--ok)}
897
+ .dprog i.warn{background:var(--ember)}
898
+ .todo{display:grid;gap:5px;padding:18px 20px;border-radius:18px;background:color-mix(in oklab,var(--ink) 5%,transparent)}
899
+ .todo.warn{background:color-mix(in oklab,var(--ember) 12%,transparent);box-shadow:inset 3px 0 0 var(--ember)}
900
+ .todo .tdw{font:650 var(--t-micro) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
901
+ .todo.warn .tdw{color:var(--ember-ink)}
902
+ .todo b{font-size:15px;line-height:1.3;letter-spacing:-.01em}
903
+ .todo p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}
904
+ .todo small{font-size:12.5px;color:var(--ink-3)}
905
+ .dsr{margin-left:auto}
906
+ .dsl{display:inline-flex;gap:8px;align-items:center;font-size:12.5px;flex-wrap:wrap}
907
+ .dsl input,.dsl select{height:34px;border-radius:8px;border:1px solid var(--hair);background:var(--card-solid);padding:0 10px;font:inherit;font-size:12.5px;color:var(--ink)}
908
+ .dsl button{font-size:12.5px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
909
+ .dsl.on b{font-weight:700}
910
+ .dsrd{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;margin-top:6px}
911
+ .dso{position:sticky;top:0;align-self:start;display:grid;gap:2px}
912
+ .dso .label{font:600 var(--t-micro) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 6px}
913
+ .dso button{text-align:left;padding:7px 10px;border-radius:8px;font-size:12.5px;color:var(--ink-2);min-height:32px}
914
+ .dso button:hover{background:var(--well);color:var(--ink)}
915
+ .dsbody p{margin:0 0 10px;font-size:15px;line-height:1.6}
916
+ .dsbody h3{margin:16px 0 6px}
917
+ .dsbody h3:first-child{margin-top:2px}
918
+ .dse{display:grid;gap:12px;padding:22px;border-radius:18px;border:1.5px dashed var(--hair);justify-items:start}
919
+ .dsa{display:flex;gap:8px}
920
+ @media (max-width:700px){
921
+ .dsrd{grid-template-columns:minmax(0,1fr)}
922
+ .dso{position:static;display:flex;flex-wrap:wrap;gap:6px}
923
+ .dso .label{width:100%}
924
+ .dso button{background:var(--well)}
925
+ .dsr{margin-left:0;width:100%}
926
+ }
927
+ .ifull{margin-top:24px}
928
+ .tkl{display:grid;gap:0}
929
+ .tkq{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:4px 14px;align-items:center;text-align:left;width:calc(100% + 24px);margin:0 -12px;padding:12px 12px;border-radius:14px;transition:background .25s}
930
+ .tkq:hover,.tkq:focus-visible{background:color-mix(in oklab,var(--ink) 5%,transparent)}
931
+ .tkq+.tkq{box-shadow:0 -1px 0 var(--hair)}
932
+ .tkq:hover,.tkq:hover+.tkq{box-shadow:none}
933
+ .tki{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:var(--well);color:var(--ink-2)}
934
+ .tki svg{width:17px;height:17px}
935
+ .tki.task{background:color-mix(in oklab,var(--ember) 14%,transparent);color:var(--ember-ink)}
936
+ .tkn{display:grid;gap:2px;min-width:0}
937
+ .tkn b{font-size:15px;font-weight:620;line-height:1.3}
938
+ .tkn small{font-size:12.5px;color:var(--ink-3)}
939
+ .tkw{font-size:12.5px;color:var(--ink-2);white-space:nowrap}
940
+ .tkq.ov .tkw{color:var(--ember-ink);font-weight:650}
941
+ .tkp{font-size:12.5px;font-weight:650;padding:3px 10px;border-radius:999px;background:var(--well);color:var(--ink-2);white-space:nowrap;justify-self:end}
942
+ .tkp.ok{background:color-mix(in oklab,var(--ok) 14%,transparent);color:var(--ok)}
943
+ .tkp.wip{background:color-mix(in oklab,var(--ember) 16%,transparent);color:var(--ember-ink)}
944
+ .tkc{gap:8px}
945
+ .tkcm{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
946
+ .tkcm .tkp{justify-self:auto}
947
+ .tkc.ov{box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--ember) 55%,transparent)}
948
+ .isc.cur{background:color-mix(in oklab,var(--ember) 7%,var(--well));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ember) 30%,transparent)}
949
+ @media (max-width:760px){
950
+ .tkq{grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"i n s" "i w w";gap:2px 12px}
951
+ .tkq .tki{grid-area:i;align-self:start}
952
+ .tkq .tkn{grid-area:n}
953
+ .tkq .tkw{grid-area:w}
954
+ .tkq .tkw:empty{display:none}
955
+ .tkq .tkp{grid-area:s;align-self:start}
956
+ }
957
+ .tkkb .isc{min-height:120px}
958
+ @media (max-width:999px){
959
+ .tkkb{grid-template-columns:minmax(0,1fr)!important}
960
+ }
961
+ .dsum{display:flex;gap:6px 22px;flex-wrap:wrap;align-items:center;margin:0 0 12px;font-size:12.5px;color:var(--ink-2)}
962
+ .dsum b{color:var(--ink);font-weight:700}
963
+ .dlink{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:var(--ember-ink);padding:4px 0;border-radius:8px}
964
+ .dlink:hover{text-decoration:underline}
965
+ .dlink svg{width:14px;height:14px}
966
+ .dtool{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:6px 0 8px}
967
+ .dtool .seg button em{font-style:normal;font:600 12.5px var(--mono);margin-left:7px;opacity:.65}
968
+ .dmsr{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;background:var(--well);min-width:220px;flex:0 1 280px}
969
+ .dmsr svg{width:16px;height:16px;color:var(--ink-3);flex:none}
970
+ .dmsr input{border:0;background:none;font:inherit;font-size:15px;color:var(--ink);width:100%;min-width:0;outline:none}
971
+ .dmsr:focus-within{box-shadow:0 0 0 2px var(--ember)}
972
+ @media (max-width:760px){
973
+ .dmr{grid-template-columns:minmax(0,1fr)}
974
+ .dmq{padding:0 12px 14px 66px;justify-items:start}
975
+ .dtool .seg{max-width:100%;overflow-x:auto}
976
+ .dmsr{flex:1 1 100%}
977
+ .dmo{grid-template-columns:36px minmax(0,1fr)}
978
+ .dmi{width:36px;height:36px}
979
+ }
980
+ .dsm{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:2px 0 12px;font:500 12.5px var(--mono);color:var(--ink-2)}
981
+ .dsm>span,.dsm>button{display:inline-flex;align-items:center;gap:6px}
982
+ .dsm svg{width:14px;height:14px}
983
+ .dsm .ok{color:var(--ok)}
984
+ .dsm .warn{color:rgb(109,63,209)}
985
+ .dsm .mut{color:var(--ember-ink)}
986
+ .dsm .bad{color:rgb(180,39,31)}
987
+ .dsck:hover,.dsmc:hover{text-decoration:underline}
988
+ .dsmc{color:var(--ember-ink);font:inherit}
989
+ .dsmc.on{text-decoration:underline}
990
+ .dse{display:grid;gap:12px;padding:22px;border-radius:18px;border:1.5px dashed var(--hair);justify-items:start}
991
+ .dsol{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--hair);font:600 12.5px var(--mono)}
992
+ .dsol svg{width:14px;height:14px}
993
+ .dsol:hover{background:var(--well)}
994
+ .dsrd{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;margin-top:4px}
995
+ .dso{position:sticky;top:0;align-self:start;display:grid;gap:2px;border-right:1px solid var(--hair);padding-right:10px}
996
+ .dso .label{display:flex;justify-content:space-between;margin:0 0 6px;font:600 var(--t-micro) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
997
+ .dso .label em{font-style:normal;text-transform:none}
998
+ .dso button{position:relative;text-align:left;padding:7px 10px;border-radius:8px;font-size:12.5px;color:var(--ink-2)}
999
+ .dso button:hover{background:var(--well)}
1000
+ .dso button.on{background:color-mix(in oklab,rgb(79,109,245) 14%,transparent);color:rgb(47,71,196);font-weight:650;box-shadow:inset 2px 0 0 rgb(79,109,245)}
1001
+ .dso button i{position:absolute;right:8px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--ember)}
1002
+ .dsbody{min-width:0}
1003
+ .dssec{padding:2px 0 8px;margin:0 0 14px;border-left:3px solid transparent;padding-left:0}
1004
+ .dssh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 6px}
1005
+ .dssh h3{margin:0;flex:1 1 0;min-width:0;font-size:20px;line-height:1.25}
1006
+ .dsbody .dssec:first-child .dssh{margin-top:2px}
1007
+ .dsbody p{margin:0 0 10px;font-size:15px;line-height:1.6}
1008
+ .dsfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
1009
+ .dsfoot>span{display:flex;gap:8px;align-items:center}
1010
+ .dsfoot .note svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px}
1011
+ .dsask2{padding:16px;border-radius:14px;border:1px solid var(--hair)}
1012
+ .dsask2 .label{display:flex;gap:8px;align-items:center;margin:0 0 10px;font:600 var(--t-micro) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
1013
+ .dsask2 .label svg{width:14px;height:14px}
1014
+ .dsrow{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center}
1015
+ .dsgs{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);padding:4px 2px}
1016
+ .dsgs svg{width:13px;height:13px;color:rgb(109,63,209)}
1017
+ .dsgs:hover{color:var(--ink);text-decoration:underline}
1018
+ .dsa{display:flex;gap:8px;flex-wrap:wrap}
1019
+ .dsnone{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;border:1.5px dashed var(--hair);color:var(--ink-2);font-size:12.5px}
1020
+ .dsnone svg{width:15px;height:15px;color:var(--ok)}
1021
+ .dsn{position:relative;display:grid;gap:2px;text-align:left;padding:10px 14px;border-radius:8px;background:var(--card-solid);box-shadow:inset 0 0 0 1px var(--hair);font-size:12.5px}
1022
+ .dsn b{font-weight:600;line-height:1.3}
1023
+ .dsn small{font:500 12.5px var(--mono);color:var(--ink-3)}
1024
+ button.dsn:hover{box-shadow:inset 0 0 0 1.5px rgb(79,109,245)}
1025
+ @media (max-width:760px){
1026
+ .dsrd{grid-template-columns:minmax(0,1fr)}
1027
+ .dso{position:static;border:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
1028
+ .dso .label{width:100%}
1029
+ .dso button{background:var(--well)}
1030
+ .dsfoot{flex-direction:column;align-items:stretch}
1031
+ .dsfoot>span{justify-content:space-between}
1032
+ .dssh h3{font-size:20px}
1033
+ }
1034
+ .dsvr{display:flex;justify-content:space-between;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:0 0 12px}
1035
+ .dsvw{position:relative}
1036
+ .dsvb{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 14px;border-radius:8px;background:var(--well);font:600 12.5px var(--mono);color:var(--ink)}
1037
+ .dsvb svg{width:15px;height:15px}
1038
+ .dsvb svg:last-child{opacity:.6}
1039
+ .dsvb:hover{background:color-mix(in oklab,var(--ink) 9%,transparent)}
1040
+ .dsmn{position:absolute;z-index:30;left:0;top:42px;min-width:220px;padding:6px;border-radius:14px;background:var(--card-solid);box-shadow:0 18px 44px -12px rgba(20,22,31,.35),0 0 0 1px var(--hair);display:grid;gap:2px}
1041
+ .dsmn button{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:8px;font:600 12.5px var(--mono);color:var(--ink-2);text-align:left}
1042
+ .dsmn button svg{width:15px;height:15px;flex:none}
1043
+ .dsmn button:hover{background:var(--well);color:var(--ink)}
1044
+ .dsmn button[aria-current="true"]{color:var(--ink)}
1045
+ .dsmn button svg:last-child{margin-left:auto;color:var(--ok)}
1046
+ .dsmn em{font-style:normal;font:700 12.5px var(--mono);min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:color-mix(in oklab,var(--ink) 12%,transparent);color:var(--ink);margin-left:auto}
1047
+ .dsmn em.bad{background:rgb(122,74,0);color:rgb(255,255,255)}
1048
+ .dsmn em+svg{margin-left:0!important}
1049
+ .dsvx{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}
1050
+ @media (max-width:760px){
1051
+ .dsmn{min-width:min(260px,80vw)}
1052
+ }
1053
+ .dsmn button em{margin-left:auto}
1054
+ .dsvr{position:relative;z-index:6}
1055
+ .dsvw{z-index:40}
1056
+ .dsm{flex-wrap:nowrap;overflow:hidden}
1057
+ .dsm>*{flex:none}
1058
+ .dmtech{margin-top:14px}
1059
+ .dmtech summary{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
1060
+ .dmtech summary small{font-size:12.5px;font-weight:500;color:var(--ink-3)}
1061
+ .dsbody ul{margin:0 0 10px;padding-left:22px;font-size:15px;line-height:1.6}
1062
+ #cIni .mprog{margin:0 0 10px}
1063
+ .tdk{display:block;margin-top:6px;font-size:12.5px;color:var(--ink-2)}
1064
+ .sg2 i.p{background:var(--b2)}
1065
+ .sg2 i.n{background:var(--solid)}
1066
+ .dmi.c-Build{background:color-mix(in oklab,var(--ember) 16%,transparent);color:var(--ember-ink)}
1067
+ .dmi.c-Evaluate{background:color-mix(in oklab,var(--ok) 15%,transparent);color:var(--ok)}
1068
+
1069
+ /* ── the crumb and its menu, as the mockup draws them ── */
1070
+ .wleg{display:flex;gap:6px 14px;flex-wrap:wrap;margin-top:8px;font-size:12.5px;color:var(--ink-3)}
1071
+ .wleg i{display:inline-block;width:10px;height:10px;border-radius:8px;margin-right:6px;vertical-align:-1px}
1072
+ .crumb{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 6px;border-radius:999px;background:var(--card);border:1px solid var(--hair);font-weight:650}
1073
+ .crumb button{height:34px;padding:0 14px;border-radius:999px;font-weight:650;transition:background .25s}
1074
+ .crumb button:hover{background:var(--well)}
1075
+ .crumb button[aria-current="page"]{cursor:default}
1076
+ .crumb button[aria-current="page"]:hover{background:none}
1077
+ .crumb span{color:var(--ink-2);padding:0 8px 0 4px}
1078
+ @media (max-width:700px){
1079
+ .crumb{max-width:calc(100% - 56px);overflow:hidden}
1080
+ .crumb button,.crumb span{white-space:nowrap}
1081
+ }
1082
+ .tlax{position:relative;height:40px}
1083
+ .tlax i{position:absolute;bottom:2px;font:600 var(--t-micro) var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);transform:translateX(7px)}
1084
+ .tlax b{position:absolute;top:0;transform:translateX(-50%);padding:3px 11px;border-radius:999px;background:var(--ember);color:rgb(26,13,2);font:700 12.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 16px -6px var(--ember)}
1085
+ @media (max-width:700px){
1086
+ .tlh,.tlgrid{display:none}
1087
+ .tll{margin:0}
1088
+ .tlt{grid-area:t}
1089
+ }
1090
+ @media (max-width:700px){
1091
+ .crumb{max-width:calc(100vw - 96px)}
1092
+ }
1093
+ .crumb{position:relative}
1094
+ .crumb .cri{width:34px;padding:0;display:grid;place-items:center;color:var(--ink-2)}
1095
+ .crumb .cri svg{width:16px;height:16px}
1096
+ .crumb .crask{background:var(--solid);color:var(--on-solid);margin-left:4px}
1097
+ .crumb .crask:hover{background:var(--solid);filter:brightness(1.15)}
1098
+ .crmenu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;padding:6px;border-radius:18px;background:var(--card-solid);border:1px solid var(--hair);box-shadow:0 24px 50px -20px rgba(30,32,60,.4);z-index:30;display:grid;gap:2px}
1099
+ .crmenu[hidden]{display:none}
1100
+ .crmenu button{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:14px;text-align:left;font-weight:550;font-size:15px;width:100%}
1101
+ .crmenu button:hover,.crmenu button:focus-visible{background:var(--well)}
1102
+ .crmenu button[aria-current]{font-weight:700}
1103
+ .crmenu em{margin-left:auto;font:600 var(--t-micro) var(--mono);font-style:normal;color:var(--ink-3)}
1104
+ @media (max-width:700px){
1105
+ .crumb .cri{width:36px}
1106
+ .crmenu{min-width:200px}
1107
+ }
1108
+ .crumb{z-index:41}
1109
+ .crumb .cri{flex:none;min-width:34px}
1110
+ .crumb #crIni{min-width:0}
1111
+ @media (max-width:700px){
1112
+ .crumb{max-width:calc(100vw - 96px)}
1113
+ }
1114
+ .tlh.k,.tlgrid.k,.tkt{--cols:minmax(190px,1fr) minmax(0,2.3fr) 118px}
1115
+ .tkt{position:relative;display:grid;grid-template-columns:var(--cols);gap:28px;align-items:center;text-align:left;width:100%;padding:14px 10px;border-radius:14px;transition:background .3s,box-shadow .3s}
1116
+ .tkt+.tkt::before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:var(--hair)}
1117
+ .tkt:hover,.tkt:focus-visible{background:color-mix(in oklab,var(--card-solid) 55%,transparent);box-shadow:0 14px 34px -18px rgba(30,32,60,.28),0 0 0 1px var(--hair);z-index:2}
1118
+ .tkt:hover::before,.tkt:hover+.tkt::before{opacity:0}
1119
+ .tkt .tlt{display:grid;gap:2px;min-width:0}
1120
+ .tkt .tlt b{font-size:15px;font-weight:620;line-height:1.3}
1121
+ .tkt .tlt small{font-size:12.5px;color:var(--ink-3)}
1122
+ .tkbar{position:relative;height:28px}
1123
+ .tkb{position:absolute;left:var(--l);width:var(--w);top:50%;height:12px;margin-top:-6px;border-radius:999px;background:color-mix(in oklab,var(--ink) 11%,transparent);overflow:hidden;transition:height .25s,margin-top .25s}
1124
+ .tkb i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,color-mix(in oklab,var(--ink) 55%,transparent),var(--ink))}
1125
+ .tkt:hover .tkb{height:16px;margin-top:-8px}
1126
+ .tkt.dn .tkb i{background:linear-gradient(90deg,color-mix(in oklab,var(--ok) 55%,transparent),var(--ok))}
1127
+ .tkt.ov .tkb{background:color-mix(in oklab,var(--ember) 28%,transparent)}
1128
+ .tkt.ov .tkb i{background:linear-gradient(90deg,rgb(255,159,92),var(--ember))}
1129
+ .tkr2{display:grid;gap:4px;justify-items:end}
1130
+ .tkr2 small:last-child:empty{display:none}
1131
+ .tkr2 small:last-child{font-size:12.5px;color:var(--ink-3);background:none;padding:0}
1132
+ .tkt.ov .tkr2 small:last-child:empty{display:none}
1133
+ .tkr2 small:last-child{color:var(--ember-ink);font-weight:650}
1134
+ .tlplot u.pfl{width:0;border-left:1.5px dashed var(--ink-3);background:none}
1135
+ .pfk{display:inline-block;width:0;height:12px;border-left:1.5px dashed var(--ink-3);margin-right:8px;vertical-align:-2px}
1136
+ .tkund{margin-top:16px;padding-top:12px;border-top:1px solid var(--hair)}
1137
+ .tkund>.label{display:flex;gap:8px;margin-bottom:8px;font:600 var(--t-micro) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
1138
+ .tkund .label em{font-style:normal}
1139
+ .tkund>div:last-child{display:flex;flex-wrap:wrap;gap:8px}
1140
+ .tkch{display:inline-flex;gap:10px;align-items:center;padding:7px 8px 7px 14px;border-radius:999px;background:var(--well);font-size:12.5px;transition:background .25s}
1141
+ .tkch:hover{background:color-mix(in oklab,var(--ink) 9%,transparent)}
1142
+ .tkch b{font-weight:600}
1143
+ .addf{display:grid;gap:14px;width:100%;max-width:none}
1144
+ .addf label{display:grid;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
1145
+ .addf label em{font-style:normal;font-weight:500;color:var(--ink-3);margin-left:4px}
1146
+ .addf input,.addf select{height:42px;border-radius:14px;border:1px solid var(--hair);background:var(--card-solid);padding:0 12px;font:inherit;font-size:15px;color:var(--ink);min-width:0;width:100%}
1147
+ .addf input:focus-visible,.addf select:focus-visible{outline:2px solid var(--ember);outline-offset:1px}
1148
+ .addf .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
1149
+ .addf .label{display:block;margin-bottom:8px;font:600 var(--t-micro) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
1150
+ .chq{display:flex;flex-wrap:wrap;gap:8px}
1151
+ .chq button{padding:8px 14px;border-radius:999px;background:var(--well);font-size:12.5px;font-weight:600;transition:background .25s}
1152
+ .chq button:hover{background:color-mix(in oklab,var(--ink) 10%,transparent)}
1153
+ @media (max-width:760px){
1154
+ .tlh.k,.tlgrid.k{grid-template-columns:minmax(0,1fr)}
1155
+ .tlh.k>span,.tlgrid.k>span{display:none}
1156
+ .tkt{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t r" "b b";gap:4px 14px;padding:12px}
1157
+ .tkt .tkbar{height:20px}
1158
+ .tkt .tlt{grid-area:t}
1159
+ .tkt .tkr2{grid-area:r}
1160
+ .tkt .tkbar{grid-area:b}
1161
+ .addf .two{grid-template-columns:minmax(0,1fr)}
1162
+ }
1163
+ @media (max-width:700px){
1164
+ #vIns .crumb,#vInit .crumb{overflow:visible}
1165
+ }
1166
+ .crumb .crst{display:inline-flex;align-items:center;gap:7px;padding:0 14px 0 12px;margin-left:4px}
1167
+ .crst svg{width:15px;height:15px}
1168
+ .crmenu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;padding:6px;border-radius:18px;background:var(--card-solid);border:1px solid var(--hair);box-shadow:0 24px 50px -20px rgba(30,32,60,.4);z-index:30;display:grid;gap:2px}
1169
+ .crmenu[hidden]{display:none}
1170
+ .crmenu button{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:14px;text-align:left;font-weight:550;font-size:15px;width:100%}
1171
+ .crmenu button:hover,.crmenu button:focus-visible{background:var(--well)}
1172
+ .crmenu button[aria-current]{font-weight:700}
1173
+ .crmenu em{margin-left:auto;font:600 var(--t-micro) var(--mono);font-style:normal;color:var(--ink-3)}
1174
+ .crumb #crIni{color:var(--ink);overflow:hidden;text-overflow:ellipsis;min-width:0}
1175
+ .crumb{overflow:visible}
1176
+ .agr2{display:grid;gap:8px;margin:14px 0}
1177
+ .agr2>div{display:flex;flex-wrap:wrap;gap:8px}
1178
+ .agr2 .label{font:600 var(--t-micro) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
1179
+ .agr2 small{font-size:12.5px;color:var(--ink-3)}
1180
+ .agc{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;background:var(--card-solid);border:1px solid var(--hair);font-size:12.5px;font-weight:600;transition:background .25s,transform .25s,box-shadow .25s}
1181
+ .agc svg{width:15px;height:15px;color:var(--ember)}
1182
+ .agc:hover{transform:translateY(-1px);box-shadow:0 10px 22px -14px rgba(30,32,60,.4)}
1183
+ .agc[disabled]{opacity:.45;pointer-events:none}
1184
+ .fold{min-height:44px;padding:0 16px;border-radius:999px;background:var(--solid);color:var(--on-solid);font-size:12.5px;font-weight:650;flex:none;transition:transform .3s var(--spring),opacity .3s}
1185
+ .fold:hover{transform:translateY(-1px)}
1186
+ .fold[disabled]{opacity:.35;pointer-events:none}
1187
+ .fold.alt{background:var(--well);color:var(--ink)}
1188
+ .tkadd{margin-left:auto}
1189
+ .dlink{display:inline-flex;align-items:center;gap:7px;color:var(--ember-ink);font-weight:650;font-size:12.5px;min-height:44px}
1190
+ .dlink svg{width:14px;height:14px}
1191
+ #crBoard{background:none;border:0;padding:0 4px;font:inherit;color:var(--ink-2);min-height:36px;border-radius:8px}
1192
+ #crBoard:not(:disabled){cursor:pointer;color:var(--ink)}
1193
+ #crBoard:not(:disabled):hover{text-decoration:underline;text-underline-offset:3px}
1194
+ #crBoard:disabled{opacity:1;cursor:default}
1195
+ @media (max-width:700px){#crIni{max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px 0 0}}
1196
+ .crmenu{max-height:min(60vh,420px);overflow:auto;overscroll-behavior:contain}
1197
+ .crmenu button{flex:none}
1198
+ .crmenu button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
1199
+
1200
+ /* the Briefing across products (initiative briefing-premium-products): the product name on a row, and the picker built from the mockup's chip and menu */
1201
+ .pn{font:600 12.5px var(--mono);letter-spacing:.04em;color:var(--ink-2);margin-right:8px;padding:2px 8px;border-radius:999px;background:var(--well);white-space:nowrap}
1202
+ .pkw{position:relative;display:inline-flex;align-items:center}
1203
+ .pkw[hidden]{display:none}
1204
+ .pkw .fchip{height:44px}
1205
+ .pkmenu{left:auto;right:0;min-width:240px}
1206
+ .pkmenu .bx{flex:none;width:20px;height:20px;border-radius:6px;border:2px solid var(--ink-3);display:grid;place-items:center}
1207
+ .pkmenu button[aria-checked="true"] .bx{background:var(--solid);border-color:var(--solid)}
1208
+ .pkmenu button[aria-checked="true"] .bx::after{content:"";width:9px;height:5px;border-left:2px solid var(--on-solid);border-bottom:2px solid var(--on-solid);transform:rotate(-45deg) translate(1px,-1px)}
1209
+ .pkmenu .pkreset{margin-top:4px;border-top:1px solid var(--hair);border-radius:0 0 14px 14px;color:var(--ink-2)}
1210
+ .pkempty{padding:10px 14px}
1211
+ .top{position:relative;z-index:6}
1212
+ .pkw{z-index:40}