/* KMind 宇宙交互 V17 · 沉浸视图 IMMERSIVE: what is being made on the planet — the results first, then who is on them, live.
   The editors are invented, generic UIs (no real product screens). */
body.kmu-imm .kmw,body.kmu-imm #kmu-bar,body.kmu-imm .kmu-barpop,body.kmu-imm #kmu-top,body.kmu-imm .kmu-pop{display:none!important}
/* V24: the dock and 动态 stay over it (沉浸视图 is a button inside 动态; opening it leaves 动态 open) */
body.kmu-imm #kmu-dock{z-index:34}
body.kmu-imm #kmu-ow{z-index:35}
body.kmu-imm #kmu #kmu-ow{background:rgba(var(--k-bg-rgb),.95)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}   /* V24: 动态 stays open over 沉浸视图 (its button is inside it): solid enough to read */
#kmu-imm{position:absolute;inset:0;z-index:30;pointer-events:none;font-family:var(--font);color:var(--k-ink)}
#kmu-imm[hidden]{display:none}
#kmu-imm>*{pointer-events:auto}
.imm-top{position:absolute;left:14px;right:14px;top:10px;height:56px;display:flex;align-items:center;gap:16px;padding:0 10px 0 14px;border:1px solid var(--hud-line);border-radius:3px;background:var(--hud-ticks),var(--hud-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.imm-cap{display:flex;flex-direction:column;gap:2px;min-width:0;flex:none;max-width:42%}
.imm-mono{font:500 9px/1 "JetBrains Mono",monospace;letter-spacing:.2em;color:var(--k-acc)}
.imm-cap b{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imm-cap small{font-size:11px;color:var(--k-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imm-exit{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:4px;border:1px solid rgba(var(--k-acc-rgb),.5);background:transparent;color:var(--k-acc);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;flex:none}
.imm-exit:hover{background:rgba(var(--k-acc-rgb),.12);box-shadow:0 0 14px var(--hud-glow)}
/* editors */
.imm-panel{position:absolute;display:flex;flex-direction:column;border:1px solid var(--hud-line);border-radius:3px;background:var(--hud-ticks),rgba(var(--k-bg-rgb),.93);overflow:hidden;transition:box-shadow .25s,border-color .25s,opacity .25s;opacity:.62}
html[data-theme=night] .imm-panel{background:var(--hud-ticks),rgba(10,14,22,.92)}
.imm-panel.on{opacity:1}
.imm-panel.active{border-color:rgba(var(--k-acc-rgb),.6);box-shadow:0 0 0 1px rgba(var(--k-acc-rgb),.2),0 0 26px var(--hud-glow)}
.imm-panel.big{z-index:3;opacity:1}
.imm-panel.done{border-color:rgba(224,134,0,.55)}
.imm-panel>header{flex:none;height:36px;display:flex;align-items:center;gap:7px;padding:0 6px 0 10px;border-bottom:1px solid var(--hud-line)}
.imm-pk{display:flex;color:var(--k-acc)}
.imm-panel>header>b{font-size:12.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.imm-panel>header>b em{font-style:normal;font-weight:400;color:var(--k-dim);font-family:"JetBrains Mono",monospace;font-size:10.5px}
.imm-kind{font:500 8.5px/1 "JetBrains Mono",monospace;letter-spacing:.14em;color:var(--k-dim);padding:3px 5px;border:1px solid var(--hud-line);border-radius:2px;flex:none}
.imm-who{display:flex;gap:1px;margin-left:auto;flex:none}
.imm-who span{opacity:.55}
.imm-who span.ed{opacity:1}
.imm-st{font-size:11px;font-weight:600;color:var(--k-dim);flex:none;min-width:3.5em;text-align:right}
.imm-panel.active .imm-st{color:var(--k-acc)}
.imm-panel.done .imm-st{color:#C77700}
html[data-theme=night] .imm-panel.done .imm-st{color:#FFD27A}
.imm-zoom{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:4px;background:none;color:var(--k-ink2);cursor:pointer;flex:none}
.imm-zoom:hover{background:rgba(var(--k-acc-rgb),.1);color:var(--k-acc)}
.imm-body{flex:1;min-height:0;display:flex}
.imm-ed{flex:1;min-width:0;display:flex;flex-direction:column}
.imm-tb{flex:none;height:28px;display:flex;align-items:center;gap:2px;padding:0 8px;border-bottom:1px solid var(--hud-line);font-size:11px;color:var(--k-ink2)}
.imm-tb i{font-style:normal;padding:2px 6px;border-radius:3px;white-space:nowrap}
.imm-tb i.on{background:rgba(var(--k-acc-rgb),.14);color:var(--k-acc)}
.imm-tb-sep{width:1px;height:14px;background:var(--hud-line);margin:0 4px}
.imm-tb-sp{flex:1}
.imm-live{font-size:10.5px;font-weight:600;color:var(--c);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.imm-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c);animation:immBlink 1s infinite}
@keyframes immBlink{50%{opacity:.25}}
/* doc */
.imm-page{position:relative;flex:1;min-height:0;overflow:hidden;margin:10px 12px;padding:14px 16px;background:rgba(var(--k-bg-rgb),.9);border:1px solid var(--hud-line);border-radius:2px;font-size:12px;line-height:1.6}
html[data-theme=night] .imm-page{background:rgba(255,255,255,.03)}
.imm-page h4{margin:0 0 8px;font-size:15px;font-weight:700}
.imm-page h5{margin:8px 0 2px;font-size:12.5px;font-weight:650;color:var(--k-ink)}
.imm-page p{margin:0;color:var(--k-ink2)}
.imm-skel{display:flex;flex-direction:column;gap:5px;margin:10px 0}
.imm-skel i{display:block;height:6px;border-radius:3px;background:rgba(var(--k-acc-rgb),.08);width:70%}
.imm-skel i+i{width:48%}
.imm-caret{display:inline-block;position:relative;width:1.5px;height:1.1em;vertical-align:-2px;margin-left:1px;background:var(--c);animation:immBlink .9s infinite}
.imm-caret b{position:absolute;left:0;bottom:100%;font:600 9px/1 var(--font);color:#fff;background:var(--c);padding:2px 4px;border-radius:2px 2px 2px 0;white-space:nowrap;animation:none}
.imm-note{position:absolute;right:10px;bottom:10px;max-width:58%;padding:8px 10px;border-radius:3px;border:1px solid rgba(224,134,0,.45);background:rgba(var(--k-bg-rgb),.96);font-size:11.5px;box-shadow:0 6px 18px rgba(var(--k-sh),.12)}
.imm-note[hidden]{display:none}
.imm-nb{display:flex;align-items:center;gap:6px;color:var(--c)}
.imm-note p{margin:4px 0 0;color:var(--k-ink)}
.imm-note em{font-style:normal;font-weight:650;color:#C77700}
/* slides */
.imm-sl{flex:1;min-height:0;display:flex;gap:8px;padding:8px}
.imm-thumbs{display:flex;flex-direction:column;gap:6px;width:54px;flex:none}
.imm-thumbs b{position:relative;display:block;aspect-ratio:16/10;border:1px solid var(--hud-line);border-radius:2px;background:rgba(var(--k-bg-rgb),.6)}
.imm-thumbs b span{position:absolute;left:3px;top:2px;font:500 8px/1 "JetBrains Mono",monospace;color:var(--k-dim)}
.imm-thumbs b.done{background:rgba(var(--k-acc-rgb),.1)}
.imm-thumbs b.cur{border-color:var(--k-acc);box-shadow:0 0 8px var(--hud-glow)}
.imm-stage{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}
.imm-slide{position:relative;width:100%;max-height:100%;aspect-ratio:16/10;border:1px solid var(--hud-line);border-radius:2px;background:rgba(var(--k-bg-rgb),.95);padding:7% 8%;box-sizing:border-box;overflow:hidden}
html[data-theme=night] .imm-slide{background:rgba(255,255,255,.035)}
.imm-sel{position:relative;height:100%;display:flex;flex-direction:column;gap:8px;border:1px dashed transparent;padding:4px}
.imm-sel.on{border-color:var(--c)}
.imm-sel>b{position:absolute;top:-16px;left:-1px;font-size:9px;font-weight:600;color:#fff;background:var(--c);padding:2px 5px;border-radius:2px}
.imm-sel h5{margin:0;font-size:15px;font-weight:700}
.imm-sel ul{margin:0;padding-left:18px;font-size:12.5px;line-height:1.7;color:var(--k-ink2)}
.imm-big{margin:auto 0;font-size:22px;font-weight:700;color:var(--k-acc)}
.imm-bars{flex:1;display:flex;align-items:flex-end;gap:7%;padding:0 4% 2px;border-bottom:1px solid var(--hud-line)}
.imm-bars i{flex:1;height:var(--h);background:linear-gradient(to top,var(--k-acc),rgba(var(--k-acc-rgb),.45));border-radius:2px 2px 0 0;min-height:1px}
.imm-bars.neg{align-items:center;border-bottom:0;position:relative}
.imm-bars.neg::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--hud-line)}
.imm-bars.neg i{align-self:flex-end;margin-bottom:50%;transform-origin:bottom}
.imm-bars.neg i.dn{align-self:flex-start;margin-top:50%;margin-bottom:0;background:linear-gradient(to bottom,#E08600,rgba(224,134,0,.4));border-radius:0 0 2px 2px}
.imm-pg{position:absolute;right:8px;bottom:6px;font:500 9px/1 "JetBrains Mono",monospace;color:var(--k-dim)}
/* model */
.imm-cvw{position:relative;flex:1;min-height:0}
.imm-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.imm-tree{position:absolute;left:8px;top:8px;margin:0;padding:6px 8px 6px 22px;font-size:11px;line-height:1.7;color:var(--k-dim);border:1px solid var(--hud-line);border-radius:2px;background:rgba(var(--k-bg-rgb),.7)}
.imm-tree li.done{color:var(--k-ink)}
.imm-tree li.cur{color:var(--k-acc);font-weight:650}
/* video */
.imm-vprev{position:relative;flex:1;min-height:60px;margin:8px 8px 0;border:1px solid var(--hud-line);border-radius:2px;background:rgba(var(--k-acc-rgb),.04);overflow:hidden}
.imm-tc{position:absolute;right:6px;bottom:5px;font:500 9.5px/1 "JetBrains Mono",monospace;color:var(--k-ink2)}
.imm-exp{position:absolute;left:6px;top:6px;font-size:10.5px;font-weight:650;color:#fff;background:#E08600;padding:2px 7px;border-radius:2px}
.imm-exp[hidden]{display:none}
.imm-tlv{position:relative;flex:none;margin:6px 8px 8px;display:flex;flex-direction:column;gap:4px}
.imm-tr{display:flex;align-items:center;gap:6px;height:20px}
.imm-tr em{font-style:normal;width:38px;flex:none;font-size:10px;color:var(--k-dim)}
.imm-clips,.imm-subs{flex:1;display:flex;gap:2px;height:100%}
.imm-clips span{position:relative;flex:var(--w);border:1px solid var(--hud-line);border-radius:2px;overflow:hidden;font-size:9.5px;color:var(--k-ink2)}
.imm-clips span i{position:absolute;inset:0;width:calc(var(--f,0) * 100%);background:rgba(var(--k-acc-rgb),.28)}
.imm-clips span b{position:relative;font-weight:500;padding-left:4px;white-space:nowrap;line-height:18px}
.imm-clips span.cur{border-color:var(--k-acc)}
.imm-subs span{flex:var(--w);border-radius:2px;margin:5px 0;background:rgba(var(--k-acc-rgb),.06)}
.imm-subs span.on{background:rgba(224,134,0,.5)}
.imm-wave{flex:1;display:flex;align-items:center;gap:1px;height:100%}
.imm-wave i{flex:1;height:calc(var(--a) * 100%);background:rgba(var(--k-acc-rgb),.3);border-radius:1px}
.imm-ph{position:absolute;top:-2px;bottom:-2px;width:1.5px;background:#E08600;box-shadow:0 0 6px rgba(224,134,0,.7)}
/* the 沉浸视图 buttons, in both views */
.kmu-pill.kmu-immersive{background:rgba(var(--k-acc-rgb),.08)}
/* phone */
body.kmu-phone #kmu-imm .imm-top{height:48px;left:6px;right:6px;top:6px;gap:8px}
body.kmu-phone #kmu-imm .imm-cap{max-width:none;flex:1}
body.kmu-phone #kmu-imm .imm-exit span{display:none}
body.kmu-phone #kmu-imm .imm-panel{opacity:1}
body.kmu-phone #kmu-imm .imm-panel[hidden]{display:none}
/* V15 · the bar on top: how many things are being made, a tab for each (with how far it has got) */
.imm-on{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:12px;font-weight:600;color:var(--k-acc)}
.imm-on i{width:7px;height:7px;border-radius:50%;background:var(--k-acc);box-shadow:0 0 8px var(--hud-glow);animation:immBlink 1.4s infinite}
.imm-on b{font:600 12px/1 "JetBrains Mono",monospace}
.imm-on.idle{color:var(--k-dim)}.imm-on.idle i{background:var(--k-dim);box-shadow:none;animation:none}
.imm-tabs{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}
.imm-tabs::-webkit-scrollbar{display:none}
.imm-tab{display:inline-flex;align-items:center;gap:6px;flex:none;height:30px;padding:0 10px;border:0;border-radius:999px;background:rgba(var(--k-acc-rgb),.07);color:var(--k-ink2);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.imm-tab svg{color:var(--k-acc)}
.imm-tab em{font:500 10.5px/1 "JetBrains Mono",monospace;font-style:normal;color:var(--k-acc)}
.imm-tab:hover{background:rgba(var(--k-acc-rgb),.14);color:var(--k-ink)}
.imm-tab.on{background:rgba(var(--k-acc-rgb),.2);color:var(--k-ink);box-shadow:0 0 12px var(--hud-glow)}
.imm-tab.done em{color:#C77700}
html[data-theme=night] .imm-tab.done em{color:#FFD27A}
.imm-demo{display:flex;flex:none}
.imm-demo:empty{display:none}
.imm-empty{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--k-ink2);pointer-events:none!important}
.imm-empty[hidden]{display:none}
.imm-empty svg{color:var(--k-acc);opacity:.7}
.imm-empty b{font-size:14px;font-weight:600}
.imm-empty small{font:500 9.5px/1 "JetBrains Mono",monospace;letter-spacing:.18em;color:var(--k-dim)}
/* V15 · a result's head: where it is (a forum post), how far it has got */
.imm-where{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:30%;font-size:11px;color:var(--k-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imm-where svg{flex:none}
.imm-panel>header .km-demo-chip{flex:none}
.imm-pct{margin-left:auto;font:600 11.5px/1 "JetBrains Mono",monospace;color:var(--k-acc);flex:none;min-width:3em;text-align:right}
.imm-panel.done .imm-pct{color:#C77700;font-family:inherit}
html[data-theme=night] .imm-panel.done .imm-pct{color:#FFD27A}
.imm-panel{opacity:1}
.imm-panel.dim{visibility:hidden;pointer-events:none}
.imm-panel[hidden]{display:none}
.imm-live-more{font-size:10.5px;color:var(--k-dim)}
.imm-coll{display:flex;gap:10px}
/* V15 · who is on it: a row each — what they are doing, how far they have got */
.imm-crew{flex:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:2px 6px;padding:6px 8px 8px;max-height:38%;overflow-y:auto;scrollbar-width:thin}
.imm-cm{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"av t p" "av bar bar";align-items:center;column-gap:8px;row-gap:3px;padding:5px 7px;border-radius:10px}
.imm-cm>.km-avbox{grid-area:av}.imm-cm-t{grid-area:t}.imm-cm-bar{grid-area:bar}.imm-cm-p{grid-area:p;align-self:start;margin-top:2px}
.imm-cm.on{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 12%,transparent),transparent 70%)}
.imm-cm-t{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.imm-cm-t b{font-size:12px;font-weight:650;color:var(--k-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imm-cm-t b em{font-style:normal;font-weight:500;font-size:10px;color:var(--k-dim);margin-left:5px}
.imm-cm-t small{font-size:11px;color:var(--k-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imm-cm.on .imm-cm-t small{color:var(--k-ink2)}
.imm-cm-bar{position:relative;height:3px;border-radius:3px;background:rgba(127,140,170,.2);overflow:hidden}
.imm-cm-bar i{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--p,0));background:var(--c);border-radius:3px;transition:transform 1s linear}
.imm-cm-p{font:500 10.5px/1 "JetBrains Mono",monospace;font-style:normal;color:var(--k-ink2);text-align:right}
.imm-cm.on .imm-cm-p{color:var(--k-ink)}
/* a short panel keeps the result large: the people become small tiles (name, how far), what they do shows on the hover */
.imm-panel.short .imm-crew{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));max-height:30%;padding:4px 6px 6px}
.imm-panel.short .imm-cm{padding:3px 5px;column-gap:6px}
.imm-panel.short .imm-cm-t small,.imm-panel.short .imm-cm-t b em{display:none}
/* several people at once: each edited part carries its writer's colour */
.imm-thumbs b.cur{border-color:var(--c);box-shadow:0 0 0 1.5px var(--c)}
.imm-tree li.cur{color:var(--c);font-weight:650}
.imm-clips span.cur{border-color:var(--c);box-shadow:0 0 0 1px var(--c)}
/* V15 · sheet */
.imm-grid{flex:1;min-height:0;overflow:auto;margin:8px}
.imm-grid table{border-collapse:separate;border-spacing:0;width:100%;font-size:11.5px;table-layout:fixed}
.imm-grid th{font:500 9.5px/1 "JetBrains Mono",monospace;color:var(--k-dim);font-weight:500;padding:5px 4px;text-align:center;width:22px}
.imm-grid thead th{height:18px}
.imm-grid thead th:first-child,.imm-grid tbody th{width:22px}
.imm-grid thead th:not(:first-child){width:auto}
.imm-grid td{height:26px;padding:0 7px;border-bottom:1px solid rgba(127,140,170,.16);border-right:1px solid rgba(127,140,170,.1);color:var(--k-ink);white-space:nowrap;overflow:hidden;text-overflow:clip}
.imm-grid tr.imm-hdr td{font-weight:650;color:var(--k-ink2);background:rgba(var(--k-acc-rgb),.06)}
.imm-grid tr.cur td{background:color-mix(in srgb,var(--c) 7%,transparent)}
.imm-grid td.on{box-shadow:inset 0 0 0 1.5px var(--c);border-radius:3px}
.imm-grid .imm-caret b{bottom:auto;top:-15px}
/* V15 · a task without a result to show: a ring and what each of them is doing */
.imm-task{align-items:center;justify-content:center;gap:10px;padding:14px;text-align:center}
.imm-ring{position:relative;width:88px;height:88px}
.imm-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.imm-ring circle{fill:none;stroke:rgba(127,140,170,.2);stroke-width:3}
.imm-ring .imm-ring-f{stroke:var(--k-acc);stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray 1s linear}
.imm-ring b{position:absolute;inset:0;display:grid;place-items:center;font:600 14px/1 "JetBrains Mono",monospace;color:var(--k-ink)}
.imm-task-t{font-size:14px;font-weight:650}
.imm-steps{margin:0;padding:0;list-style:none;font-size:12px;color:var(--k-ink2);display:flex;flex-direction:column;gap:4px}
.imm-steps b{color:var(--c);margin-right:6px}
/* the 沉浸视图 button: how many things are being made here */
/* phone: the results are tabs under the bar; the one picked is a sheet below the planet */
body.kmu-phone #kmu-imm .imm-top{flex-wrap:wrap;height:auto;row-gap:6px;padding-top:6px;padding-bottom:6px}
body.kmu-phone #kmu-imm .imm-tabs{order:9;flex-basis:100%}
body.kmu-phone #kmu-imm .imm-on span,body.kmu-phone #kmu-imm .imm-zoom{display:none}

/* ---------- V23 · two scopes: 全部 (what all your agents are making) and a planet; in both views. V24: 动态 is its own panel again (the dock) ---------- */
.imm-scope{display:flex;gap:4px;margin-top:3px;min-width:0}
.imm-scope button{display:inline-flex;align-items:baseline;gap:6px;max-width:260px;height:26px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--k-ink2);font:inherit;cursor:pointer;white-space:nowrap;min-width:0}
.imm-scope button svg{align-self:center;flex:none;opacity:.8}
.imm-scope button b{font-size:13.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis}
.imm-scope button small{font-size:10.5px;color:var(--k-dim);overflow:hidden;text-overflow:ellipsis}
.imm-scope button:hover{color:var(--k-acc);background:rgba(var(--k-acc-rgb),.06)}
.imm-scope button.on{color:var(--k-acc);background:rgba(var(--k-acc-rgb),.13)}
.imm-cap{max-width:52%}
.imm-cap .imm-mono{padding-left:10px}
button.imm-where.imm-go{border:0;background:none;padding:0;font-family:inherit;font-size:11px;cursor:pointer}
button.imm-where.imm-go:hover{color:var(--k-acc)}
/* 全部: the sky steps back behind a veil */
body.kmu-imm.kmu-imm-all #kmu-imm{background:radial-gradient(120% 90% at 60% 50%,rgba(var(--k-bg-rgb),.62),rgba(var(--k-bg-rgb),.82))}
html[data-theme=night] body.kmu-imm.kmu-imm-all #kmu-imm{background:radial-gradient(120% 90% at 60% 50%,rgba(6,9,15,.6),rgba(6,9,15,.84))}
/* an agent's card opened from 动态 stays over it */
body.kmu-imm #kmu .kmw.kmw-card:not([hidden]){display:flex!important;z-index:40}
/* 面板视图: the universe's root shows only this layer, below the titlebar (no 3D, no top band, no dock, no windows but the cards) */
body.kmu-imm-panel #kmu{z-index:60}
body.kmu-imm-panel #kmu>:not(#kmu-imm):not(.kmw-card){display:none!important}
body.kmu-imm-panel #kmu{background:var(--k-ubg)}
/* V28 · a forum planet's level: one card per post, its output as a whole (src/universe/imm.js outputs()) */
.imm-out{display:flex;flex-direction:column;gap:12px;padding:14px 16px;overflow:auto}
.imm-out-top{display:flex;align-items:center;gap:14px}
.imm-out .imm-ring{width:64px;height:64px;flex:none}
.imm-out .imm-ring b{font-size:12.5px}
.imm-out-sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;flex:1}
.imm-out-sum small{width:100%;font-size:11.5px;color:var(--k-dim)}
.imm-out-sum .tag{font-size:10px;padding:2px 8px}
.imm-out-go{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;border:0;border-radius:999px;cursor:pointer;font:inherit;font-size:12px;font-weight:620;color:#fff;background:var(--k-acc);flex:none}
.imm-out-go:hover{filter:brightness(1.08)}
.imm-out-parts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.imm-out-parts li{display:grid;grid-template-columns:20px minmax(0,1fr) 34% 3.2em;align-items:center;gap:8px;padding:7px 9px;border-radius:10px;cursor:pointer;background:rgba(var(--k-acc-rgb),.04);box-shadow:inset 3px 0 0 var(--c,transparent);transition:background .15s}
.imm-out-parts li:hover{background:rgba(var(--k-acc-rgb),.1)}
.imm-out-parts li b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imm-out-ic{display:grid;place-items:center;color:var(--k-acc)}
.imm-out-bar{height:5px;border-radius:3px;background:rgba(127,140,170,.2);overflow:hidden}
.imm-out-bar i{display:block;height:100%;width:calc(var(--u,0) * 100%);border-radius:3px;background:var(--k-acc);transition:width 1s linear}
.imm-out-parts li em{font:600 11px/1 "JetBrains Mono",monospace;font-style:normal;color:var(--k-ink2);text-align:right}
.imm-out-parts li.done .imm-out-bar i{background:#C77700}
html[data-theme=night] .imm-out-parts li.done .imm-out-bar i{background:#FFD27A}