@booboo-brain/panel 0.3.4 → 0.4.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 (7) hide show
  1. package/dist/index.d.ts +9 -2
  2. package/dist/index.js +1675 -2
  3. package/dist-app/assets/index-BaxUVyfs.js +548 -0
  4. package/dist-app/index.html +7 -3
  5. package/package.json +8 -2
  6. package/dist-app/assets/index-BZauzHoT.css +0 -1
  7. package/dist-app/assets/index-DitmpEQM.js +0 -49
package/dist-app/index.html CHANGED
@@ -4,11 +4,15 @@
4
4
  <meta charset="utf-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1" />
6
6
  <title>🐾 Booboo Panel</title>
7
+ <script>
8
+ /* set the theme before first paint so surfaces never flash the wrong colour */
9
+ try { document.documentElement.setAttribute("data-theme", localStorage.getItem("booboo-theme") === "light" ? "light" : "dark"); } catch (e) {}
10
+ </script>
7
11
  <style>
8
- html, body, #root { margin: 0; height: 100%; background: #0b0c10; }
12
+ html, body, #root { margin: 0; height: 100%; background: var(--bg, #0b0c10); }
13
+ :root[data-theme="light"] { --bg: #f5f7f9; } /* so the fallback resolves light before panel.css loads */
9
14
  </style>
10
- <script type="module" crossorigin src="./assets/index-DitmpEQM.js"></script>
11
- <link rel="stylesheet" crossorigin href="./assets/index-BZauzHoT.css">
15
+ <script type="module" crossorigin src="./assets/index-BaxUVyfs.js"></script>
12
16
  </head>
13
17
  <body>
14
18
  <div id="root"></div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@booboo-brain/panel",
3
- "version": "0.3.4",
3
+ "version": "0.4.0",
4
4
  "description": "Booboo panel — the organigram. Run your agents like a company: a drag-drop hierarchy your agents boot from, with buckets, reports, rules and the 3D graph, over one org file + snapshot.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -32,7 +32,7 @@
32
32
  "react-dom": ">=18"
33
33
  },
34
34
  "dependencies": {
35
- "@booboo-brain/spec": "0.2.2"
35
+ "@booboo-brain/spec": "0.2.3"
36
36
  },
37
37
  "devDependencies": {
38
38
  "react": "^19.0.0",
@@ -44,6 +44,12 @@
44
44
  "tsup": "^8",
45
45
  "typescript": "^5"
46
46
  },
47
+ "publishConfig": {
48
+ "access": "public"
49
+ },
50
+ "engines": {
51
+ "node": ">=18"
52
+ },
47
53
  "scripts": {
48
54
  "build": "tsup src/index.ts --format esm --dts --clean --external react,react-dom,@booboo-brain/spec && vite build --config vite.app.config.ts",
49
55
  "dev": "vite"
package/dist-app/assets/index-BZauzHoT.css DELETED
@@ -1 +0,0 @@
1
- :root{--bg: #0b0c10;--bg-1: #10131a;--bg-2: #171b24;--line: #242a36;--ink: #e9edf3;--ink-2: #9aa7b6;--ink-3: #5d6776;--accent: #4fb8a0;--accent-2: #7fd4c0;--accent-dim: rgba(79, 184, 160, .13);--warn: #e0b45f;--font: -apple-system, "Segoe UI", Inter, system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:var(--bg);overflow-x:hidden}.pnl{display:flex;flex-direction:column;position:relative;overflow:hidden}.pnl-aurora{position:fixed;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;z-index:0;opacity:.5;background:radial-gradient(38% 30% at 24% 30%,rgba(79,184,160,.1),transparent 70%),radial-gradient(30% 26% at 78% 64%,rgba(90,130,200,.08),transparent 70%),radial-gradient(24% 22% at 55% 15%,rgba(79,184,160,.06),transparent 70%);animation:aurora 48s ease-in-out infinite alternate}@keyframes aurora{0%{transform:translate(0) scale(1)}50%{transform:translate(3%,-2%) scale(1.06)}to{transform:translate(-3%,2%) scale(1.02)}}@media(prefers-reduced-motion:reduce){.pnl-aurora,.ag.root:before,.ag.root:after,.ag,.content,.bk-card,.tl-row,.mem-row,.rule-card,.doss,.doss-rep,.bar-draft,.ag-light.fail,.mac-dot.fail{animation:none!important}}.bar{position:relative;z-index:2;display:flex;align-items:center;gap:22px;padding:14px 26px;border-bottom:1px solid var(--line);background:#10131ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap}.bar-brand{font-size:15px}.bar-brand b{font-weight:650}.bar-stats{display:flex;gap:18px;color:var(--ink-2);font-size:12.5px}.bar-stats b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px}.bar-stats .tap{cursor:pointer;transition:color .15s}.bar-stats .tap:hover,.bar-stats .tap:hover b{color:var(--accent)}.bar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.bar-ok{color:var(--accent);font-size:12px}.bar-draft{color:var(--warn);font-size:12px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{border:1px solid var(--line);background:var(--bg-2);color:var(--ink);border-radius:9px;padding:8px 15px;font-size:12.5px;cursor:pointer;transition:border-color .15s,transform .1s}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#08110e;font-weight:650}.btn.primary:disabled{opacity:.5;cursor:wait}.btn.ghost{background:transparent;color:var(--ink-2)}.tabs{position:relative;z-index:2;display:flex;gap:4px;padding:0 22px;border-bottom:1px solid var(--line);background:#10131ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:auto}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-2);font-size:12.5px;padding:12px 15px 11px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .2s}.tab:hover{color:var(--ink)}.tab.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-glyph{margin-right:5px;opacity:.85}.content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-height:0;animation:rise .28s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.screen{flex:1;overflow-y:auto;padding:30px 34px 60px;max-width:900px}.scr-title{display:flex;align-items:center;gap:10px;font-size:20px;margin:0 0 6px}.scr-count{font-size:12px;background:var(--accent-dim);color:var(--accent);border-radius:99px;padding:3px 10px;font-variant-numeric:tabular-nums}.scr-sub{color:var(--ink-2);font-size:12.5px;margin:0 0 24px}.scr-empty{color:var(--ink-3);font-size:13px;line-height:1.6}.scr-empty code,.scr-sub code{font-family:var(--mono);background:var(--bg-2);padding:1px 6px;border-radius:5px;font-size:11.5px}.pnl-back{background:none;border:1px solid var(--line);color:var(--ink-2);border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;margin-bottom:16px}.pnl-back:hover{border-color:var(--accent);color:var(--accent)}.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:13px}.bk-card{text-align:left;background:var(--bg-1);border:1px solid var(--line);border-radius:15px;padding:17px 18px;cursor:pointer;transition:border-color .15s,transform .12s,box-shadow .2s;animation:settle .4s ease both}.bk-card:hover{border-color:hsl(var(--h) 45% 55% / .6);transform:translateY(-2px);box-shadow:0 8px 26px hsl(var(--h) 50% 50% / .1)}.bk-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.bk-dot{width:9px;height:9px;border-radius:50%;background:hsl(var(--h) 55% 60%);box-shadow:0 0 9px hsl(var(--h) 55% 60% / .7);display:inline-block}.bk-name{font-size:14px;font-weight:650}.bk-n{font-size:27px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1}.bk-n.dim{color:var(--ink-3)}.bk-l{font-size:9.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.bk-crew{display:flex;gap:4px;margin-top:13px;flex-wrap:wrap}.bk-face{width:24px;height:24px;display:grid;place-items:center;font-size:12px;border-radius:7px;background:var(--bg-2);border:1px solid var(--line)}.bk-more{font-size:10px;color:var(--ink-3);align-self:center}.bk-agents{margin-top:8px;font-size:10.5px;color:var(--ink-3);line-height:1.5}.mem-list{display:flex;flex-direction:column;gap:6px}.mem-row{display:flex;align-items:baseline;gap:13px;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:10px 14px;animation:settle .35s ease both}.mem-when{font-size:10.5px;color:var(--accent-2);white-space:nowrap;min-width:68px;font-variant-numeric:tabular-nums}.mem-label{font-size:13px}.rep-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.chip.tap{cursor:pointer;transition:transform .1s,background .15s}.chip.tap:hover{transform:translateY(-1px)}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--line)}.tl-row{position:relative;margin-bottom:15px;animation:settle .35s ease both}.tl-dot{position:absolute;left:-21px;top:12px;width:9px;height:9px;border-radius:50%;background:hsl(var(--h) 55% 60%);box-shadow:0 0 9px hsl(var(--h) 55% 60% / .7)}.tl-body{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;padding:11px 15px;transition:border-color .15s,transform .12s}.tl-row:hover .tl-body{border-color:hsl(var(--h) 45% 50% / .5);transform:translate(2px)}.tl-top{display:flex;align-items:center;gap:8px}.tl-ava{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;font-size:12px;border-radius:7px;background:hsl(var(--h) 42% 22% / .8);border:1px solid hsl(var(--h) 45% 45% / .3)}.tl-agent{font-size:12.5px;font-weight:650}.tl-when{font-size:10.5px;color:var(--ink-3);margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.tl-label{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-sum{margin:7px 0 0 32px;font-size:12.5px;line-height:1.6;color:var(--ink-2)}.rule-list{display:flex;flex-direction:column;gap:9px}.rule-card{background:var(--bg-1);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:11px;padding:12px 15px 10px;animation:settle .35s ease both;transition:border-color .15s}.rule-card:hover{border-color:var(--accent)}.rule-top{display:flex;align-items:baseline;gap:10px;margin-bottom:5px}.rule-ref{font-family:var(--mono);font-size:12.5px}.rule-scope{font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);background:var(--accent-dim);border-radius:5px;padding:2px 7px}.rule-meta{font-size:11.5px;color:var(--ink-3);line-height:1.6}.rule-meta b{color:var(--ink-2);font-weight:600}.rule-bar{margin-top:9px;height:3px;border-radius:99px;background:var(--bg-2);overflow:hidden}.rule-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .6s ease}.graph-wrap{flex:1;min-height:0;display:flex}.graph-frame{flex:1;border:none;background:#06080e}.doss-head-actions{margin-left:auto;display:flex;gap:6px}.doss-3d{background:var(--accent-dim);border:1px solid rgba(79,184,160,.35);color:var(--accent);border-radius:8px;padding:6px 10px;font-size:11px;cursor:pointer;white-space:nowrap}.doss-3d:hover{border-color:var(--accent)}.doss-edit{display:flex;flex-direction:column;gap:10px;background:var(--bg-1);border:1px solid rgba(79,184,160,.3);border-radius:12px;padding:13px 14px;margin-bottom:20px;animation:settle .25s ease both}.doss-edit label{display:flex;flex-direction:column;gap:4px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3)}.doss-edit label em{font-style:normal;text-transform:none;letter-spacing:0;color:var(--ink-3);font-size:9.5px}.doss-edit input,.doss-edit textarea{background:var(--bg-2);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:8px 10px;font-size:12.5px;font-family:var(--font);resize:vertical}.doss-edit input:focus,.doss-edit textarea:focus{outline:none;border-color:var(--accent)}.doss-edit-row2{display:grid;grid-template-columns:1fr 72px;gap:8px}.doss-edit-actions{display:flex;gap:8px;margin-top:2px}.oc-tray{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:264px;margin-top:-6px;padding:10px 8px 7px;background:linear-gradient(180deg,#0a0c11,#0d1017);border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;box-shadow:inset 0 3px 8px #0000008c}.oc-tray.fail{border-color:#e07b6a8c;box-shadow:inset 0 3px 8px #0000008c,0 6px 18px -8px #e07b6a4d}.oc-tray.warn{border-color:#e0b45f73}.oc-mac{display:inline-flex;align-items:center;gap:5px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:4px 8px;cursor:pointer;font-family:var(--mono);font-size:10px;color:var(--ink-2);transition:border-color .15s,transform .1s}.oc-mac:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-1px)}.oc-mac.sel{border-color:var(--accent);background:var(--accent-dim);color:var(--ink)}.oc-mac.more{color:var(--ink-3);font-style:italic}.oc-mac.more:hover{color:var(--accent)}.mac-emoji{font-size:11px}.mac-name{white-space:nowrap;max-width:76px;overflow:hidden;text-overflow:ellipsis}.mac-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px;display:inline-block}.mac-dot.ok{background:var(--accent);box-shadow:0 0 6px #4fb8a0b3}.mac-dot.warn{background:var(--warn);box-shadow:0 0 6px #e0b45fb3}.mac-dot.fail{background:#e07b6a;box-shadow:0 0 7px #e07b6acc;animation:pulse 1.4s ease-in-out infinite}.mac-dot.none{background:var(--ink-3)}.doss-health{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:10px 13px;margin-bottom:16px;font-size:11.5px;color:var(--ink-2)}.doss-health b{color:var(--ink);font-size:12px}.doss-health.fail{border-color:#e07b6a80}.doss-health.warn{border-color:#e0b45f66}.doss-health.ok{border-color:#4fb8a059}.doss-auto-when{margin-left:auto;font-size:10px;color:var(--ink-3);white-space:nowrap}.auto-badge{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--warn);background:#e0b45f1a;border:1px solid rgba(224,180,95,.3);border-radius:5px;padding:2px 7px;vertical-align:middle;margin-left:6px}.doss-autos{display:flex;flex-direction:column;gap:5px}.doss-auto{display:flex;align-items:baseline;gap:9px;text-align:left;background:var(--bg-1);border:1px solid var(--line);border-radius:9px;padding:8px 11px;cursor:pointer;transition:border-color .15s}.doss-auto:hover{border-color:var(--warn)}.doss-auto-emoji{font-size:13px}.doss-auto-name{font-size:12px;font-weight:600;white-space:nowrap}.doss-auto-role{font-size:10.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doss-foot{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line)}.btn.danger{border-color:#e07b6a73;color:#e07b6a;background:transparent}.btn.danger:hover{background:#e07b6a1a}.bk-agents.unassigned{color:var(--ink-3);font-style:italic}.pending{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap;padding:10px 26px;border-bottom:1px solid var(--line);background:#e0b45f0f}.pending-item{font-size:11.5px;color:var(--warn);font-family:var(--mono)}.pnl-err{position:relative;z-index:2;padding:10px 26px;color:#e07b6a;font-size:12.5px}.pnl{height:100vh}.body{position:relative;z-index:1;flex:1;display:flex;min-height:0}.tree{flex:1;min-width:0;padding:24px 26px 60px;overflow:auto;background:radial-gradient(900px 420px at 50% 120px,rgba(79,184,160,.05),transparent 70%),radial-gradient(circle at 1px 1px,rgba(255,255,255,.035) 1px,transparent 1.5px);background-size:auto,28px 28px}.tree-hint{color:var(--ink-3);font-size:11.5px;margin:0 0 20px;text-align:center}.chart{min-width:max-content;margin:0 auto;padding:8px 20px 40px}.ocn{display:flex;flex-direction:column;align-items:center}.oc-down{width:1.5px;height:26px;position:relative;background:linear-gradient(180deg,hsl(165 40% 45% / .5),var(--line))}.oc-down:after{content:"";position:absolute;bottom:-2px;left:50%;width:5px;height:5px;transform:translate(-50%);border-radius:50%;background:var(--accent);box-shadow:0 0 8px #4fb8a080}.oc-row{display:flex;align-items:flex-start}.oc-child{position:relative;padding:26px 9px 0;display:flex;flex-direction:column;align-items:center}.oc-child:before{content:"";position:absolute;top:0;left:50%;width:1.5px;height:26px;background:linear-gradient(180deg,var(--line),hsl(var(--h, 165) 32% 34%))}.oc-child:after{content:"";position:absolute;top:0;left:0;right:0;height:24px;border-top:1.5px solid var(--line)}.oc-child:first-child:after{left:50%;border-left:1.5px solid var(--line);border-top-left-radius:14px}.oc-child:last-child:after{right:50%;border-right:1.5px solid var(--line);border-top-right-radius:14px}.oc-child:first-child:before,.oc-child:last-child:before{display:none}.oc-child:only-child:after{display:none}.oc-child:only-child:before{display:block}.ocn:has(>.ag:hover)>.oc-down,.ocn:has(>.ag:hover)>.oc-row>.oc-child:before{background:#3fa68d99}.ocn:has(>.ag:hover)>.oc-row>.oc-child:after{border-color:#3fa68d99}.oc-row.wrap{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:2px 14px;margin-top:0;padding:10px 14px 14px;border:1px solid var(--line);border-radius:18px;background:#10131a59}.oc-row.wrap>.oc-child{padding:8px 0 0}.oc-row.wrap>.oc-child:before,.oc-row.wrap>.oc-child:after{display:none}@media(max-width:1500px){.oc-row.wrap{grid-template-columns:repeat(2,auto)}}.ag{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:calc(196px - (min(var(--d, 0),2)*16px));padding:16px 14px 12px;text-align:center;background:linear-gradient(180deg,hsl(var(--h) 30% 14% / .55),var(--bg-1) 55%);border:1px solid rgba(255,255,255,.06);border-radius:15px;cursor:grab;overflow:hidden;filter:saturate(calc(1 - (min(var(--d, 0),2)*.15)));box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px hsl(var(--h) 40% 40% / .07),0 1px 2px #00000080,0 16px 32px -18px hsl(var(--h) 55% 40% / .28);transition:border-color .15s,transform .15s,box-shadow .2s,opacity .15s,filter .2s;animation:settle .4s ease both}.ag:before{content:"";position:absolute;top:0;left:0;right:0;height:calc(4px - (min(var(--d, 0),2)*1px));background:linear-gradient(90deg,hsl(var(--h) 55% 55% / .9),hsl(var(--h) 55% 45% / .25))}@keyframes settle{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ag:hover{border-color:hsl(var(--h) 45% 50% / .6);transform:translateY(-2px);filter:saturate(1);box-shadow:inset 0 1px #ffffff14,0 2px 4px #00000080,0 24px 44px -18px hsl(var(--h) 55% 45% / .4)}.ag.sel{border-color:hsl(var(--h) 55% 55%);filter:saturate(1);box-shadow:0 0 0 2px hsl(var(--h) 55% 55% / .18),0 10px 28px hsl(var(--h) 50% 45% / .2)}.ag:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ag.over{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-dim),0 12px 30px #4fb8a033;transform:scale(1.03)}.ag.dragging{opacity:.45;cursor:grabbing}.ag-light{position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%}.ag-light.ok{background:var(--accent);box-shadow:0 0 6px #4fb8a0b3}.ag-light.warn{background:var(--warn);box-shadow:0 0 6px #e0b45fb3}.ag-light.fail{background:#e07b6a;box-shadow:0 0 8px #e07b6ae6;animation:pulse 1.4s ease-in-out infinite}.ag.root{cursor:default;width:240px;padding:20px 16px 14px;border-color:#4fb8a059;filter:none;box-shadow:inset 0 1px #ffffff12,0 0 0 1px #4fb8a040,0 24px 60px -20px #4fb8a059}.ag.root .ag-ava{width:54px;height:54px;font-size:27px}.ag.root .ag-name{font-size:17px;font-weight:700;letter-spacing:-.01em}.ag.root:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;pointer-events:none;box-shadow:inset 0 0 26px #4fb8a014;animation:ring 3.2s ease-in-out infinite}@keyframes ring{0%,to{opacity:.35}50%{opacity:1}}.ag-ava{width:44px;height:44px;display:grid;place-items:center;font-size:22px;margin-top:2px;border-radius:13px;background:linear-gradient(140deg,hsl(var(--h) 42% 26% / .85),hsl(var(--h) 45% 14% / .9));border:1px solid hsl(var(--h) 45% 45% / .35);box-shadow:inset 0 1px hsl(var(--h) 50% 60% / .25),0 4px 10px -4px hsl(var(--h) 50% 30% / .6)}.ag-name{font-size:14px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ag-role{font-size:11px;color:var(--ink-2);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ag-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px}.ag-meta em{font-style:normal;font-size:10.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.ag-kids{font-size:10px;background:var(--accent-dim);color:var(--accent);border-radius:99px;padding:2px 8px;font-variant-numeric:tabular-nums;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.doss{width:340px;flex:0 0 340px;border-left:1px solid var(--line);background:#10131abf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:26px 24px 40px;overflow-y:auto;animation:slidein .25s ease both}@keyframes slidein{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.doss-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.doss-emoji{font-size:30px}.doss h2{margin:0;font-size:18px}.doss-role{margin:3px 0 0;color:var(--ink-2);font-size:12.5px}.doss-chain{font-size:11px;color:var(--ink-3);margin-bottom:18px;line-height:1.7}.doss-chain i{font-style:normal;margin:0 5px}.doss-chain b{font-weight:500}.doss-chain b.me{color:var(--accent);font-weight:650}.doss-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.doss-stat{background:var(--bg-1);border:1px solid var(--line);border-radius:11px;padding:11px 8px;text-align:center}.doss-n{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.doss-l{font-size:9.5px;color:var(--ink-3);margin-top:3px;text-transform:uppercase;letter-spacing:.05em}.doss section{margin-bottom:20px}.doss h3{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);margin:0 0 9px}.doss-empty{color:var(--ink-3);font-size:12px;margin:0}.doss-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.doss-rules li{font-family:var(--mono);font-size:11px;color:var(--ink-2);background:var(--bg-1);border:1px solid var(--line);border-radius:7px;padding:6px 9px;word-break:break-all}.doss-rules li.own{color:var(--ink);border-color:#4fb8a059}.doss-rules em{color:var(--ink-3);font-style:normal;font-size:9.5px;margin-left:5px}.doss-chips{display:flex;gap:6px;flex-wrap:wrap}.doss-reps{display:flex;flex-direction:column;gap:7px}.doss-rep{background:var(--bg-1);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:9px;padding:9px 11px;animation:settle .35s ease both}.doss-rep-top{display:flex;align-items:baseline;gap:9px}.doss-rep-when{font-size:10px;color:var(--accent-2);font-variant-numeric:tabular-nums;white-space:nowrap}.doss-rep-label{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doss-rep-sum{margin:5px 0 0;font-size:11.5px;color:var(--ink-2);line-height:1.55}.chip{font-size:11px;background:var(--accent-dim);color:var(--accent-2);border-radius:7px;padding:4px 10px}.chip.alt{background:var(--bg-2);color:var(--ink-2)}.doss-boot{font-size:12px;color:var(--ink-2);line-height:1.6;margin:0;white-space:pre-wrap}.doss-note{color:var(--ink-3);font-size:11px;line-height:1.6}.doss-note code{font-family:var(--mono);background:var(--bg-2);padding:1px 5px;border-radius:4px}.pnl-fatal{min-height:100vh;display:grid;place-items:center;color:#e07b6a;font-size:14px;padding:30px;text-align:center}.pnl-fatal.calm{color:var(--ink-2)}@media(max-width:760px){.doss{position:fixed;right:0;top:0;bottom:0;z-index:5;width:min(340px,88vw);box-shadow:-18px 0 50px #00000080}.tree{padding:20px 14px 60px}.ag{max-width:100%}.ag-role{display:none}}