/* «Магазины» looks (space-shop.js) — Space and /start/ share them. */
.shop-styles{display:flex;gap:4px;padding:4px;margin:0 0 14px;border-radius:15px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff14;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.shop-styles::-webkit-scrollbar{display:none}
.shop-styles button{flex:none;border:0;border-radius:11px;padding:8px 13px;background:none;color:#9fb3b8;font-weight:800;font-size:13px;cursor:pointer;transition:.25s}
.shop-styles button.on{background:linear-gradient(135deg,#6ff7d8,#2bd9b0);color:#06231c;box-shadow:0 0 22px #6ff7d844}
.shop-styles button[data-k="feed"]{color:#cdbfff}

/* Showcase: glass card, light under the pointer */
#kit-list[data-shop="showcase"] .product-card{border:0;border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff14,0 18px 44px #0007;background:linear-gradient(160deg,#122330,#0b151e);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.9,.25,1),box-shadow .3s}
#kit-list[data-shop="showcase"] .product-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%),#6ff7d822,transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:2}
#kit-list[data-shop="showcase"] .product-card:hover{box-shadow:inset 0 0 0 1px #6ff7d877,0 28px 64px #000a}#kit-list[data-shop="showcase"] .product-card:hover:before{opacity:1}
#kit-list[data-shop="showcase"] .product-visual{height:auto;aspect-ratio:1;border-radius:18px;background:#fff}
#kit-list[data-shop="showcase"] .product-visual img{width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.2,.9,.25,1)}
#kit-list[data-shop="showcase"] .product-card:hover .product-visual img{transform:scale(1.05)}

/* Bento: best sellers grow */
/* Bento as a Pinterest wall: rows of 4 px, each card spans its own height (space-shop.js), dense packing fills the holes */
#kit-list[data-shop="bento"]{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-auto-flow:dense;grid-auto-rows:4px;row-gap:0;align-items:start}
#kit-list[data-shop="bento"] .product-card{margin-bottom:12px}
#kit-list[data-shop="bento"] .product-card{border-radius:22px}
#kit-list[data-shop="bento"] .product-card.b-l{grid-column:auto}/* Pinterest: equal columns, heights vary */
#kit-list[data-shop="bento"] .product-card.b-xl{grid-column:span 2;grid-row:span 2}
#kit-list[data-shop="bento"] .product-card.b-xl .product-visual{height:360px;background:#fff}
#kit-list[data-shop="bento"] .product-card.b-l .product-visual{height:200px;background:#fff}
#kit-list[data-shop="bento"] .product-card.b-xl strong{font-size:20px}
#kit-list[data-shop="bento"] .product-visual img{width:100%;height:100%;object-fit:contain}

/* Table: dense rows for work */
#kit-list[data-shop="table"]{grid-template-columns:1fr;gap:6px}
#kit-list[data-shop="table"] .product-card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;min-height:0;padding:7px 10px;border-radius:16px;animation:none}
#kit-list[data-shop="table"] .product-visual{width:72px;height:72px;border-radius:12px;background:#fff;font-size:22px}
#kit-list[data-shop="table"] .product-visual img{width:100%;height:100%;object-fit:contain}
#kit-list[data-shop="table"] .product-card-info{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name sales price" "sku sales price";align-items:center;column-gap:16px;text-align:left}
#kit-list[data-shop="table"] .product-card-info strong{grid-area:name;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kit-list[data-shop="table"] .product-card-info small{grid-area:sku}
#kit-list[data-shop="table"] .product-card-info .product-sales-badge{grid-area:sales}
#kit-list[data-shop="table"] .product-card-info b{grid-area:price;font-size:17px}
#kit-list[data-shop="table"] .product-state{display:none}
.shop-zoom{position:fixed;z-index:900;width:260px;height:260px;border-radius:22px;background:#fff center/contain no-repeat;pointer-events:none;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff22;opacity:0;transform:scale(.9);transition:opacity .2s,transform .25s cubic-bezier(.2,1,.3,1)}
.shop-zoom.on{opacity:1;transform:none}

/* 3D shelf */
#kit-list[data-shop="shelf"]{display:block;position:relative;height:560px;perspective:1400px;overflow:hidden;touch-action:pan-y}
#kit-list[data-shop="shelf"] .product-card{position:absolute;left:50%;top:20px;width:320px;margin-left:-160px;transition:transform .7s cubic-bezier(.2,.9,.25,1),opacity .7s,filter .7s;animation:none}
#kit-list[data-shop="shelf"] .product-visual{height:300px;background:#fff}
#kit-list[data-shop="shelf"] .product-visual img{width:100%;height:100%;object-fit:contain}
#kit-list[data-shop="shelf"] .product-card.shelf-front{box-shadow:inset 0 0 0 1.5px #6ff7d8,0 40px 90px #000c}
.shelf-nav{display:flex;justify-content:center;gap:10px;margin:6px 0 14px}.shelf-nav[hidden]{display:none}
.shelf-nav button{width:48px;height:48px;border:0;border-radius:50%;background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff1c;color:#fff;font-size:18px;cursor:pointer}
@media(max-width:760px){
  #kit-list[data-shop="bento"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  #kit-list[data-shop="bento"] .product-card.b-xl .product-visual{height:240px}
  #kit-list[data-shop="table"] .product-card-info{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "sales price"}
  #kit-list[data-shop="table"] .product-card-info small{display:none}
  #kit-list[data-shop="shelf"]{height:470px}#kit-list[data-shop="shelf"] .product-card{width:250px;margin-left:-125px}#kit-list[data-shop="shelf"] .product-visual{height:220px}
}
@media(prefers-reduced-motion:reduce){#kit-list .product-card{transition:none}}
/* Gesture tension (space-gestures.js) */
.g-charged{box-shadow:inset 0 0 0 2px #6ff7d8,0 0 60px #6ff7d899!important}
/* Settings → Клиентское пространство (sub-sections) and Память → clients of /start/ */
.cs-tabs{display:flex;gap:4px;padding:4px;margin:4px 0 14px;border-radius:14px;background:#ffffff0a;width:max-content;max-width:100%;overflow-x:auto}
.cs-tabs button{border:0;border-radius:10px;padding:8px 12px;background:none;color:#9fb3b8;font-weight:800;font-size:13px;cursor:pointer}.cs-tabs button.on{background:#fff;color:#071016}
.cs-pane[hidden]{display:none}.cs-default{margin-left:8px;border:0;border-radius:8px;padding:2px 8px;background:#ffffff12;color:#bfe;font-size:11px;cursor:pointer}
.cs-visitors{margin-bottom:18px}.cs-vlist{display:grid;gap:8px;margin-top:10px}
.cs-v{border-radius:16px;background:#ffffff06;box-shadow:inset 0 0 0 1px #ffffff12}
.cs-v summary{display:grid;grid-template-columns:minmax(0,1.2fr) auto minmax(0,2fr);gap:12px;align-items:center;padding:11px 14px;cursor:pointer;list-style:none}
.cs-v summary b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-v summary span{color:#8da3a8;font-size:12px}.cs-v summary em{font-style:normal;color:#bfe;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-vbody{display:grid;gap:8px;padding:0 14px 14px}.cs-vbody p{margin:0;font-size:13px;color:#c4d3d6}.cs-vbody small{color:#8da3a8}
.cs-vbody input,.cs-vbody textarea{width:100%;border:0;border-radius:11px;padding:10px 12px;background:#071119;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1c;font:inherit}
.cs-vbody button{justify-self:start;border:0;border-radius:11px;padding:9px 14px;font-weight:800;background:linear-gradient(135deg,#6ff7d8,#2bd9b0);color:#06231c;cursor:pointer}
@media(max-width:760px){.cs-v summary{grid-template-columns:1fr auto}.cs-v summary em{grid-column:1/-1}}

/* ---------- Canvas rails: «Прошлое · Помню» and «Дальше · Предвижу» ---------- */
#canvas-history{display:grid;gap:8px;margin-top:10px}
.canvas-past{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;padding:10px 12px;border:0;border-radius:16px;text-align:left;cursor:pointer;color:#e3eef0;
  background:linear-gradient(135deg,#ffffff0a,#ffffff04);box-shadow:inset 0 0 0 1px #ffffff12;transition:transform .3s cubic-bezier(.2,1.3,.3,1),box-shadow .25s;animation:cp-in .5s cubic-bezier(.2,1,.3,1) both;animation-delay:calc(var(--k)*60ms)}
.canvas-past:hover{transform:translateX(4px);box-shadow:inset 0 0 0 1px #a68cff77,0 10px 30px #0006}
.canvas-past-ic{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#a68cff22;box-shadow:inset 0 0 0 1px #a68cff55;font-size:15px;color:#d9ceff}
.canvas-past-q{font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.canvas-past-meta{font-size:11px;color:#8f86b8}
@keyframes cp-in{from{opacity:0;transform:translateX(-14px)}}
#canvas-suggestions{display:grid;gap:8px;margin-top:10px}
.canvas-next-step-card{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;padding:11px 12px;border:0;border-radius:16px;text-align:left;cursor:pointer;color:#eef6f4;
  background:linear-gradient(135deg,#6ff7d812,#ffffff05);box-shadow:inset 0 0 0 1px #6ff7d833;transition:transform .3s cubic-bezier(.2,1.3,.3,1),box-shadow .25s,background .25s;animation:cn-in .5s cubic-bezier(.2,1,.3,1) both;animation-delay:calc(var(--k)*60ms)}
.canvas-next-step-card:hover{transform:translateX(-4px);box-shadow:inset 0 0 0 1.5px #6ff7d8,0 0 30px #6ff7d833;background:linear-gradient(135deg,#6ff7d822,#ffffff08)}
.canvas-next-step-card:active{transform:scale(.97)}
.cns-ic{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;font-size:16px;font-weight:800;background:#6ff7d81f;color:#6ff7d8}
.cns-t{font-size:13px;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cns-w{font-size:11px;color:#86a3a6}.cns-go{grid-row:1/3;grid-column:3;font-style:normal;color:#6ff7d8;opacity:.6}
.canvas-next-step-card.is-ask .cns-ic{background:#a68cff22;color:#cdbfff}
.canvas-next-step-card.is-video .cns-ic{background:#ff4d5e22;color:#ff8c96}
.canvas-next-step-card.is-build .cns-ic{background:#ffc35a22;color:#ffc35a}
.canvas-next-step-card.is-cheaper .cns-ic{background:#6ff7d81f;color:#6ff7d8}
.canvas-next-step-card.is-compare .cns-ic{background:#5ec8ff22;color:#8fd8ff}
@keyframes cn-in{from{opacity:0;transform:translateX(14px)}}
@media(prefers-reduced-motion:reduce){.canvas-past,.canvas-next-step-card{animation:none}}

/* ---------- Intent Dive opens full screen: sticky menu on top, back and ✕ close ---------- */
#explore-results .bc-stage[data-mode="facet"]{position:fixed;inset:0;z-index:250;overflow:auto;overscroll-behavior:contain;margin:0;
  padding:0 max(18px,calc(50% - 780px)) calc(150px + env(safe-area-inset-bottom));background:radial-gradient(1000px 500px at 80% -10%,#123a3a66,transparent),#070d14;animation:dive-in .45s cubic-bezier(.2,1,.3,1)}
#explore-results .bc-stage[data-mode="facet"] .bc-nav{position:sticky;top:0;z-index:20;margin:0 calc(-1 * max(18px,calc(50% - 780px))) 14px;padding:calc(10px + env(safe-area-inset-top)) max(18px,calc(50% - 780px)) 10px;
  background:linear-gradient(180deg,#070d14f5,#070d14d9);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid #ffffff12;border-radius:0}
#explore-results .bc-stage[data-mode="facet"] .bc-x{font-size:15px}
body:has(#explore-results .bc-stage[data-mode="facet"]){overflow:hidden}
body:has(#explore-results .bc-stage[data-mode="facet"]) .space-command{z-index:260}
body:has(#explore-results .bc-stage[data-mode="facet"]) .top-dock,body:has(#explore-results .bc-stage[data-mode="facet"]) .au-chip{opacity:0;pointer-events:none}
@keyframes dive-in{from{opacity:0;transform:scale(.985)}}
@media(prefers-reduced-motion:reduce){#explore-results .bc-stage[data-mode="facet"]{animation:none}}

/* ---------- Intent Dive: shop looks over product rows (space-dive-looks.js) ---------- */
.dl-switch{display:flex;gap:3px;padding:3px;margin:8px 0 12px;border-radius:12px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff14;width:max-content;max-width:100%;overflow-x:auto}
.dl-switch button{border:0;border-radius:9px;padding:6px 11px;background:none;color:#9fb3b8;font-weight:800;font-size:12px;cursor:pointer;font-family:inherit}
.dl-switch button.on{background:linear-gradient(135deg,#6ff7d8,#2bd9b0);color:#06231c}
.dl-shelf-nav{display:none;justify-content:center;gap:10px;margin-top:8px}
.dl-shelf-nav button{width:44px;height:44px;border:0;border-radius:50%;background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff1c;color:#fff;font-size:17px;cursor:pointer}
.bc-scene[data-look="grid"] .bc-rail-track,.bc-scene[data-look="bento"] .bc-rail-track{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;overflow:visible!important;scroll-snap-type:none}
.bc-scene[data-look="grid"] .bc-rail-track>.bc-card,.bc-scene[data-look="bento"] .bc-rail-track>.bc-card{width:auto!important;min-width:0!important;max-width:none!important;flex:none}
.bc-scene[data-look="grid"] .bc-rail-nav,.bc-scene[data-look="bento"] .bc-rail-nav,.bc-scene[data-look="shelf"] .bc-rail-nav{display:none!important}
.bc-scene[data-look="bento"] .bc-rail-track{grid-auto-flow:dense}
.bc-scene[data-look="bento"] .bc-card.dl-xl{grid-column:span 2;grid-row:span 2}
.bc-scene[data-look="bento"] .bc-card.dl-xl .bc-card-visual{min-height:300px}
.bc-scene[data-look="bento"] .bc-card.dl-xl .bc-card-name{font-size:20px}
.bc-scene[data-look="shelf"] .bc-rail-track{display:block!important;position:relative;height:500px;overflow:hidden!important;perspective:1400px}
.bc-scene[data-look="shelf"] .bc-rail-track>.bc-card{position:absolute;left:50%;top:10px;width:300px!important;margin-left:-150px;transition:transform .7s cubic-bezier(.2,.9,.25,1),opacity .7s}
.bc-scene[data-look="shelf"] .bc-card.dl-front{box-shadow:inset 0 0 0 1.5px #6ff7d8,0 40px 90px #000c}
.bc-scene[data-look="shelf"] .dl-shelf-nav{display:flex}
@media(max-width:760px){
  .bc-scene[data-look="grid"] .bc-rail-track,.bc-scene[data-look="bento"] .bc-rail-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bc-scene[data-look="bento"] .bc-card.dl-xl .bc-card-visual{min-height:200px}
  .bc-scene[data-look="shelf"] .bc-rail-track{height:420px}.bc-scene[data-look="shelf"] .bc-rail-track>.bc-card{width:230px!important;margin-left:-115px}
}
@media(max-width:760px){.bc-scene[data-look="shelf"] .bc-rail-track{height:390px}}

/* ---------- Live build of the answer (space-live-build.js) ---------- */
.lb-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 4px;padding:8px 10px;border-radius:16px;background:#0b1820e6;box-shadow:inset 0 0 0 1px #6ff7d833;animation:lb-in .4s cubic-bezier(.2,1,.3,1)}
.lb-strip[hidden]{display:none}
.lb-sum{flex-basis:100%;font:700 10px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#6ff7d8;margin:0 2px 2px}
.lb-strip.done .lb-sum{color:#b7ffe9}
.lb-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;font-size:12px;position:relative;overflow:hidden;transition:background .3s,box-shadow .3s}
.lb-chip[hidden]{display:none}
.lb-chip i{font-style:normal;width:18px;text-align:center}.lb-chip b{font-weight:800}.lb-chip small{color:#8da3a8}
.lb-chip[data-st="run"]{box-shadow:inset 0 0 0 1px #a68cff88;background:#a68cff14}
.lb-chip[data-st="run"]:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff1c,transparent);animation:lb-shim 1.1s linear infinite}
.lb-chip[data-st="run"] i{animation:lb-spin 1.4s linear infinite}
.lb-chip[data-st="wait"]{opacity:.55}.lb-chip[data-st="wait"] small:before{content:'◌ '}
.lb-chip[data-st="ok"]{box-shadow:inset 0 0 0 1px #6ff7d877;background:#6ff7d812}.lb-chip[data-st="ok"] small{color:#6ff7d8}.lb-chip[data-st="ok"] small:before{content:'✓ '}
@keyframes lb-shim{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes lb-spin{to{transform:rotate(360deg)}}
@keyframes lb-in{from{opacity:0;transform:translateY(-8px)}}
/* Tiles while the agent writes: a thin scan line runs down inside the frame and the empty metric breathes;
   when a tile is ready its own chamfered contour flashes once (no blob of glow) and the words decode from glyph noise. */
#explore-results .bc-tile.is-pending,#explore-results .bc-tile.is-loading{overflow:hidden}
#explore-results .bc-tile.is-pending:after,#explore-results .bc-tile.is-loading:after{content:'';position:absolute;left:14px;right:14px;top:0;height:1px;border-radius:0;pointer-events:none;opacity:1;
  background:linear-gradient(90deg,transparent,#6ff7d8 30%,#e9fffa 50%,#6ff7d8 70%,transparent);box-shadow:0 0 10px #6ff7d8,0 -18px 24px -10px #6ff7d833;animation:lb-scan 2.2s cubic-bezier(.45,0,.55,1) infinite}
@keyframes lb-scan{0%{transform:translateY(12px);opacity:0}12%{opacity:.9}88%{opacity:.9}100%{transform:translateY(var(--lb-h,180px));opacity:0}}
#explore-results .bc-tile.is-pending .bc-tile-go{color:#cdbfff}
#explore-results .bc-tile.lb-ready .bc-f-core{animation:lb-core 1.5s cubic-bezier(.2,.8,.3,1)}
#explore-results .bc-tile.lb-ready .bc-f-glow{animation:lb-glow 1.5s cubic-bezier(.2,.8,.3,1)}
#explore-results .bc-tile.lb-ready .bc-f-run{opacity:1;animation:bc-run 1.1s cubic-bezier(.4,0,.2,1) 1}
@keyframes lb-core{0%{stroke:#fff;stroke-width:2.4}100%{}}
@keyframes lb-glow{0%{opacity:1;stroke-width:9}100%{}}
#explore-results .bc-tile.lb-ready:before{content:'✓ готово';position:absolute;left:auto;top:auto;right:14px;bottom:12px;width:auto;height:auto;z-index:4;padding:3px 8px;border-radius:7px;background:#6ff7d81f;color:#bfffee;box-shadow:inset 0 0 0 1px #6ff7d877;font:800 9.5px "JetBrains Mono",monospace;letter-spacing:.1em;animation:lb-badge 2.2s ease-out forwards}
@keyframes lb-badge{0%{opacity:0;transform:translateY(-4px)}12%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0}}
.lb-dec{color:#bfffee;text-shadow:0 0 12px #6ff7d866;overflow:hidden;word-break:break-all}
@media(prefers-reduced-motion:reduce){.lb-chip:after,#explore-results .bc-tile:after{animation:none}}
.cs-sher{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:#a68cff14;box-shadow:inset 0 0 0 1px #a68cff44}.cs-sher p{margin:0;color:#e2dbff;font-size:13px}.cs-sher small{color:#b9b0e0}
/* A product opened from a full-screen dive lies above it */
body:has(.bc-stage[data-mode="facet"]) .detail-drawer{z-index:2147483600!important}
body:has(.bc-stage[data-mode="facet"]) .drawer-backdrop{z-index:2147483590!important}
body:has(.bc-stage[data-mode="facet"]) #site-product-overlay,body:has(.bc-stage[data-mode="facet"]) #market-component-overlay{z-index:2147483600!important}
/* the scan line that re-prints a card when the list changes (space-shop.js) */
#kit-list .sp-scan{position:absolute;left:0;right:0;height:2px;z-index:6;pointer-events:none;border-radius:2px;background:linear-gradient(90deg,transparent,#6ff7d8 20%,#fff 50%,#a68cff 80%,transparent);box-shadow:0 0 18px 4px #6ff7d877,0 0 60px 10px #6ff7d833}