/* «Лента» (space-feed.js) — shared by Space and /start/. */
#feed-view{padding-bottom:0}
.fd-head{display:grid;gap:10px;margin-bottom:12px}
.fd-find{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 14px;border-radius:20px;background:#0d1a24;box-shadow:inset 0 0 0 1.5px #6ff7d855,0 0 40px #6ff7d814}
.fd-find:focus-within{box-shadow:inset 0 0 0 1.5px #6ff7d8,0 0 40px #6ff7d833}
.fd-spark{color:#6ff7d8;font-size:16px}.fd-find input{flex:1;min-width:0;border:0;background:none;color:#fff;font-size:16px;padding:10px 0;outline:0}
.fd-find input::-webkit-search-cancel-button{display:none}
.fd-mic{position:relative;flex:none;width:42px;height:42px;border:0;border-radius:14px;background:#ffffff0e;display:grid;place-items:center;cursor:pointer}
.fd-mic svg{width:20px;height:20px;fill:none;stroke:#bfffee;stroke-width:1.8;stroke-linecap:round;position:relative;z-index:1}
.fd-mic i{position:absolute;inset:0;border-radius:14px;border:1.5px solid #6ff7d8;opacity:0}
.fd-find.listening .fd-mic{background:#ff5d6c33}.fd-find.listening .fd-mic svg{stroke:#ff9aa4}
.fd-find.listening .fd-mic i{animation:fd-ring 1.4s ease-out infinite;border-color:#ff7a85}.fd-find.listening .fd-mic i+i{animation-delay:.7s}
@keyframes fd-ring{from{transform:scale(.8);opacity:.9}to{transform:scale(1.5);opacity:0}}
.fd-go{flex:none;width:42px;height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,#6ff7d8,#2bd9b0);color:#06231c;font-size:18px;font-weight:800;cursor:pointer}
/* Static filters: compact pills, each opens its own small menu */
.fd-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;align-items:center}.fd-pills::-webkit-scrollbar{display:none}
.fd-seg{flex:none;display:flex;gap:2px;padding:3px;border-radius:13px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff14}
.fd-seg button{border:0;background:none;border-radius:10px;padding:7px 11px;color:#9fb3b8;font-weight:800;font-size:12px;cursor:pointer}
.fd-seg button.on{background:#fff;color:#071016}
.fd-pill{flex:none;display:flex;align-items:center;gap:5px;border:0;border-radius:12px;padding:9px 12px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff16;color:#d9e6e8;font-weight:700;font-size:13px;cursor:pointer;transition:.2s}
.fd-pill i{font-style:normal;font-size:10px;opacity:.6;transition:transform .25s}.fd-pill.open i{transform:rotate(180deg)}
.fd-pill.on{background:#6ff7d81c;color:#6ff7d8;box-shadow:inset 0 0 0 1.5px #6ff7d8}
.fd-pop{position:fixed;z-index:400;width:330px;max-height:60vh;overflow:auto;padding:14px;border-radius:20px;background:#0c1922f5;box-shadow:inset 0 0 0 1px #6ff7d844,0 30px 80px #000c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.fd-pop-h{display:block;font:700 10px "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#8da3a8;margin-bottom:10px}
.fd-pop-chips{display:flex;flex-wrap:wrap;gap:6px}
.fd-pop-chips button{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;border-radius:11px;padding:9px 11px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff16;color:#e1ecee;font-weight:700;font-size:13px;cursor:pointer}
.fd-pop-chips button i{font-style:normal;color:#7f969c;margin-left:4px;font-size:11px}.fd-pop-chips button.on{background:#6ff7d822;color:#6ff7d8;box-shadow:inset 0 0 0 1.5px #6ff7d8}.fd-pop-chips button:disabled{opacity:.3}
.fd-pop-done{display:none;width:100%;margin-top:12px;border:0;border-radius:14px;padding:13px;font-weight:800;background:linear-gradient(135deg,#6ff7d8,#2bd9b0);color:#06231c}
/* What is on: removable chips */
.fd-active{display:flex;gap:6px;flex-wrap:wrap}.fd-active[hidden]{display:none}
.fd-active button{display:flex;align-items:center;gap:5px;border:0;border-radius:10px;padding:6px 10px;background:#6ff7d81a;color:#6ff7d8;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px #6ff7d855;cursor:pointer}
.fd-active button i{font-style:normal;opacity:.7}.fd-active .is-ai{background:#a68cff1f;color:#cdbfff;box-shadow:inset 0 0 0 1px #a68cff66}
.fd-active .fd-reset{background:none;box-shadow:none;color:#8da3a8}
/* The agent's filters for the request */
.fd-ai{position:relative;overflow:hidden;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,#1b1640e6,#0f2430e6);box-shadow:inset 0 0 0 1px #a68cff55,0 0 50px #a68cff1a}
.fd-ai[hidden]{display:none}
.fd-ai-h{font-weight:800;color:#cdbfff}.fd-ai-shim{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff14,transparent);animation:fd-shim 1.2s linear infinite}
@keyframes fd-shim{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.fd-ai-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-right:30px;margin-bottom:8px}.fd-ai-top b{font-size:16px}.fd-ai-top small{color:#b9c8f0;font-size:13px}
.fd-ai-x{position:absolute;right:10px;top:10px;width:28px;height:28px;border:0;border-radius:50%;background:#ffffff14;color:#dde;cursor:pointer}
.fd-ai-row,.fd-ai-next{display:flex;align-items:center;gap:8px;margin-top:7px;overflow-x:auto;scrollbar-width:none}.fd-ai-row::-webkit-scrollbar,.fd-ai-next::-webkit-scrollbar{display:none}
.fd-ai-l{flex:none;min-width:86px;font:700 10px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#a99be6}
.fd-ai-opts{display:flex;gap:6px}
.fd-ai-opts button,.fd-ai-next button{flex:none;border:0;border-radius:11px;padding:8px 11px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1c;color:#ece8ff;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}
.fd-ai-opts button i{font-style:normal;color:#9d92c9;margin-left:5px;font-size:11px}.fd-ai-opts button.on{background:#a68cff;color:#140c33;box-shadow:0 0 20px #a68cff66}.fd-ai-opts button.on i{color:#140c33aa}
.fd-ai-next button{background:none;box-shadow:inset 0 0 0 1px #a68cff55;color:#cdbfff}
.fd-count{color:#8da3a8;font-size:12px;font-weight:700;white-space:nowrap}
.fd-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.fd-chips::-webkit-scrollbar{display:none}
.fd-chips button{flex:none;border:0;border-radius:999px;padding:8px 13px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;color:#c9d6d9;font-weight:700;font-size:13px;cursor:pointer;transition:.2s}
.fd-chips button i{font-style:normal;color:#7f969c;margin-left:5px;font-weight:600}
.fd-chips button.on{background:#6ff7d8;color:#06231c}.fd-chips button.on i{color:#06231c99}
.fd-body{position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;height:calc(100vh - 290px);min-height:380px}
.fd-reel{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;border-radius:28px;background:#000;box-shadow:0 0 0 1px #ffffff14,0 40px 90px #000b;scrollbar-width:none;overscroll-behavior:contain}
.fd-reel::-webkit-scrollbar{display:none}
.fd-slide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 76px 22px 22px;cursor:pointer}
.fd-bg{position:absolute;inset:0;background:#fff center/contain no-repeat;animation:fd-kb 14s ease-in-out infinite alternate}
.fd-bg.none{background:#0f1d27}
@keyframes fd-kb{to{transform:scale(1.1) translate(-2%,-3%)}}
.fd-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,#000e 82%);pointer-events:none}
.fd-info{position:relative;z-index:1}
.fd-tags{display:flex;gap:6px;margin-bottom:8px}
.fd-off{padding:3px 8px;border-radius:8px;background:#ff7a7a;color:#2a0606;font:800 12px "JetBrains Mono",monospace}
.fd-sold{padding:4px 10px;border-radius:999px;background:#1b1408e6;color:#ffc35a;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px #ffc35a55}
.fd-cat{font:700 10px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#6ff7d8}
.fd-slide h3{margin:6px 0 8px;font-size:clamp(18px,2.4vw,26px);line-height:1.2;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fd-price{font-size:clamp(24px,3vw,34px);font-weight:800;color:#fff;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.fd-price s{font-size:.5em;color:#9fb3b8;font-weight:600}
.fd-side{position:absolute;right:12px;bottom:26px;z-index:2;display:flex;flex-direction:column;gap:12px}
.fd-act{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;color:#fff;cursor:pointer}
.fd-act b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:19px;background:#000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff33;transition:transform .2s}
.fd-act:active b{transform:scale(.9)}.fd-act small{font-size:10px;font-weight:700;text-shadow:0 1px 4px #000}
.fd-empty{display:grid;place-items:center;height:100%;color:#8da3a8;padding:30px;text-align:center}

/* The rail: touch thumbnails; hold to widen (iOS haptic-menu feel) */
.fd-rail{height:100%;overflow-y:auto;scrollbar-width:none;border-radius:24px;background:#0b151ecc;box-shadow:inset 0 0 0 1px #ffffff12;
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .45s cubic-bezier(.2,1.2,.3,1),box-shadow .3s,width .45s cubic-bezier(.2,1.2,.3,1);transform-origin:right center}
.fd-rail::-webkit-scrollbar{display:none}
.fd-rail-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;padding:8px}
.fd-thumb{position:relative;display:flex;flex-direction:column;gap:5px;padding:5px;border:0;border-radius:16px;background:#ffffff06;color:#dfe;text-align:left;cursor:pointer;
  transition:transform .35s cubic-bezier(.2,1.3,.3,1),box-shadow .25s,background .25s}
.fd-tph{display:block;aspect-ratio:1;border-radius:12px;background:#fff center/contain no-repeat;transition:transform .35s cubic-bezier(.2,1.3,.3,1)}
.fd-thumb b{font-size:11px;line-height:1.25;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fd-thumb em{font-style:normal;font-size:12px;font-weight:800;color:#6ff7d8}
.fd-thumb.on{box-shadow:inset 0 0 0 2px #6ff7d8,0 0 22px #6ff7d855;background:#6ff7d812}
.fd-thumb:active{transform:scale(.96)}
#feed-view.fd-holding .fd-reel{filter:blur(3px) brightness(.6);transition:filter .3s}
.fd-rail.wide{position:absolute;right:0;top:0;bottom:0;width:min(560px,92%);z-index:5;transform:scale(1.02);box-shadow:inset 0 0 0 1.5px #6ff7d877,0 30px 90px #000d;background:#0b151ef2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.fd-rail.wide .fd-rail-in{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.fd-rail.wide .fd-thumb.hot{transform:scale(1.08);box-shadow:inset 0 0 0 2px #fff,0 0 30px #6ff7d899;z-index:1;background:#6ff7d822}
.fd-rail.wide .fd-thumb.hot .fd-tph{transform:scale(1.04)}

@media(max-width:760px){
  .fd-pop{left:0!important;right:0;bottom:0;top:auto!important;width:auto;max-height:70vh;border-radius:26px 26px 0 0;padding:18px 16px calc(16px + env(safe-area-inset-bottom))}
  .fd-pop-done{display:block}
  .fd-ai-l{min-width:70px}
  .fd-body{grid-template-columns:minmax(0,1fr) 108px;gap:8px}
  .fd-slide{padding:16px 14px}.fd-reel{border-radius:22px}
  /* Actions sit at the top right on a phone, so the name and the price below stay clear. */
  .fd-side{top:12px;bottom:auto;right:10px;flex-direction:row;gap:8px}.fd-act small{display:none}.fd-act b{width:40px;height:40px;font-size:16px}
  .fd-rail{border-radius:20px}.fd-rail-in{grid-template-columns:1fr;gap:6px;padding:6px}
  .fd-thumb b{display:none}.fd-thumb{padding:4px;border-radius:14px}
  .fd-rail.wide{width:calc(100% - 20px)}.fd-rail.wide .fd-rail-in{grid-template-columns:repeat(2,1fr)}.fd-rail.wide .fd-thumb b{display:-webkit-box}
}
@media(prefers-reduced-motion:reduce){.fd-bg{animation:none}.fd-rail,.fd-thumb{transition:none}}
/* Bottom-bar buttons only the client space shows (the manager bar keeps its own set). */
.mobile-nav .client-only{display:none!important}
html.role-client .mobile-nav .client-only{display:flex!important}
html.role-client .mobile-nav [data-view]:not(.client-open){display:none!important}
html.role-client .mobile-nav{grid-template-columns:repeat(5,1fr)!important}
.fd-examples{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.fd-examples::-webkit-scrollbar{display:none}
.fd-ex-l{flex:none;font:700 10px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#8da3a8;margin-right:2px}
.fd-examples button{flex:none;border:0;border-radius:999px;padding:7px 12px;background:#6ff7d80f;box-shadow:inset 0 0 0 1px #6ff7d833;color:#bfeee2;font-weight:700;font-size:12px;cursor:pointer}
.fd-examples button.on{background:#6ff7d8;color:#06231c}
.fd-loose{font:700 11px "JetBrains Mono",monospace;color:#cdbfff;padding:3px 8px;border-radius:8px;background:#a68cff1f;margin-right:6px;white-space:nowrap}.fd-loose[hidden]{display:none}