/* 250bar Canvas — premium JS-video blocks. Prefix bc-. Mobile first. */
:root{--bc-t:#6ff7d8;--bc-v:#b9a4ff;--bc-a:#ffbf72;--bc-b:#7fd0ff;--bc-fg:#e9f3f6;--bc-mu:#8098a4;--bc-dim:#4f6672;--bc-card:rgba(9,18,25,.66);--bc-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}

/* neon frame */
.bc-framed{position:relative;--tc:var(--bc-t)}
.bc-framed[data-tone=v]{--tc:var(--bc-v)}.bc-framed[data-tone=a]{--tc:var(--bc-a)}.bc-framed[data-tone=b]{--tc:var(--bc-b)}
.bc-frame{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.bc-frame path{fill:none;stroke:var(--tc);stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;transition:stroke .5s}
.bc-f-glow{stroke-width:5;opacity:.1}
.bc-f-core{stroke-width:1;opacity:.55}
.bc-f-run{stroke-width:1.4;opacity:0;stroke:#fff!important;stroke-dasharray:.07 .93!important}
.bc-framed.is-hot .bc-f-core{opacity:.95}.bc-framed.is-hot .bc-f-run{opacity:.75;animation:bc-run 3.6s linear infinite}
@keyframes bc-run{to{stroke-dashoffset:-1}}
.bc-spark{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;pointer-events:none;opacity:0;offset-rotate:0deg;background:radial-gradient(circle,#fff 0 18%,var(--tc) 30%,transparent 70%);z-index:1}
/* frame paints under content without changing its layout */
.bc-framed{isolation:isolate}.bc-framed>.bc-frame,.bc-framed>.bc-spark{z-index:-1}
.bc-ghost{position:fixed!important;margin:0!important;pointer-events:none;z-index:40;box-sizing:border-box}
.bc-wait{opacity:0}

/* answer head gets the voice look */
#explore-view .explore-answer.bc-framed{background:linear-gradient(180deg,#0c1a22cc,#08121acc);border-color:transparent}

/* stage */
.bc-stage{display:block;min-width:0}
.bc-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bc-tile{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:154px;padding:14px 14px 12px;border:0;border-radius:4px;background:var(--bc-card);color:var(--bc-fg);text-align:left;font:inherit;cursor:pointer;transition:background .25s,transform .25s}
.bc-tile:hover{background:rgba(16,32,40,.82)}
.bc-tile:active{transform:scale(.985)}
.bc-tile:focus-visible{outline:1px solid var(--tc);outline-offset:3px}
.bc-tile-k{font:10px var(--bc-mono);letter-spacing:1.4px;color:var(--tc);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-tile-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.bc-tile-t{font-size:14px;font-weight:650;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bc-tile-m{font-size:19px;font-weight:300;letter-spacing:-.6px;color:#fff;min-height:1.2em}
.bc-tile-n{font-size:11px;color:var(--bc-mu);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bc-tile-go{margin-top:auto;font:10px var(--bc-mono);letter-spacing:.8px;color:var(--bc-mu);transition:color .2s}
.bc-tile:hover .bc-tile-go{color:var(--tc)}
.bc-tile.is-loading .bc-tile-m{width:60%;border-radius:4px;color:transparent;background:linear-gradient(110deg,#ffffff0b 12%,#6ff7d826 48%,#ffffff0b 84%);background-size:220% 100%;animation:bc-shim 1.6s linear infinite}
@keyframes bc-shim{to{background-position:-220% 0}}
.bc-tile.is-empty{opacity:.62}
.bc-tile-big{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:14px}
.bc-tile-big .bc-tile-k{grid-column:1/-1}
.bc-tile-big .bc-thumbs{grid-row:2/4}
.bc-tile-big .bc-tile-t{font-size:16px;-webkit-line-clamp:3}
.bc-tile-big .bc-tile-m{font-size:24px}
.bc-tile-action{background:rgba(185,164,255,.05)}
.bc-thumbs{display:flex;height:58px}
.bc-thumb{width:58px;height:58px;flex:none;border-radius:10px;margin-left:calc(var(--i) * -14px);box-shadow:0 0 0 2px #070e14,0 6px 16px #0007;transform:rotate(calc((var(--i) - 1) * 4deg))}
.bc-thumb:first-child{margin-left:0}
.bc-tile-big .bc-thumbs{height:auto}.bc-tile-big .bc-thumb{width:96px;height:96px;transform:none;border-radius:12px}

.bc-next{display:grid;gap:8px;margin-top:16px}
.bc-next>.bc-eyebrow{padding:0 2px}
.bc-next-b{display:flex;align-items:center;gap:11px;min-height:48px;padding:10px 13px;border:0;border-radius:4px;background:rgba(185,164,255,.035);color:#d6e1e5;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.bc-next-b:hover{background:rgba(185,164,255,.09)}
.bc-next-n{flex:none;width:22px;height:22px;display:grid;place-items:center;border:1px solid #b9a4ff66;border-radius:6px;font:11px var(--bc-mono);color:var(--bc-v)}

/* facet (Intent Dive) */
.bc-nav{position:sticky;top:8px;z-index:6;display:flex;align-items:center;gap:8px;padding:6px;margin-bottom:12px;border-radius:14px;background:rgba(4,10,15,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #6ff7d822}
.bc-back{flex:none;min-height:38px;padding:0 13px;border:1px solid #6ff7d855;border-radius:10px;background:#6ff7d810;color:var(--bc-t);font:12px var(--bc-mono);cursor:pointer}
.bc-tabs{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.bc-tabs::-webkit-scrollbar{display:none}
.bc-tab{flex:none;min-height:34px;padding:0 11px;border:0;border-radius:20px;background:none;color:var(--bc-dim);font:10px var(--bc-mono);letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .25s,background .25s}
.bc-tab:hover{color:var(--bc-mu)}
.bc-tab.is-on{color:var(--bc-t);background:#6ff7d812;box-shadow:inset 0 0 0 1px #6ff7d833}
.bc-ctl{flex:none;display:flex;gap:4px}
.bc-pbtn{width:36px;height:36px;border:1px solid #ffffff1f;border-radius:10px;background:none;color:var(--bc-mu);font-size:12px;cursor:pointer}
.bc-pbtn:hover{color:var(--bc-t);border-color:#6ff7d866}
.bc-facet-head{padding:16px 18px;margin-bottom:12px;border-radius:4px;background:linear-gradient(120deg,#0e2128d9,#0a131bcc)}
.bc-facet-title{margin:6px 0 2px;font-size:clamp(21px,4.6vw,32px);font-weight:500;letter-spacing:-.7px;line-height:1.12}
.bc-facet-metric{font:12px var(--bc-mono);color:var(--bc-t)}
.bc-facet-body{display:grid;gap:12px}
.bc-loading{padding:26px;text-align:center;font:11px var(--bc-mono);letter-spacing:1px;color:var(--bc-mu)}

/* scenes */
.bc-scene{grid-column:1/-1;min-width:0;padding:16px;border-radius:4px;background:var(--bc-card)}
.bc-head{margin-bottom:12px}
.bc-eyebrow{display:block;font:10px var(--bc-mono);letter-spacing:1.6px;color:var(--bc-mu);text-transform:uppercase}
.bc-title{margin:6px 0 0;font-size:18px;font-weight:600;letter-spacing:-.3px;line-height:1.2;color:var(--bc-fg)}
.bc-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--bc-mu)}
.bc-lead{margin:0 0 12px;font-size:14px;line-height:1.55;color:#cfdbe0}
.bc-word{display:inline-block}
.bc-src{font:10px var(--bc-mono);letter-spacing:.8px;color:var(--bc-t);text-transform:uppercase}
.bc-proof{font-size:11px;color:#9ff0c8}
.bc-chips{display:flex;flex-wrap:wrap;gap:5px}
.bc-chips span{padding:3px 8px;border-radius:20px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff12;font:10.5px var(--bc-mono);color:#bcd0d6}
.bc-btn{min-height:40px;padding:0 13px;border:1px solid #ffffff1f;border-radius:10px;background:none;color:#cfe0e4;font:inherit;font-size:12px;cursor:pointer}
.bc-btn:hover{border-color:#6ff7d866;color:var(--bc-t)}
.bc-btn-main{border-color:#6ff7d877;background:#6ff7d814;color:var(--bc-t)}
.bc-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}

/* product visuals */
.bc-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#16323a,#09141c 72%);border-radius:12px}
.bc-visual img{width:100%;height:100%;object-fit:contain;display:block}
/* smart photo fit (all templates): absolute layers so grid/flex parents never stretch or crop the photo */
.bc-photo{position:relative;overflow:hidden;isolation:isolate}
.bc-photo>img{position:absolute;inset:0;width:100%;height:100%;display:block}
.bc-photo>.bc-bg{inset:-14%;width:128%;height:128%;object-fit:cover;filter:blur(16px) saturate(1.25) brightness(.5);opacity:0;transition:opacity .4s;z-index:-1}
.bc-photo>.bc-fg{object-fit:contain;padding:4%}
.bc-photo.is-contain>.bc-bg{opacity:1}
.bc-photo.is-cover>.bc-fg{object-fit:cover;padding:0}
.bc-photo.is-contain:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 55%,transparent 40%,#050a0f99)}
.bc-photo:not(.is-cover):not(.is-contain)>.bc-fg{object-fit:contain}
.bc-visual.is-glyph{background:radial-gradient(circle at 50% 45%,#123039,#08121a 74%),repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 16px)}
.bc-glyph{width:78%;height:78%;overflow:visible}
.bc-glyph path{fill:none;stroke:var(--bc-t);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;filter:drop-shadow(0 0 3px #6ff7d899)}
.bc-scan{position:absolute;inset:0 auto 0 0;width:38%;background:linear-gradient(90deg,transparent,#6ff7d822 70%,#6ff7d8 98%,transparent);mix-blend-mode:screen;opacity:0;pointer-events:none}

/* hero */
.bc-hero-body{display:grid;gap:14px}
.bc-hero-visual{aspect-ratio:4/3;cursor:pointer}
.bc-hero-info{display:flex;flex-direction:column;gap:8px;min-width:0}
.bc-hero-name{margin:0;font-size:clamp(19px,4.8vw,27px);font-weight:500;letter-spacing:-.6px;line-height:1.16}
.bc-meters{display:grid;gap:9px;margin-top:4px}
.bc-meter-top{display:flex;justify-content:space-between;font-size:11.5px;color:var(--bc-mu)}
.bc-meter-top b{font:12px var(--bc-mono);color:var(--bc-fg)}
.bc-meter-track{height:3px;border-radius:3px;background:#ffffff10;overflow:hidden;margin-top:5px}
.bc-meter-track i{display:block;height:100%;background:linear-gradient(90deg,var(--bc-t),#b9f8e8);box-shadow:0 0 10px var(--bc-t);transform-origin:left;transform:scaleX(var(--k))}
.bc-price{display:flex;flex-direction:column;margin-top:4px}
.bc-price small{font:10px var(--bc-mono);letter-spacing:1px;color:var(--bc-mu);text-transform:uppercase}
.bc-price strong{font-size:30px;font-weight:300;letter-spacing:-1px;color:#fff}
.bc-desc{margin:0;font-size:12.5px;line-height:1.55;color:#a9bfc6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bc-roles{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff06}
.bc-roles strong{display:block;font-size:13px}.bc-roles span{font-size:11.5px;color:var(--bc-mu)}
.bc-ring{--k:0;flex:none;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--bc-t) calc(var(--k) * 360deg),#ffffff12 0);position:relative}
.bc-ring:before{content:'';position:absolute;inset:3px;border-radius:50%;background:#0b161e}
.bc-ring b,.bc-ring small{position:relative;line-height:1}.bc-ring b{font-size:17px}.bc-ring small{font-size:8.5px;color:var(--bc-mu)}

/* rail */
.bc-rail-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;scrollbar-width:none;perspective:900px;overscroll-behavior-x:contain}
.bc-rail-track::-webkit-scrollbar{display:none}
.bc-card{position:relative;flex:0 0 72%;max-width:250px;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:14px;background:#0b1620;box-shadow:inset 0 0 0 1px #ffffff10;overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.2,1.3,.4,1),box-shadow .3s}
.bc-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #6ff7d855,0 14px 34px #0008}
.bc-card:focus-visible{outline:1px solid var(--bc-t);outline-offset:2px}
.bc-card-visual{aspect-ratio:4/3;border-radius:0}
.bc-card-body{display:flex;flex-direction:column;gap:6px;padding:11px 12px 13px;flex:1}
.bc-card-name{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bc-card-price{margin-top:auto;font-size:17px;font-weight:400;color:#fff}
.bc-card>.pin-button,.bc-card>button:last-child:not(.bc-btn){position:absolute;top:8px;right:8px;z-index:2}
.bc-rail-nav{display:flex;align-items:center;gap:6px;margin-top:6px}
.bc-rail-bar{flex:1;height:2px;border-radius:2px;background:#ffffff12;overflow:hidden}
.bc-rail-progress{display:block;height:100%;background:var(--bc-t);box-shadow:0 0 8px var(--bc-t);transform-origin:left;transform:scaleX(var(--k,0));transition:transform .2s}
.bc-rail-arrow{display:none;width:34px;height:34px;border:1px solid #ffffff1f;border-radius:50%;background:none;color:var(--bc-mu);cursor:pointer}
.bc-rail-arrow:hover{color:var(--bc-t);border-color:#6ff7d866}

/* duel */
.bc-duel-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:14px}
.bc-duel-who{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:0;border-radius:12px;background:#ffffff06;box-shadow:inset 3px 0 0 var(--c);color:var(--bc-fg);font:inherit;text-align:left;cursor:pointer}
.bc-duel-who span{min-width:0;display:flex;flex-direction:column}.bc-duel-who small{font:9.5px var(--bc-mono);color:var(--bc-mu)}
.bc-duel-who strong{font-size:12px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bc-mini-visual{flex:none;width:46px;height:46px;border-radius:9px}
.bc-c0{--c:var(--bc-t)}.bc-c1{--c:var(--bc-v)}.bc-c2{--c:var(--bc-a)}.bc-c3{--c:var(--bc-b)}
.bc-duel-rows{display:grid;gap:14px}
.bc-duel-label{display:block;margin-bottom:6px;font:10px var(--bc-mono);letter-spacing:1.4px;color:var(--bc-mu);text-transform:uppercase}
.bc-duel-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:5px 0}
.bc-duel-track{height:8px;border-radius:5px;background:#ffffff08;overflow:hidden}
.bc-duel-track i{display:block;height:100%;border-radius:5px;background:var(--c);opacity:.75;transform-origin:left;transform:scaleX(var(--k))}
.bc-duel-line b{font:12px var(--bc-mono);color:#dbe8ec;white-space:nowrap}
.bc-duel-line em{font-style:normal;font:9.5px var(--bc-mono);color:#071016;background:var(--c);padding:2px 6px;border-radius:10px}
.bc-duel-line.is-top .bc-duel-track i{opacity:1;box-shadow:0 0 12px var(--c)}
.bc-duel-line.is-empty b{color:var(--bc-dim)}

/* chain (assembly by roles) */
.bc-chain{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}
.bc-chain-step{flex:0 0 72%;max-width:240px;display:flex;flex-direction:column;gap:6px}
.bc-chain-step .bc-card{flex:1;max-width:none}
.bc-chain-role{font:10px var(--bc-mono);letter-spacing:1.2px;color:var(--bc-a);text-transform:uppercase}

/* analytics */
.bc-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bc-metric{padding:12px;border-radius:12px;background:#ffffff06;box-shadow:inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:3px;min-width:0}
.bc-metric small{font:9.5px var(--bc-mono);letter-spacing:1px;color:var(--bc-mu);text-transform:uppercase}
.bc-metric strong{font-size:22px;font-weight:300;letter-spacing:-.6px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-metric span{font-size:11px;color:var(--bc-mu)}
.bc-ladder{position:relative;height:150px;margin:10px 4px 0}
.bc-ladder-axis{position:absolute;left:0;right:0;top:70px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--bc-t),var(--bc-a));transform-origin:left;box-shadow:0 0 10px #ffbf7255}
.bc-ladder-median{position:absolute;top:80px;left:calc(var(--x) * 100%);transform:translateX(-50%);font:9.5px var(--bc-mono);color:var(--bc-a);white-space:nowrap}
.bc-ladder-median:before{content:'';position:absolute;left:50%;top:-12px;width:1px;height:10px;background:var(--bc-a)}
.bc-ladder-dot{position:absolute;top:26px;left:calc(var(--x) * 100%);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;max-width:110px;padding:0;border:0;background:none;color:var(--bc-fg);font:inherit;cursor:pointer}
.bc-ladder-dot:after{content:'';order:3;width:11px;height:11px;margin-top:4px;border-radius:50%;background:#071016;border:2px solid var(--bc-t);box-shadow:0 0 10px var(--bc-t)}
.bc-ladder-dot span{font:10.5px var(--bc-mono);white-space:nowrap}
.bc-ladder-dot small{display:none;font-size:10px;color:var(--bc-mu);text-align:center;line-height:1.2}
.bc-ladder-dot.is-low{top:66px;flex-direction:column-reverse}.bc-ladder-dot.is-low:after{order:-1;margin:0 0 4px}
.bc-ladder-dot:hover{z-index:2}.bc-ladder-dot:hover small{display:block;background:#071016;padding:2px 4px;border-radius:4px}
.bc-ladder-scale{display:flex;justify-content:space-between;font:10px var(--bc-mono);color:var(--bc-dim)}
.bc-bars{display:grid;gap:8px}
.bc-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n v" "t t";gap:4px 10px;padding:0;border:0;background:none;color:var(--bc-fg);font:inherit;text-align:left;cursor:pointer}
.bc-bar-name{grid-area:n;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-bar>b{grid-area:v;font:12px var(--bc-mono);color:var(--bc-v)}
.bc-bar-track{grid-area:t;display:block;height:7px;border-radius:5px;background:#ffffff08;overflow:hidden}
.bc-bar-fill{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--bc-v),#d8ccff);box-shadow:0 0 10px #b9a4ff88;transform-origin:left;transform:scaleX(var(--k))}

/* explanation */
.bc-statement-text{margin:0;font-size:clamp(18px,4.4vw,25px);line-height:1.32;letter-spacing:-.4px;font-weight:400;color:#f1f8fa}
.bc-statement-items{display:grid;gap:8px;margin-top:14px}
.bc-statement-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:10px 12px;border-radius:12px;background:#ffffff06}
.bc-statement-item span{font:11px var(--bc-mono);color:var(--tc)}.bc-statement-item p{margin:0;font-size:13px;line-height:1.5;color:#cfdbe0}
.bc-route{position:relative;list-style:none;margin:0;padding:0 0 0 42px;display:grid;gap:14px}
.bc-route-line{position:absolute;left:12px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--tc),#ffffff10);transform-origin:top;border-radius:2px}
.bc-route-dot{position:absolute;left:7px;top:0;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 0 14px var(--tc),0 0 0 3px #07101688;opacity:0}
.bc-route li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:baseline}
.bc-route-n{font:11px var(--bc-mono);color:var(--tc);border:1px solid currentColor;border-radius:6px;width:22px;height:22px;display:grid;place-items:center;margin-left:-42px;background:#0a141b}
.bc-route li p{margin:0;font-size:13.5px;line-height:1.5;color:#d4e1e5}
.bc-split{display:grid;gap:10px}
.bc-split-card{padding:14px;border-radius:12px;background:#ffffff06;box-shadow:inset 3px 0 0 var(--c)}
.bc-split-card strong{display:block;font-size:14px;margin-bottom:4px}.bc-split-card p{margin:0;font-size:12.5px;line-height:1.5;color:#b8cbd1}
.bc-paths{display:grid;gap:8px}
.bc-path{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:8px 12px;border:0;border-radius:12px;background:#ffffff06;color:var(--bc-fg);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.bc-path:hover{background:#6ff7d810}.bc-path-n{font:11px var(--bc-mono);color:var(--bc-v)}.bc-path-arrow{color:var(--bc-t)}

/* voice pill */
.bc-voice{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:6px 6px 6px 14px;border-radius:30px;background:rgba(5,12,17,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #6ff7d855,0 0 28px #6ff7d822,0 14px 36px #0009}
.bc-voice[hidden]{display:none}
.bc-voice-wave{display:flex;align-items:center;gap:2px;height:16px}
.bc-voice-wave i{width:3px;height:100%;border-radius:2px;background:var(--bc-t);animation:bc-wave .9s ease-in-out infinite alternate}
.bc-voice-wave i:nth-child(2){animation-delay:.15s}.bc-voice-wave i:nth-child(3){animation-delay:.3s}.bc-voice-wave i:nth-child(4){animation-delay:.45s}
.bc-voice.is-paused .bc-voice-wave i{animation-play-state:paused;opacity:.4}
@keyframes bc-wave{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
.bc-voice-label{font:11px var(--bc-mono);color:#cfe7e4;white-space:nowrap;margin-right:4px}
.bc-vbtn{min-width:36px;height:36px;padding:0 10px;border:1px solid #ffffff22;border-radius:20px;background:none;color:#dff;font:12px var(--bc-mono);cursor:pointer;white-space:nowrap}
.bc-vbtn:hover{border-color:#6ff7d888;color:var(--bc-t)}
.bc-voff{color:var(--bc-a);border-color:#ffbf7255}

/* lab (250bar Canvas section) */
.bc-lab-intro{max-width:880px}
.bc-lab-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:14px 0}
.bc-lab-chip{min-height:34px;padding:0 12px;border:1px solid #ffffff1c;border-radius:20px;background:none;color:var(--bc-mu);font:10.5px var(--bc-mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.bc-lab-chip.is-on{color:var(--bc-t);border-color:#6ff7d866;background:#6ff7d810}
.bc-lab-demo{margin:10px 0 26px;padding:14px;border-radius:18px;background:#060d13;box-shadow:inset 0 0 0 1px #ffffff10}
.bc-lab-demo-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.bc-lab-say{padding:14px 16px;margin-bottom:12px;border-radius:4px;background:#0b1820}
.bc-lab-say p:not(.bc-note){margin:6px 0 0;font-size:clamp(18px,3.4vw,26px);line-height:1.22;letter-spacing:-.5px}
.bc-lab-grid{display:grid;gap:14px}
.bc-lab-item{display:grid;gap:10px;padding:14px;border-radius:16px;background:#070f15;box-shadow:inset 0 0 0 1px #ffffff0e}
.bc-lab-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:flex-start}
.bc-lab-meta h3{margin:0;font-size:16px}.bc-lab-meta code{font:10.5px var(--bc-mono);color:var(--bc-t)}
.bc-lab-meta p{margin:4px 0 0;font-size:12px;color:var(--bc-mu);line-height:1.5;max-width:640px}
.bc-lab-stage{min-width:0;margin:0 auto;width:100%;transition:max-width .4s}
.bc-lab-phone .bc-lab-stage{max-width:390px}
.bc-lab-archive summary{cursor:pointer;color:var(--bc-mu);font-size:13px}
.bc-lab-archive ul{columns:2 260px;font-size:12px;color:var(--bc-mu);line-height:1.7}

@media (min-width:700px){
  .bc-hub{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .bc-tile-big{grid-column:span 2;grid-row:span 2;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto auto}
  .bc-tile-big .bc-thumbs{grid-row:auto}.bc-tile-big .bc-thumb{width:100%;height:auto;aspect-ratio:16/9;max-height:220px}
  .bc-tile-big .bc-tile-t{font-size:19px}.bc-tile-big .bc-tile-m{font-size:30px}
  .bc-card{flex-basis:230px}
  .bc-rail-arrow{display:block}
  .bc-hero-body{grid-template-columns:minmax(220px,42%) minmax(0,1fr);gap:22px;align-items:start}
  .bc-scene{padding:20px 22px}
  .bc-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bc-split{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  .bc-next{grid-template-columns:repeat(3,minmax(0,1fr))}.bc-next>.bc-eyebrow{grid-column:1/-1}
  .bc-chain-step{flex-basis:230px}
  .bc-ladder-dot small{display:block}
}
@media (min-width:1200px){.bc-hub{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:420px){.bc-voice-label{display:none}.bc-voff{font-size:10.5px}}
@media (prefers-reduced-motion:reduce){.bc-wait{opacity:1}.bc-framed.is-hot .bc-f-run,.bc-voice-wave i,.bc-tile.is-loading .bc-tile-m{animation:none}}
@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-nav button span{font-size:8.5px}}
@media(max-width:699px){.bc-nav{flex-wrap:wrap;top:4px}.bc-tabs{order:3;flex-basis:100%}.bc-ctl{margin-left:auto}.bc-lab-demo{padding:8px;margin-left:-6px;margin-right:-6px}.bc-scene{padding:14px 12px}.bc-facet-head{padding:14px}}
.bc-metric-grid>.bc-metric:last-child:nth-child(odd){grid-column:1/-1}@media(min-width:700px){.bc-metric-grid>.bc-metric:last-child:nth-child(odd){grid-column:auto}}

.bc-tile-big.no-thumbs{grid-template-columns:minmax(0,1fr)}

/* ===== variants (bar-canvas-variants.js), prefix bcv- ===== */
.bcv-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}
.bcv-tabs::-webkit-scrollbar{display:none}
.bcv-tabs button{flex:none;min-height:32px;padding:0 11px;border:0;border-radius:16px;background:none;color:var(--bc-dim);font:10.5px var(--bc-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff12}
.bcv-tabs button.is-on{color:var(--bc-t);background:#6ff7d812;box-shadow:inset 0 0 0 1px #6ff7d855}
.bcv-who{display:flex;align-items:center;gap:8px;min-width:0;padding:0;border:0;background:none;color:var(--bc-fg);font:inherit;text-align:left;cursor:pointer}
.bcv-who-img{flex:none;width:36px;height:36px;border-radius:9px}
.bcv-who span{min-width:0;font-size:12px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* race */
.bcv-race-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.bcv-race-head strong{font-size:18px;font-weight:500}.bcv-race-head small{font:10.5px var(--bc-mono);color:var(--bc-mu)}
.bcv-lanes{display:grid;gap:10px}
.bcv-lane{display:grid;grid-template-columns:minmax(90px,150px) minmax(0,1fr);gap:10px;align-items:center}
.bcv-road{position:relative;display:block;width:100%;height:30px;padding:0;border:0;border-radius:15px;cursor:pointer;background:repeating-linear-gradient(90deg,#ffffff08 0 14px,transparent 14px 28px),#0a141b;box-shadow:inset 0 0 0 1px #ffffff0c}
.bcv-car{position:absolute;left:0;top:3px;height:24px;min-width:24px;border-radius:12px;background:linear-gradient(90deg,transparent,var(--c));box-shadow:0 0 14px var(--c);width:var(--w,0%);transition:width 1.3s cubic-bezier(.2,1.1,.3,1)}
.bcv-val{position:absolute;right:8px;top:0;line-height:30px;font:12px var(--bc-mono);color:#e6f0f3;text-shadow:0 0 6px #000}
.bcv-lane.is-lead .bcv-val:after{content:' ◆ лидер';color:var(--c)}
.bcv-lane.is-miss .bcv-road{background:repeating-linear-gradient(135deg,#ffffff06 0 6px,transparent 6px 12px),#0a141b}.bcv-lane.is-miss .bcv-val{color:var(--bc-dim)}
.bcv-podium{display:flex;flex-wrap:wrap;gap:8px}
.bcv-podium button{padding:6px 10px;border:0;border-radius:12px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--c);color:var(--c);font:11px var(--bc-mono);cursor:pointer}
/* board */
.bcv-board{overflow-x:auto;scrollbar-width:thin}
.bcv-board table{border-collapse:separate;border-spacing:6px;width:100%;min-width:430px;table-layout:fixed}.bcv-board th:first-child{width:96px}
.bcv-board th{font-weight:500;text-align:left;vertical-align:bottom;padding:0}
.bcv-rowh{position:sticky;left:0;z-index:1;background:#08121a;font:10.5px var(--bc-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--bc-mu);white-space:nowrap;padding-right:6px!important}
.bcv-board .bcv-who{flex-direction:column;align-items:flex-start;gap:5px}
.bcv-board .bcv-who-img{width:100%;height:auto;aspect-ratio:4/3}
.bcv-board td{padding:0}
.bcv-cell{width:100%;height:44px;border:0;border-radius:9px;background:#0b161f;color:#dbe8ec;font:13px var(--bc-mono);transform-origin:50% 0;box-shadow:inset 0 0 0 1px #ffffff0c;cursor:pointer}
.bcv-cell.is-best{color:#04211a;background:var(--c);box-shadow:0 0 18px var(--c)}
.bcv-cell.is-miss{color:var(--bc-dim);font-size:10.5px}
.bcv-wins{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.bcv-wins i{font:normal 9.5px var(--bc-mono);color:var(--c)}
/* versus */
.bcv-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}
.bcv-vs-card{min-width:0;display:flex;flex-direction:column;gap:6px;padding:9px;border:0;border-radius:12px;background:#0b161f;box-shadow:inset 0 0 0 1px var(--c);color:var(--bc-fg);font:inherit;text-align:left;cursor:pointer}
.bcv-vs-img{width:100%;height:auto;aspect-ratio:4/3;border-radius:9px}
.bcv-vs-card strong{font-size:12.5px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bcv-vs-card b{font:13px var(--bc-mono);color:var(--c);font-weight:500}
.bcv-vs-mid{font:600 22px var(--bc-mono);color:#fff;text-shadow:0 0 18px var(--bc-t)}
.bcv-tug{display:grid;gap:9px;margin-top:14px}
.bcv-tug-row{display:grid;grid-template-columns:76px 1fr 76px;gap:8px;align-items:center;font:12px var(--bc-mono)}
.bcv-l{text-align:right}.bcv-r{text-align:left}.bcv-tug .is-win{color:#fff}.bcv-tug .is-lose{color:var(--bc-dim)}
.bcv-tug-bar{position:relative;height:10px;border-radius:5px;background:#ffffff0a;overflow:hidden}
.bcv-tug-bar i{position:absolute;top:0;bottom:0;width:0;transition:width 1s cubic-bezier(.2,1.1,.3,1)}
.bcv-tug-bar i.L{right:50%;background:linear-gradient(270deg,var(--cl),transparent)}.bcv-tug-bar i.R{left:50%;background:linear-gradient(90deg,var(--cr),transparent)}
.bcv-tug-bar:after{content:'';position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#ffffff55}
.bcv-tug-label{grid-column:1/-1;text-align:center;font:9.5px var(--bc-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bc-mu);margin-bottom:-5px}
/* price */
.bcv-meta{display:flex;justify-content:space-between;gap:10px;font:10.5px var(--bc-mono);color:var(--bc-mu);margin-bottom:6px}
.bcv-callout{display:flex;gap:10px;align-items:center;min-height:62px;margin-top:10px;padding:9px;border-radius:12px;background:#0b161f;box-shadow:inset 0 0 0 1px #ffffff12}
.bcv-callout>div{min-width:0;flex:1}.bcv-callout strong{display:block;font-size:12.5px;font-weight:600;line-height:1.25}
.bcv-callout span{font:12px var(--bc-mono);color:var(--bc-t)}.bcv-callout small{font-size:11px;color:var(--bc-mu)}
.bcv-call-img{flex:none;width:46px;height:46px;border-radius:9px}
.bcv-swarm{position:relative;height:300px;margin:4px 0 0}@media (min-width:700px){.bcv-swarm{height:380px}}
.bcv-axis{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:linear-gradient(90deg,var(--bc-t),var(--bc-a));transform-origin:left;opacity:.7}
.bcv-tick{position:absolute;bottom:0;transform:translateX(-50%);font:10px var(--bc-mono);color:var(--bc-mu);white-space:nowrap}
.bcv-med{position:absolute;top:18px;bottom:20px;width:0;border-left:1px dashed #ffbf7299}
.bcv-medl{position:absolute;top:0;transform:translateX(-50%);font:10px var(--bc-mono);color:var(--bc-a);white-space:nowrap}
.bcv-dot{position:absolute;width:var(--s);height:var(--s);margin:calc(var(--s)/-2) 0 0 calc(var(--s)/-2);padding:0;border:0;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 0 0 2px #050a0f,0 0 0 3px var(--bc-t);transition:transform .2s,box-shadow .2s;z-index:1}
.bcv-dot-img{width:100%;height:100%;border-radius:50%}
.bcv-dot.is-out{box-shadow:0 0 0 2px #050a0f,0 0 0 3px var(--bc-a)}
.bcv-dot:hover,.bcv-dot.is-sel{transform:scale(1.25);box-shadow:0 0 0 2px #050a0f,0 0 0 3px #fff,0 0 18px var(--bc-t);z-index:3}
.bcv-out{position:absolute;top:calc(50% + 18px);font:10px var(--bc-mono);color:var(--bc-a)}
.bcv-brk{position:absolute;top:50%;width:14px;height:16px;margin-top:-8px;transform:translateX(-50%);color:var(--bc-a);font:12px var(--bc-mono);text-align:center;line-height:16px;background:#08121a;z-index:2}
.bcv-bins{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px;align-items:end;min-height:200px;padding-top:6px}
.bcv-bin{display:flex;flex-direction:column-reverse;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--bc-fg);font:inherit;cursor:pointer}
.bcv-lbl{font:9.5px var(--bc-mono);color:var(--bc-mu);text-align:center;line-height:1.2;min-height:24px}
.bcv-stack{display:flex;flex-direction:column-reverse;gap:3px;width:100%;align-items:center}
.bcv-bin-img{width:min(100%,46px);height:22px;border-radius:6px;box-shadow:0 0 0 1px #ffffff14}
.bcv-count{font-size:17px;font-weight:600;color:#fff}
.bcv-bin.is-on .bcv-lbl{color:var(--bc-t)}.bcv-bin.is-on .bcv-bin-img{box-shadow:0 0 0 1px var(--bc-t),0 0 10px #6ff7d855}
.bcv-bin-list{display:grid;gap:6px;margin-top:10px}
.bcv-bin-list button{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:0;border-radius:9px;background:#0b161f;color:var(--bc-fg);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.bcv-bin-list button:hover{background:#6ff7d810}
.bcv-bin-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bcv-bin-list b{font:12px var(--bc-mono);color:var(--bc-t);font-weight:500;white-space:nowrap}
.bcv-stairs{display:flex;align-items:flex-end;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:22px 2px 4px;scrollbar-width:thin}
.bcv-step{position:relative;flex:0 0 100px;scroll-snap-align:start;display:flex;flex-direction:column;gap:5px;height:var(--h);min-height:118px;padding:7px;border:0;border-radius:12px;background:linear-gradient(180deg,#0f1f29,#0a141b);box-shadow:inset 0 0 0 1px #ffffff12;color:var(--bc-fg);font:inherit;text-align:left;cursor:pointer}
.bcv-step:hover{box-shadow:inset 0 0 0 1px #6ff7d877}
.bcv-step-img{width:100%;height:54px;flex:none;border-radius:8px}
.bcv-step b{font:12px var(--bc-mono);color:#fff;font-weight:500}
.bcv-step small{font-size:10.5px;line-height:1.2;color:var(--bc-mu);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bcv-step em{position:absolute;top:-17px;left:6px;font:normal 9.5px var(--bc-mono);color:var(--bc-a);white-space:nowrap}
.bcv-step.is-med{box-shadow:inset 0 0 0 1px var(--bc-a),0 0 18px #ffbf7222}
.bcv-step.is-med:after{content:'медиана';position:absolute;bottom:6px;right:7px;font:9px var(--bc-mono);color:var(--bc-a)}
/* parts */
.bcv-sum{margin:0 0 12px;font:12px var(--bc-mono);color:var(--bc-t)}
.bcv-groups{display:grid;gap:12px}
.bcv-group h5{margin:0 0 6px;font:10.5px var(--bc-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bc-a)}
.bcv-prow{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;margin-top:4px;padding:8px 10px;border:0;border-radius:9px;background:#0a141b;color:var(--bc-fg);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.bcv-prow:hover{background:#10202a}
.bcv-prow.is-ok{box-shadow:inset 2px 0 0 var(--bc-t)}.bcv-prow.is-wait{box-shadow:inset 2px 0 0 #ffbf7288}
.bcv-n{font:10.5px var(--bc-mono);color:var(--bc-dim)}.bcv-q{font:11px var(--bc-mono);color:var(--bc-mu);white-space:nowrap}
.bcv-matched{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}
.bcv-mcard{display:flex;gap:9px;align-items:center;padding:9px;border:0;border-radius:12px;background:#0b161f;box-shadow:inset 0 0 0 1px #6ff7d844;color:var(--bc-fg);font:inherit;text-align:left;cursor:pointer}
.bcv-m-img{flex:none;width:54px;height:54px;border-radius:9px}
.bcv-mcard>span{min-width:0;display:flex;flex-direction:column;gap:3px}.bcv-mcard strong{font-size:12px;line-height:1.25;font-weight:600}.bcv-mcard b{font:11.5px var(--bc-mono);color:var(--bc-t);font-weight:500}
/* demand */
.bcv-demand{display:grid;gap:12px}
.bcv-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bcv-kpi{display:flex;flex-direction:column;gap:2px;padding:11px;border-radius:12px;background:#0b161f;box-shadow:inset 0 0 0 1px #ffffff0e}
.bcv-kpi small{font:9.5px var(--bc-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bc-mu)}
.bcv-kpi strong{font-size:26px;font-weight:300;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bcv-kpi span{font-size:11px;color:var(--bc-mu)}
.bcv-kpi.is-buy{grid-column:1/-1;box-shadow:inset 0 0 0 1px #6ff7d855}.bcv-kpi.is-buy strong{color:var(--bc-t)}
.bcv-basis{margin:0;font-size:12px;color:#b6c8cf}.bcv-basis b{color:var(--bc-a);font-weight:600}
.bcv-split{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px}.bcv-split i{display:block;height:100%;transform-origin:left}
.bcv-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--bc-mu)}
.bcv-legend b{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.bcv-spark{display:block;width:100%;height:60px}
.bcv-spark-area{fill:#6ff7d814}.bcv-spark-line{fill:none;stroke:var(--bc-t);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:1}
.bcv-months{display:flex;justify-content:space-between;font:10px var(--bc-mono);color:var(--bc-dim);margin-top:-6px}
.bcv-evidence{display:grid;gap:5px;padding:10px;border-radius:10px;background:#0a141b;font-size:11.5px;color:var(--bc-mu)}.bcv-evidence b{color:var(--bc-fg);font-weight:600}
@media (min-width:760px){.bcv-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.bcv-kpi.is-buy{grid-column:auto}}
@media (max-width:520px){.bcv-lane{grid-template-columns:84px minmax(0,1fr)}.bcv-tug-row{grid-template-columns:64px 1fr 64px;font-size:11px}.bcv-vs-img{height:76px}}
/* command bar while answering */
.space-command.bcv-cmd{transition:width .7s cubic-bezier(.2,1,.3,1),max-width .7s cubic-bezier(.2,1,.3,1),padding .5s,border-radius .5s,box-shadow .4s}
.bcv-cmd-run{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .3s}
.bcv-cmd-run rect{fill:none;stroke:var(--bc-t);stroke-width:1.6;stroke-dasharray:.12 .88}
.bcv-cmd-line,.bcv-cmd-track,.bcv-cmd-cap,.bcv-cmd-tags,.bcv-cmd-toast{display:none}
.bcv-cmd-toast{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;font:11px var(--bc-mono);color:var(--bc-t);background:#081218;padding:7px 12px;border-radius:14px;box-shadow:inset 0 0 0 1px #6ff7d866}
.bcv-cmd.is-done .bcv-cmd-toast{display:block;animation:bcv-up .4s both}
@keyframes bcv-up{from{opacity:0;transform:translate(-50%,8px)}}
/* A pulse */
.bcv-cmd-A.is-busy .bcv-cmd-run{opacity:1}.bcv-cmd-A.is-busy .bcv-cmd-run rect{animation:bcv-run 1.6s linear infinite}
@keyframes bcv-run{to{stroke-dashoffset:-1}}
.bcv-cmd-A.is-busy{box-shadow:0 0 26px #6ff7d822}
.bcv-cmd-A.is-busy #command-submit{background:conic-gradient(var(--bc-t) calc(var(--k,0)*360deg),#16302c 0)}
.bcv-cmd-A.is-busy .bcv-cmd-line{display:block;position:absolute;left:52px;bottom:calc(100% + 6px);font:10.5px var(--bc-mono);color:var(--bc-t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 60px)}
/* B stages */
.bcv-cmd-B.is-busy{flex-wrap:wrap;box-shadow:0 0 30px #b9a4ff1a}
.bcv-cmd-B.is-busy .bcv-cmd-track{display:grid;order:-1;flex-basis:100%;grid-template-columns:repeat(3,1fr);gap:6px;padding:2px 8px 6px}
.bcv-cmd-st{display:flex;flex-direction:column;gap:4px}.bcv-cmd-st small{font:9.5px var(--bc-mono);letter-spacing:.06em;color:var(--bc-dim);text-transform:uppercase}
.bcv-cmd-st i{display:block;height:3px;border-radius:3px;background:#ffffff12;overflow:hidden}
.bcv-cmd-st i:after{content:'';display:block;height:100%;width:0;background:var(--bc-v);box-shadow:0 0 10px var(--bc-v);transition:width 6s linear}
.bcv-cmd-st.is-on small{color:#e6dcff}.bcv-cmd-st.is-on i:after{width:85%}.bcv-cmd-st.is-done small{color:var(--bc-v)}.bcv-cmd-st.is-done i:after{width:100%;transition:width .3s}
.bcv-cmd-B.is-busy .bcv-cmd-tags{display:flex;position:absolute;left:46px;bottom:calc(100% + 6px);gap:5px}
.bcv-cmd-tags span{font:10px var(--bc-mono);color:#e6dcff;padding:3px 7px;border-radius:10px;background:#b9a4ff22;box-shadow:inset 0 0 0 1px #b9a4ff55}
/* C capsule */
.bcv-cmd-C.is-busy{max-width:280px!important;margin-inline:auto;box-shadow:0 0 30px #ffbf721f}
.bcv-cmd-C.is-busy>*:not(.bcv-cmd-cap):not(.bcv-cmd-run){display:none!important}
.bcv-cmd-C.is-busy .bcv-cmd-cap{display:flex;flex:1;align-items:center;gap:10px;min-height:44px;padding:0 6px;border:0;background:none;color:#ffe2bd;font:12px var(--bc-mono);cursor:pointer}
.bcv-cmd-orb{flex:none;width:30px;height:30px;border-radius:50%;background:conic-gradient(var(--bc-a),transparent 70%);animation:bcv-spin 1.1s linear infinite;-webkit-mask:radial-gradient(circle,transparent 55%,#000 56%);mask:radial-gradient(circle,transparent 55%,#000 56%)}
@keyframes bcv-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bcv-cmd-run rect,.bcv-cmd-orb{animation:none}}

/* draft panel: a tile still being prepared by the agent */
.bc-tile.is-pending,.bc-tile.is-pending:disabled{cursor:progress;opacity:1}
.bc-tile.is-pending .bc-tile-t{background:linear-gradient(90deg,#9bb 0%,#fff 45%,#9bb 60%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:bc-shimtext 1.6s linear infinite}
.bc-tile.is-pending .bc-thumb{animation:bc-think 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .4s)}
.bc-tile.is-pending .bc-tile-go{color:var(--bc-t)}
.bc-tile.is-pending .bc-f-run{opacity:.75;animation:bc-run 2.6s linear infinite}
@keyframes bc-shimtext{from{background-position:120% 0}to{background-position:-100% 0}}
@keyframes bc-think{0%,100%{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
.bc-tile-big.is-pending .bc-thumbs{display:flex;gap:6px}.bc-tile-big.is-pending .bc-thumb{width:31%;margin:0;transform:none}
@media (prefers-reduced-motion:reduce){.bc-tile.is-pending .bc-tile-t,.bc-tile.is-pending .bc-thumb,.bc-tile.is-pending .bc-f-run{animation:none}}

/* bill of materials table + assembly memory */
.bcv-cap{position:sticky;top:64px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:rgba(8,18,26,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #b9a4ff44}
.bcv-cap-text{flex:1 1 220px;font-size:12.5px;color:#cfdbe0}.bcv-cap-text b{color:var(--bc-v);font-weight:600}
.bcv-cap-track{flex:1 1 120px;height:4px;border-radius:4px;background:#ffffff12;overflow:hidden}
.bcv-cap-fill{display:block;height:100%;background:linear-gradient(90deg,var(--bc-v),var(--bc-t));transform-origin:left;transform:scaleX(var(--k,0));transition:transform .5s cubic-bezier(.2,1,.3,1)}
.bcv-cap-actions{display:flex;flex-wrap:wrap;gap:6px}
.bcv-table{display:grid;gap:4px}
.bcv-trow{display:grid;grid-template-columns:24px 26px minmax(0,1fr) repeat(var(--cols),minmax(84px,.32fr)) minmax(92px,auto);gap:10px;align-items:center;padding:8px 10px;border-radius:9px;background:#0a141b;font-size:12.5px;transition:background .2s,box-shadow .2s}
.bcv-trow.is-ok{box-shadow:inset 2px 0 0 var(--bc-t)}.bcv-trow.is-wait{box-shadow:inset 2px 0 0 #ffbf7288}
.bcv-trow.is-picked{background:#b9a4ff14;box-shadow:inset 2px 0 0 var(--bc-v),inset 0 0 0 1px #b9a4ff44}
.bcv-thead{background:none;padding-top:0;padding-bottom:2px;font:9.5px var(--bc-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bc-dim)}
.bcv-tgroup{margin-top:10px;padding:0 2px;font:10.5px var(--bc-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bc-a)}
.bcv-check{width:18px;height:18px;margin:0;accent-color:var(--bc-v);cursor:pointer}
.bcv-tname{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0;border:0;background:none;color:var(--bc-fg);font:inherit;text-align:left}
button.bcv-tname{cursor:pointer}button.bcv-tname strong{text-decoration:underline;text-decoration-color:#6ff7d855;text-underline-offset:3px}button.bcv-tname:hover strong{color:var(--bc-t)}
.bcv-tname strong{font-weight:500;line-height:1.3}.bcv-tname small{font-size:10.5px;color:var(--bc-dim)}
.bcv-tchips{display:none;flex-wrap:wrap;gap:4px}.bcv-tchips i{font-style:normal;font:10.5px var(--bc-mono);padding:2px 7px;border-radius:9px;background:#ffffff0a;color:#bcd0d6}
.bcv-tspec{font:11.5px var(--bc-mono);color:#cfe0e4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcv-tspec.is-empty{color:#ffffff22}
.bcv-thead .bcv-tspec{color:var(--bc-dim);font-size:9.5px}
.bcv-tq{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.bcv-tq b{font:11.5px var(--bc-mono);color:var(--bc-mu);font-weight:500;white-space:nowrap}
.bcv-trow.is-ok .bcv-tq b{color:var(--bc-t)}.bcv-tq small{font-size:10px;color:var(--bc-t)}
@media (max-width:860px){
  .bcv-trow{grid-template-columns:22px minmax(0,1fr) auto;gap:8px}
  .bcv-trow>.bcv-n,.bcv-trow>.bcv-tspec{display:none}
  .bcv-tchips{display:flex}
  .bcv-thead{display:none}
  .bcv-cap{top:120px}
}

/* director line under the hub */
.bc-direction{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px;padding:10px 12px;border-radius:12px;background:#0a141bcc;box-shadow:inset 0 0 0 1px #ffffff10}
.bc-direction-list{flex:1 1 260px;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--bc-mu)}
.bc-direction-list b{color:var(--bc-t);font-weight:500}

/* picker: Market candidates for a 1C line */
.bcv-pick-btn{margin-top:2px;padding:4px 9px;border:1px solid #6ff7d866;border-radius:14px;background:#6ff7d80f;color:var(--bc-t);font:10.5px var(--bc-mono);cursor:pointer;white-space:nowrap}
.bcv-pick-btn:hover{background:#6ff7d822}
.bcv-trow.is-linked{box-shadow:inset 2px 0 0 var(--bc-t)}
.bcv-picker{margin:2px 0 8px 32px;padding:12px;border-radius:12px;background:#08131a;box-shadow:inset 0 0 0 1px #6ff7d833}
.bcv-picker-head{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-bottom:10px}
.bcv-picker-head strong{font-size:13px;font-weight:600}.bcv-picker-head span{font-size:12px;color:var(--bc-a)}
.bcv-picker-current{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;font-size:12px;color:var(--bc-t)}
.bcv-cands{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.bcv-cand{display:flex;gap:10px;padding:10px;border-radius:12px;background:#0b161f;box-shadow:inset 0 0 0 1px #ffffff12}
.bcv-cand.is-best{box-shadow:inset 0 0 0 1px var(--bc-t),0 0 20px #6ff7d81a}
.bcv-cand.is-risky{opacity:.82}
.bcv-cand-img{flex:none;width:72px;height:72px;border-radius:10px}
.bcv-cand-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.bcv-cand-info strong{font-size:12.5px;line-height:1.3;font-weight:600}.bcv-cand-info>b{font:12.5px var(--bc-mono);color:var(--bc-t);font-weight:500}
.bcv-cand-tag{font:9.5px var(--bc-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bc-t)}
.bcv-cand-checks{display:flex;flex-wrap:wrap;gap:4px}
.bcv-cand-checks span{font:10px var(--bc-mono);padding:2px 7px;border-radius:9px;background:#ffffff08;color:var(--bc-mu)}
.bcv-cand-checks .is-ok{color:#9ff0c8;background:#6ff7d812}.bcv-cand-checks .is-bad{color:#ff9aa5;background:#ff7a8a14}
.bcv-cand-act{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:2px}
.bcv-confirm-q{font-size:12px;color:var(--bc-a)}
@media (max-width:860px){.bcv-picker{margin-left:0}}

/* backlog: 1C lines ↔ Market */
.bcv-bl-head{display:grid;gap:10px;margin-bottom:12px}
.bcv-bl-sum{margin:0;font-size:13px;color:#cfdbe0}
.bcv-bl-bar{display:flex;height:10px;border-radius:6px;overflow:hidden;gap:2px}.bcv-bl-bar i{display:block;height:100%}
.bcv-bl-legend{display:flex;flex-wrap:wrap;gap:6px}
.bcv-bl-filter{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:0;border-radius:17px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;color:var(--bc-mu);font:11px var(--bc-mono);cursor:pointer}
.bcv-bl-filter b{width:9px;height:9px;border-radius:3px}.bcv-bl-filter.is-on{color:var(--bc-fg);box-shadow:inset 0 0 0 1px #ffffff55;background:#ffffff10}.bcv-bl-filter:disabled{cursor:default}
.bcv-bl-list{display:grid;gap:8px;margin-top:10px}
.bcv-bl-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#0a141b;box-shadow:inset 3px 0 0 var(--c,#ffffff22)}
.bcv-bl-ready{--c:#9ff0c8}.bcv-bl-review{--c:var(--bc-a)}.bcv-bl-missing{--c:#ff9aa5}.bcv-bl-row.is-done{--c:var(--bc-t);opacity:.8}
.bcv-bl-row>.bcv-picker{grid-column:1/-1;margin:4px 0 0}
.bcv-bl-main{display:flex;gap:10px;align-items:flex-start;min-width:0}
.bcv-bl-count{flex:none;min-width:48px;padding:3px 7px;border-radius:9px;background:#ffffff0a;font:11px var(--bc-mono);color:var(--bc-fg);text-align:center}
.bcv-bl-text{display:flex;flex-direction:column;gap:2px;min-width:0}.bcv-bl-text strong{font-size:12.5px;font-weight:600;line-height:1.3}.bcv-bl-text small{font-size:11px;color:var(--bc-dim)}
.bcv-bl-best{display:flex;gap:9px;align-items:center;min-width:0}.bcv-bl-img{flex:none;width:44px;height:44px;border-radius:9px}
.bcv-bl-best>div{display:flex;flex-direction:column;gap:3px;min-width:0}.bcv-bl-best span{font-size:12px;line-height:1.25}.bcv-bl-best b{font:11.5px var(--bc-mono);color:var(--bc-t);font-weight:500}
@media (max-width:860px){.bcv-bl-row{grid-template-columns:minmax(0,1fr)}}
.bom-backlog-panel{margin:18px 0}.bom-backlog-panel>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:baseline}
.bom-backlog-panel>summary::-webkit-details-marker{display:none}.bom-backlog-panel>summary h3{margin:6px 0 0}

/* personal product loader (Kit card drawer) */
.product-loader{display:grid;gap:16px;padding:6px 0}
.product-loader-visual{position:relative;height:220px;border-radius:16px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 40%,#16323a,#09141c 72%);box-shadow:inset 0 0 0 1px #6ff7d833}
.product-loader-bg{position:absolute;inset:-14%;width:128%;height:128%;object-fit:cover;filter:blur(18px) brightness(.45) saturate(1.2);z-index:-1}
.product-loader-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%;animation:pl-breathe 2.4s ease-in-out infinite}
.product-loader-glyph{position:absolute;inset:0;display:grid;place-items:center;font-size:48px;color:#6ff7d8;animation:pl-spin 2.8s linear infinite}
.product-loader-scan{position:absolute;left:0;right:0;height:40%;top:-40%;background:linear-gradient(180deg,transparent,#6ff7d822 70%,#6ff7d8 99%,transparent);mix-blend-mode:screen;animation:pl-scan 1.6s cubic-bezier(.5,0,.5,1) infinite}
.product-loader-info{display:grid;gap:8px}
.product-loader-info small{font:10px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;color:#8aa1ad}
.product-loader-info strong{font-size:18px;line-height:1.25;color:#e9f3f6}
.product-loader-info b{font-size:22px;font-weight:300;color:#fff}
.product-loader-steps{display:grid;gap:6px;margin-top:4px}
.product-loader-step{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#536b77;transition:color .3s}
.product-loader-step:before{content:'';width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1px #536b77;transition:all .3s}
.product-loader-step.is-done{color:#cfe7e4}.product-loader-step.is-done:before{background:#6ff7d8;box-shadow:0 0 10px #6ff7d8}
.product-loader-bar{height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#6ff7d8,transparent);background-size:200% 100%;animation:pl-bar 1.2s linear infinite}
@keyframes pl-scan{to{top:100%}}@keyframes pl-bar{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes pl-breathe{50%{transform:scale(1.03)}}@keyframes pl-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.product-loader-img,.product-loader-glyph,.product-loader-scan,.product-loader-bar{animation:none}}

/* Space side of LIVE rooms (rooms-space.js) */
.rs-chip{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid #6ff7d855;border-radius:17px;background:#6ff7d80c;color:#cfe7e4;font:600 11px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;cursor:pointer}
.rs-chip i{width:8px;height:8px;border-radius:50%;background:#536b77}
.rs-chip b{min-width:18px;padding:1px 5px;border-radius:9px;background:#ffffff12;font-weight:500;letter-spacing:0}
.rs-chip.is-alert{border-color:#b9a4ff;color:#fff;box-shadow:0 0 22px #b9a4ff44}.rs-chip.is-alert i{background:#b9a4ff;box-shadow:0 0 10px #b9a4ff;animation:rs-blink .8s infinite alternate}.rs-chip.is-alert b{background:#b9a4ff;color:#120a2a}
@keyframes rs-blink{to{opacity:.3}}
.rs-panel{position:fixed;top:70px;right:16px;z-index:50;width:min(380px,calc(100vw - 32px));max-height:70vh;overflow:auto;display:grid;gap:12px;padding:16px;border-radius:18px;background:rgba(8,16,22,.97);box-shadow:inset 0 0 0 1px #6ff7d844,0 24px 60px #000c}
.rs-panel[hidden]{display:none}
.rs-head{position:relative}.rs-head h3{margin:6px 0 0;font-size:18px}
.rs-close{position:absolute;top:0;right:0;width:32px;height:32px;border:1px solid #ffffff22;border-radius:50%;background:none;color:#cfe0e4;cursor:pointer}
.rs-list{display:grid;gap:8px}
.rs-room{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#0b161f;box-shadow:inset 3px 0 0 #6ff7d8}
.rs-room.rs-waiting{box-shadow:inset 3px 0 0 #b9a4ff,0 0 18px #b9a4ff1a}
.rs-room strong{display:block;font-size:13.5px}.rs-room span{font-size:11.5px;color:#8aa1ad}
.rs-go{flex:none;min-height:36px;padding:0 12px;border:0;border-radius:10px;background:#6ff7d8;color:#04211a;font-weight:700;font-size:12.5px;cursor:pointer}
.rs-notify{min-height:36px;border:1px solid #ffffff22;border-radius:10px;background:none;color:#cfe0e4;font-size:12px;cursor:pointer}
.rs-toast{position:fixed;top:16px;right:16px;z-index:60;display:grid;grid-template-columns:auto 1fr auto;gap:6px 12px;align-items:center;width:min(420px,calc(100vw - 32px));padding:14px;border-radius:18px;background:rgba(10,8,24,.97);box-shadow:inset 0 0 0 1px #b9a4ffaa,0 0 50px #b9a4ff33,0 24px 60px #000c}
.rs-toast small{display:block;font:10px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;color:#b9a4ff}.rs-toast strong{display:block;font-size:15px}.rs-toast span{font-size:12px;color:#b6c8cf}
.rs-timer{font:600 15px "JetBrains Mono",ui-monospace,monospace!important;color:#fff!important}
.rs-acts{grid-column:1/-1;display:flex;gap:8px}
.rs-later{min-height:36px;padding:0 12px;border:1px solid #ffffff22;border-radius:10px;background:none;color:#cfe0e4;cursor:pointer}
.rs-orb{position:relative;width:44px;height:44px;display:grid;place-items:center}
.rs-orb i{position:absolute;inset:0;border-radius:50%;border:1px solid #b9a4ff88;animation:rs-ring 1.8s ease-out infinite}.rs-orb i+i{animation-delay:.9s}
.rs-orb b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#8f7bff,#2a1e5a);color:#fff;font-weight:400;box-shadow:0 0 18px #b9a4ff88}
@keyframes rs-ring{from{transform:scale(.6);opacity:1}to{transform:scale(1.4);opacity:0}}
@media (max-width:760px){.rs-chip span{display:none}.rs-panel{top:62px}}
@media (prefers-reduced-motion:reduce){.rs-chip.is-alert i,.rs-orb i{animation:none}}

/* settings: agents grouped */
.agent-settings{gap:14px!important}
.agent-box{display:grid;gap:14px;margin:0;padding:16px;border:0;border-radius:14px;background:#0b1820;box-shadow:inset 0 0 0 1px #6ff7d822}
.agent-box legend{padding:0 6px;font:600 12px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#cfe7e4}
.agent-box legend span{color:#6ff7d8;margin-right:4px}
.agent-link{margin:0;font-size:12.5px;color:#a9bcc4}

/* swarm hover card */
.bcv-tip{position:absolute;z-index:6;display:flex;gap:10px;width:280px;padding:10px;border-radius:14px;background:rgba(8,16,22,.97);box-shadow:inset 0 0 0 1px #ffbf7277,0 18px 40px #000c;pointer-events:auto}
.bcv-tip[hidden]{display:none}
.bcv-tip-img{flex:none;width:96px;height:96px;border-radius:10px}
.bcv-tip>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.bcv-tip strong{font-size:12.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bcv-tip b{font:15px "JetBrains Mono",ui-monospace,monospace;color:#fff;font-weight:500}.bcv-tip small{font-size:11px;color:var(--bc-mu)}
.bcv-tip .bc-btn{min-height:32px;margin-top:auto;font-size:11.5px}
.bcv-dot{transition:transform .25s cubic-bezier(.2,1.3,.4,1),box-shadow .25s}
.bcv-dot:hover,.bcv-dot:focus-visible{transform:scale(1.45);z-index:4}/* AI comparison */
/* picker manual search */
.bcv-picker-search{margin-top:10px}
.bcv-picker-search input{width:100%;min-height:44px;padding:0 14px;border:1px solid #6ff7d844;border-radius:12px;background:#050c11;color:var(--bc-fg);font:inherit;font-size:14px;outline:none}
.bcv-picker-search input:focus{border-color:var(--bc-t);box-shadow:0 0 0 3px #6ff7d822}
.bcv-picker-search+.bcv-cands{margin-top:8px}


/* Tablet and phone: compact two-column hub, no holes (dense packing), notes only on the wide tiles. */
@media (max-width:1050px){
  .bc-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-auto-flow:row dense}
  .bc-tile{min-height:0;gap:4px;padding:11px 12px 10px}
  .bc-tile-t{font-size:13px}
  .bc-tile-m{font-size:17px}
  .bc-tile-n{display:none}
  .bc-tile-go{position:absolute;top:9px;right:11px;margin:0;font-size:0}
  .bc-tile-go:after{content:'↘';font-size:13px;color:var(--tc)}
  .bc-tile-k{padding-right:16px}
  .bc-tile-big{grid-column:1/-1;grid-row:auto;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px}
  .bc-tile-big.no-thumbs{grid-template-columns:minmax(0,1fr)}
  .bc-tile-big .bc-thumbs{grid-row:2/3}.bc-tile-big .bc-thumb{width:64px;height:64px;aspect-ratio:auto;max-height:none}
  .bc-tile-big .bc-tile-t{font-size:15px;-webkit-line-clamp:2}.bc-tile-big .bc-tile-m{font-size:22px}
  .bc-tile-big .bc-tile-n{display:-webkit-box;-webkit-line-clamp:1}
}

/* The answer card draws its own neon frame with fixed corners: the voice template's cut mask must not clip it */
.voice-template.voice-active .explore-answer.bc-framed{clip-path:none;border-color:transparent;box-shadow:0 18px 50px #0007}/* Smart duel header */
@keyframes bcv-crown{50%{transform:translateX(-50%) translateY(-3px)}}

/* «Собери сам!» — the constructor game full screen over Space */
.bc-builder{position:fixed;inset:0;z-index:2147483000;background:#04080c;animation:bcbIn .35s cubic-bezier(.2,.9,.3,1)}
.bc-builder iframe{display:block;width:100%;height:100%;border:0}.bc-builder.out{opacity:0;transform:scale(.98);transition:opacity .25s,transform .25s}
@keyframes bcbIn{from{opacity:0;transform:scale(.97)}}
/* «Собери сам!» tile art: three parts on a pipe, water runs through */
.bc-build-art{position:relative;display:flex;align-items:center;gap:22px;height:64px;margin:6px 0 4px;padding:0 4px}
.bc-build-art .bap{position:absolute;left:24px;right:24px;top:50%;height:8px;margin-top:-4px;border-radius:4px;background:#ffffff14;overflow:hidden}
.bc-build-art .bap b{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#5ec8ff00 0 12px,#5ec8ff 12px 22px,#6ff7d8 22px 28px,#5ec8ff00 28px 40px);background-size:40px 100%;animation:babFlow .9s linear infinite}
.bc-build-art .bab{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#fff;box-shadow:0 0 0 3px #0b161e,0 0 0 5px #6ff7d8aa,0 10px 24px #0008;animation:babPop .6s calc(var(--i)*.15s) both,babBob 3s calc(var(--i)*.4s) ease-in-out infinite}
.bc-build-art .bab img{width:86%;height:86%;object-fit:contain}.bc-build-art .bab i{font-style:normal;font-size:24px}
@keyframes babFlow{to{background-position:40px 0}}@keyframes babPop{from{transform:scale(.4);opacity:0}}@keyframes babBob{50%{translate:0 -4px}}
.bc-tile-build .bc-tile-k{color:#ffd36b}
@media(prefers-reduced-motion:reduce){.bc-build-art *{animation:none!important}}
/* hover: the tile comes alive — pictures fan out, a line of real data types in, a light runs over the frame */
.bc-tile-live{display:block;height:0;overflow:hidden;opacity:0;font:600 11px "JetBrains Mono",monospace;color:#cfe2e6;white-space:nowrap;text-overflow:ellipsis;transition:height .3s,opacity .3s,margin .3s}
.bc-tile.is-alive .bc-tile-live{height:16px;opacity:1;margin-top:6px}
.bc-tile .bc-thumbs .bc-thumb{transition:transform .45s cubic-bezier(.2,1.35,.4,1),box-shadow .3s}
.bc-tile.bc-tile-big.is-alive .bc-thumbs .bc-thumb{transform:scale(1.03);box-shadow:0 0 0 1px #6ff7d866,0 16px 40px #000a}
.bc-tile:not(.bc-tile-big).is-alive .bc-thumbs .bc-thumb{transform:translateX(calc(var(--i,0)*14px)) rotate(calc((var(--i,0) - 1)*6deg)) translateY(-4px);box-shadow:0 10px 26px #000a,0 0 0 1px #6ff7d866}
.bc-tile.is-alive .bc-tile-m{color:#6ff7d8;text-shadow:0 0 16px #6ff7d866}
.bc-tile:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#ffffff14 47%,#6ff7d822 50%,transparent 60%) -120% 0/250% 100% no-repeat;opacity:0}
.bc-tile.is-alive:after{opacity:1;animation:bcAliveSweep 1.1s ease-out}
@keyframes bcAliveSweep{from{background-position:-120% 0}to{background-position:220% 0}}
.bc-tile.is-alive .bc-build-art .bap b{animation-duration:.35s}.bc-tile.is-alive .bc-build-art .bab{box-shadow:0 0 0 3px #0b161e,0 0 0 5px #6ff7d8,0 0 24px #6ff7d8aa}
@media(prefers-reduced-motion:reduce){.bc-tile.is-alive:after{animation:none}}

/* product cards from the constructor open in Space's own drawer, above the constructor */
body.builder-open .detail-drawer{z-index:2147483640!important}body.builder-open .drawer-backdrop{z-index:2147483630!important}body.builder-open #site-product-overlay{z-index:2147483640!important}

/* Dive tabs of the modules' own blocks (30.10.2026): the constructor inline, the Q&A with questions from the videos */
.bc-builder-inline{display:block;width:100%;height:min(78vh,760px);border:0;border-radius:14px;background:#05090d}
.bc-qa{display:grid;gap:14px}
.bc-qa-vq{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bc-qa-vq .bc-eyebrow{flex-basis:100%}
.cv-dive{margin:0}
/* «Соберите комплект» (bar-canvas.js together): your product, the groups of what goes with it, ticks, the sum and one button */
.bc-kit{display:grid;gap:16px}
.bc-kit-head{display:flex;align-items:center;gap:14px;padding:12px;border-radius:18px;background:#ffffff08;box-shadow:inset 0 0 0 1px #c3a9fd44}
.bc-kit-anchor{width:84px!important;height:84px!important;flex:none;border-radius:14px;overflow:hidden}
.bc-kit-anchor-t{display:grid;gap:3px}.bc-kit-anchor-t small{font:700 9.5px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;color:#c3a9fd}.bc-kit-anchor-t strong{font-size:16px}.bc-kit-anchor-t span{color:#6ff7d8;font-weight:700}
.bc-kit-g h4{margin:0 0 8px;font-size:13px;letter-spacing:.04em;color:#8be5cc}
.bc-kit-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.bc-kit-row .bc-card{position:relative;transition:opacity .25s,filter .25s}.bc-kit-row .bc-card.is-off{opacity:.45;filter:grayscale(.6)}
.bc-kit-role{position:absolute;z-index:2;top:10px;left:10px;padding:4px 9px;border-radius:999px;background:#0b141acc;color:#c3a9fd;font:700 10.5px Manrope,system-ui,sans-serif;backdrop-filter:blur(6px)}
.bc-kit-why{margin:6px 0 0;color:#a8bcc2;font-size:12px;line-height:1.4}
.bc-kit-tick{position:absolute;z-index:2;top:10px;right:10px;cursor:pointer}.bc-kit-tick input{position:absolute;opacity:0}
.bc-kit-tick i{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#0b141acc;box-shadow:inset 0 0 0 1.5px #6ff7d8aa}
.bc-kit-tick input:checked+i{background:#6ff7d8}.bc-kit-tick input:checked+i::after{content:'✓';color:#04130f;font:900 14px/1 Manrope,sans-serif}
.bc-kit-foot{position:sticky;bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#0d1a20f2;box-shadow:inset 0 0 0 1px #6ff7d855,0 10px 30px #0008;backdrop-filter:blur(10px)}
.bc-kit-sum{font-size:15px}.bc-kit-go{height:42px;padding:0 18px;border:0;border-radius:13px;background:linear-gradient(135deg,#6ff7d8,#c3a9fd);color:#04130f;font:800 14px Manrope,system-ui,sans-serif;cursor:pointer}
.bc-kit-go:disabled{opacity:.4}
@media(max-width:600px){.bc-kit-row{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-kit-foot{flex-direction:column;align-items:stretch}.bc-kit-go{width:100%}}
.bc-kit .bc-card .sc-add,.bc-kit .bc-card .pin-action{display:none!important}/* in the kit the tick chooses, the one button below adds */