@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
/* style.css */

:root{font-family:Manrope,Inter,Arial,sans-serif;color:#edf2f5;background:#090e16;font-synthesis:none;--bg:#090e16;--panel:#101823;--panel2:#141e2a;--line:#26323e;--muted:#8794a1;--mint:#74edc9;--white:#edf2f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button:disabled{opacity:.35;cursor:default}a{color:var(--mint)}.app-shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}.sidebar{background:#0c131c;border-right:1px solid #26313b;display:flex;flex-direction:column;padding:31px 17px 19px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 14px;color:#fff;letter-spacing:.045em}.brand-symbol{color:var(--mint);font-size:33px;line-height:1}.brand strong{display:block;font-size:19px;letter-spacing:.1em;line-height:1}.brand small{display:block;font-size:10px;font-weight:800;letter-spacing:.34em;color:var(--mint);margin-top:6px}.workspace-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:#8b9aa7}.workspace-label{margin:69px 15px 20px}.nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#a9b7c2;text-align:left;border-radius:12px;padding:14px 15px;display:flex;align-items:center;gap:16px;font-weight:700;font-size:13px}.nav-item:hover,.nav-item.active{background:#1a2a32;color:#e9fff6}.nav-item.active{box-shadow:inset 3px 0 0 var(--mint)}.nav-icon{font-size:22px;line-height:1;width:22px;text-align:center;font-weight:400}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:19px 12px 0;color:#99a7b1;font-size:11px;display:flex;gap:9px;align-items:center}.live-dot{width:7px;height:7px;border-radius:50%;background:#69e5af;box-shadow:0 0 11px #69e5af}.main{min-width:0;max-width:1740px;width:100%;margin:auto}.topbar{height:78px;border-bottom:1px solid #1e2933;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,72px)}.breadcrumbs{font-size:10px;letter-spacing:.16em;color:#758596;font-weight:800}.breadcrumbs span{margin:0 10px;color:#435260}.breadcrumbs b{color:#a7b7c2;font-weight:800}.top-right{display:flex;align-items:center;gap:19px}.sync-label{font-size:11px;color:#91a0ac}.avatar{width:31px;height:31px;border:1px solid #476b67;background:#18312e;border-radius:50%;display:grid;place-items:center;color:var(--mint);font-size:10px;font-weight:800}.mobile-brand{display:none}.view{display:none;padding:39px clamp(24px,4vw,72px) 80px}.view.active{display:block}.intro{min-height:275px;position:relative;display:flex;justify-content:space-between;overflow:hidden}.intro .eyebrow{color:#9be8cc}.eyebrow-line{display:inline-block;width:27px;border-top:1px solid #5b8c7e;vertical-align:middle;margin:0 8px}.intro h1,.page-head h1{font-size:clamp(36px,4.4vw,69px);line-height:1.1;letter-spacing:-.065em;margin:19px 0 14px;font-weight:700}.intro h1 em{font-style:normal;color:var(--mint)}.intro p,.page-head p{font-size:13px;line-height:1.9;color:#a2b0bb;max-width:610px;margin:0}.intro-orbit{flex:0 0 260px;width:260px;height:260px;border:1px solid #244942;border-radius:50%;display:grid;place-items:center;margin:-14px 24px 0 0;position:relative;box-shadow:inset 0 0 60px #16473d33,0 0 70px #16473d18}.intro-orbit:before,.intro-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid #29534a}.intro-orbit:before{inset:25px}.intro-orbit:after{inset:53px}.orbit-inner{width:98px;height:98px;background:radial-gradient(circle,#58d7ab66,#153e3744 68%,transparent 70%);display:grid;place-items:center;font-size:70px;font-weight:400;color:#adffe1;text-shadow:0 0 36px #75ffce}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:8px 0 49px}.metric-card{background:#111b25;border:1px solid #26343e;color:var(--white);border-radius:15px;text-align:left;min-height:145px;padding:20px 22px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.metric-card:hover,.space-card:hover{transform:translateY(-3px);border-color:#608e7c}.metric-card.accent{background:linear-gradient(135deg,#17362f,#11241f);border-color:#3f7564}.metric-label{font-size:10px;letter-spacing:.13em;color:#a1b3bb;font-weight:800;display:flex;justify-content:space-between;width:100%}.metric-label span{color:#92c5b1}.metric-card strong{font-size:41px;letter-spacing:-.05em;margin:16px 0 2px;line-height:1}.metric-card small{font-size:11px;color:#8e9faa}.section-heading,.panel-head{display:flex;align-items:end;justify-content:space-between}.section-heading{margin-bottom:20px}.section-heading h2{font-size:24px;letter-spacing:-.05em;margin:9px 0 0}.heading-hint,.panel-sub{color:#73828f;font-size:11px}.space-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:13px}.space-card{min-height:193px;border:1px solid #2b3943;background:linear-gradient(145deg,#17252c,#101922);border-radius:17px;padding:24px;text-align:left;color:#fff;position:relative;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;overflow:hidden}.space-card-wide{background:radial-gradient(circle at 78% 45%,#20594755,transparent 38%),linear-gradient(145deg,#15352f,#10241f)}.space-card-icon{color:var(--mint);font-size:26px;line-height:1}.space-card-content{display:flex;flex-direction:column;gap:6px;margin-top:auto}.space-card-content small{color:#8ec3b3;font-size:10px;letter-spacing:.16em;font-weight:800}.space-card-content strong{font-size:23px;letter-spacing:-.04em}.space-card-content>span{color:#a5b9bb;font-size:11px;max-width:270px;line-height:1.5}.space-arrow{position:absolute;right:23px;top:20px;color:#abc7bd;font-size:19px}.overview-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:13px;margin-top:25px}.panel{background:#101923;border:1px solid #27343d;border-radius:16px;padding:22px}.panel h3{margin:7px 0 0;font-size:17px;letter-spacing:-.035em}.chart{height:170px;display:flex;align-items:end;gap:8px;padding:20px 2px 8px}.chart-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;gap:6px}.chart-bar{width:min(100%,23px);border-radius:5px 5px 2px 2px;background:linear-gradient(#78edc7,#2f736b);min-height:3px}.chart-label{font-size:9px;color:#81919e}.text-button,.inline-button{border:0;background:none;color:var(--mint);font-size:11px;font-weight:800;padding:0}.latest-list{margin-top:14px}.latest-item{padding:11px 0;border-top:1px solid #27333b;display:flex;justify-content:space-between;gap:12px;text-align:left;width:100%;background:none;color:#f1f5f7;border-left:0;border-right:0;border-bottom:0}.latest-item strong{font-size:11px;display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-item small{font-size:10px;color:#8999a4}.latest-item>span:last-child{color:#85b6a6;font-size:10px;white-space:nowrap}.page-head{margin:7px 0 35px}.page-head h1{margin:10px 0 11px}.title-dot{color:var(--mint)}.filterbar{background:#111a25;border:1px solid #26343e;padding:16px;border-radius:16px;display:flex;flex-direction:column;gap:17px}.site-pills{display:flex;gap:7px;flex-wrap:wrap}.pill{border:1px solid #3a4952;background:#17232d;border-radius:30px;padding:9px 13px;color:#adc0c9;font-size:11px;font-weight:800}.pill.active{border-color:#68d9b9;background:#1a3d36;color:#b8ffe8}.filter-controls{display:grid;grid-template-columns:minmax(160px,1fr) 170px 140px;gap:10px}.filter-controls input,.filter-controls select,.client-filter input{background:#0e1720;border:1px solid #34424a;border-radius:9px;color:#e4edf0;padding:11px 12px;outline:none;font-size:12px;min-width:0}.filter-controls input::placeholder,.client-filter input::placeholder{color:#6c7d88}.list-head{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 9px;gap:10px;color:#a4b4bc;font-size:11px}.list-head span:first-child{color:#e1ebed;font-weight:800}.records{border:1px solid #283641;border-radius:14px;overflow:hidden;background:#101923}.record{width:100%;border:0;border-bottom:1px solid #26333d;background:transparent;color:#e8edef;text-align:left;padding:17px 19px;display:grid;grid-template-columns:minmax(190px,2fr) 125px 150px 135px 20px;align-items:center;gap:15px}.record:last-child{border-bottom:0}.record:hover{background:#17272d}.record-main{min-width:0}.record-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.record-main small,.record-secondary{color:#8fa0aa;font-size:11px}.record-main small{display:block;margin-top:4px}.record-secondary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{display:inline-block;padding:6px 9px;border-radius:8px;background:#20362f;color:#9ce0bc;font-size:10px;font-weight:800;white-space:nowrap}.tag.market{background:#273549;color:#adcaee}.tag.bydetal{background:#403327;color:#f3c999}.tag.unknown{background:#2e3036;color:#aab3bc}.record-arrow{color:var(--mint);font-size:20px}.empty{padding:45px;color:#93a4ad;text-align:center;font-size:12px}.pager{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:18px;font-size:12px;color:#adbdc5}.pager button{border:1px solid #35434c;background:#14202b;color:#c6d6dd;border-radius:9px;padding:9px 14px;font-size:11px}.client-filter{flex-direction:row;align-items:center;justify-content:space-between}.client-filter input{width:min(560px,100%)}.quiet-note{font-size:11px;color:#7e909b}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.integration-card{background:#111c26;border:1px solid #2a3a43;padding:24px;border-radius:16px;min-height:155px}.integration-card .integration-top{display:flex;justify-content:space-between;align-items:center}.integration-symbol{font-size:27px;color:var(--mint)}.integration-state{border:1px solid #537869;border-radius:100px;color:#a4e7c7;font-size:10px;padding:5px 9px}.integration-state.pending{border-color:#665642;color:#d9b992}.integration-card h3{font-size:18px;margin:20px 0 7px}.integration-card p{color:#90a3ad;font-size:11px;line-height:1.7;margin:0}.source-explainer{margin-top:17px;padding:28px}.source-explainer p{color:#a1b1b9;font-size:12px;line-height:1.9;max-width:710px}.mobile-nav{display:none}.drawer-backdrop{position:fixed;inset:0;background:#05090cb8;z-index:15}.detail-drawer{position:fixed;right:0;top:0;bottom:0;width:min(660px,100vw);z-index:16;background:#111b25;border-left:1px solid #3d514f;box-shadow:-25px 0 75px #0008;transform:translateX(110%);transition:transform .25s;display:flex;flex-direction:column}.detail-drawer.open{transform:none}.drawer-top{padding:25px 26px 20px;display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #30404b}.drawer-top h2{font-size:25px;letter-spacing:-.05em;margin:9px 0 0}.close-button{border:1px solid #42515a;background:#1b2a34;color:#dfebee;border-radius:50%;font-size:25px;width:35px;height:35px;line-height:1}.drawer-body{overflow:auto;padding:25px 26px 35px;flex:1}.detail-hero{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.detail-hero .tag{font-size:11px}.detail-id{color:#8a9ba5;font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.detail-field{border:1px solid #2b3b45;background:#14212c;padding:13px;border-radius:10px;min-width:0}.detail-field small{font-size:10px;color:#8d9eaa;display:block;margin-bottom:7px}.detail-field strong{font-size:12px;color:#e7f0f2;overflow-wrap:anywhere;font-weight:700}.detail-section{border-top:1px solid #33434d;margin-top:24px;padding-top:19px}.detail-section h3{font-size:16px;margin:0 0 13px}.detail-section p{font-size:12px;color:#b4c2c8;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.activity-item{padding:10px 0;border-bottom:1px solid #283944}.activity-item small{display:block;font-size:10px;color:#83a29f;margin-bottom:4px}.activity-item span{font-size:11px;color:#b4c2c8;line-height:1.5}.crm-link{display:inline-flex;margin-top:23px;border:1px solid #5db992;background:#214338;border-radius:9px;color:#bbffe1;text-decoration:none;padding:11px 14px;font-size:11px;font-weight:800}.ai-box{border-top:1px solid #355950;background:linear-gradient(#172a2b,#111e26);padding:16px 23px 20px}.ai-head{display:flex;align-items:center;gap:10px}.ai-spark{font-size:30px;color:var(--mint)}.ai-head strong,.ai-head small{display:block}.ai-head strong{font-size:13px}.ai-head small{font-size:10px;color:#98adb2}.ai-answer{font-size:11px;line-height:1.7;color:#c3d3d5;border:1px solid #42635d;background:#152c2c;border-radius:9px;padding:12px;margin:12px 0;white-space:pre-wrap}.ai-box form{display:flex;gap:8px;margin-top:12px}.ai-box input{flex:1;background:#101c24;border:1px solid #43625e;border-radius:9px;color:#f1f7f6;min-width:0;padding:11px 12px;font-size:12px}.ai-box form button{border:0;border-radius:9px;background:var(--mint);color:#09241b;width:42px;font-size:21px}.error-note{background:#402a30;border:1px solid #794950;color:#ffc2c2;padding:14px;border-radius:10px;font-size:12px}
@media(max-width:1150px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.space-grid{grid-template-columns:1fr 1fr}.space-card-wide{grid-column:1/-1}.overview-bottom{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.intro-orbit{width:190px;height:190px;flex-basis:190px}.record{grid-template-columns:minmax(150px,2fr) 110px 120px 20px}.record .record-secondary:nth-of-type(3){display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.mobile-brand{display:block;font-size:11px;letter-spacing:.1em;color:#a1f2ce}.mobile-brand strong{color:#fff}.breadcrumbs{display:none}.topbar{height:58px;padding:0 18px}.sync-label{font-size:10px}.view{padding:24px 16px 105px}.intro{min-height:0;padding-bottom:25px}.intro h1{font-size:clamp(33px,8vw,53px)}.intro p{font-size:12px;line-height:1.7}.intro-orbit{display:none}.metric-grid{gap:9px;margin:17px 0 35px}.metric-card{min-height:122px;padding:14px}.metric-card strong{font-size:34px}.metric-label{font-size:9px}.section-heading h2{font-size:21px}.heading-hint,.panel-sub{display:none}.space-grid{grid-template-columns:1fr 1fr;gap:9px}.space-card{min-height:159px;padding:17px}.space-card-wide{min-height:150px}.space-card-content strong{font-size:19px}.space-card-content>span{font-size:10px}.space-card-icon{font-size:22px}.overview-bottom{margin-top:18px}.panel{padding:17px}.page-head{margin-bottom:22px}.page-head h1{font-size:42px}.filterbar{padding:12px}.site-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.pill{flex:none}.filter-controls{grid-template-columns:1fr 1fr}.filter-controls input{grid-column:1/-1}.list-head span:last-child{display:none}.record{padding:14px;grid-template-columns:minmax(0,1fr) auto 17px;gap:9px}.record .record-secondary{display:none}.record-main strong{font-size:12px}.record .tag{font-size:9px}.client-filter{display:block}.client-filter input{width:100%}.quiet-note{display:block;margin-top:9px}.integration-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;height:72px;padding-bottom:env(safe-area-inset-bottom);background:#101a23;border-top:1px solid #324047;display:grid;grid-template-columns:repeat(4,1fr)}.mobile-nav button{border:0;background:transparent;color:#8b9fab;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:21px}.mobile-nav button span{font-size:9px;font-weight:800}.mobile-nav button.active{color:var(--mint)}.detail-drawer{width:100vw}.drawer-top{padding:20px}.drawer-body{padding:19px 20px}.ai-box{padding:13px 17px calc(17px + env(safe-area-inset-bottom))}}
@media(max-width:390px){.metric-card strong{font-size:29px}.space-grid{grid-template-columns:1fr}.space-card-wide{grid-column:auto}.space-card{min-height:137px}}
.source-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:19px}.source-stat{background:#14232b;border:1px solid #2b4746;border-radius:14px;padding:19px;display:flex;flex-direction:column;gap:5px}.source-stat small{color:#9db7b4;font-size:10px;font-weight:800}.source-stat strong{font-size:29px;letter-spacing:-.05em}.source-stat span{color:#869ea1;font-size:10px}.related-item{display:block;width:100%;text-align:left;background:#172a31;color:#b6ead7;border:1px solid #31554c;border-radius:8px;padding:10px;margin:6px 0;font-size:11px}@media(max-width:760px){.source-stats{grid-template-columns:repeat(2,1fr);gap:8px}.source-stat{padding:14px}}
.task-form{display:flex;gap:7px}.task-form input{flex:1;min-width:0;background:#11222a;border:1px solid #41615a;border-radius:8px;padding:10px;color:#eaf8f1;font-size:11px}.task-form button,.task-row button{border:1px solid #70c6a7;border-radius:8px;background:#24463b;color:#c4ffe5;font-size:10px;font-weight:800;padding:8px}.task-list{margin-top:10px}.task-empty{color:#849ca2;font-size:11px}.task-row{border-top:1px solid #30434a;padding:10px 0;display:flex;justify-content:space-between;gap:9px;align-items:center;color:#c2d4d7;font-size:11px}.task-row.done span{text-decoration:line-through;color:#78908f}.task-row small{color:#75ad9a}@media(max-width:500px){.task-form{flex-direction:column}.task-form button{align-self:flex-start}}
.kit-store-card{text-align:left;color:#eaf8f1;cursor:pointer}.kit-store-card:hover{border-color:#70c6a7}.kit-store-card strong{font-size:18px;line-height:1.25}.kit-record{grid-template-columns:minmax(0,2fr) minmax(100px,1fr) minmax(100px,1fr);cursor:default}.kit-record .record-secondary{text-align:right}.task-form select{background:#11222a;border:1px solid #41615a;border-radius:8px;padding:10px;color:#eaf8f1;font-size:11px}.source-explainer .task-form{margin-top:15px}@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(5,1fr)}.kit-record{grid-template-columns:minmax(0,1fr) auto}.kit-record .record-secondary{display:block}.kit-record .record-secondary:last-child{display:none}.kit-store-card strong{font-size:14px}}
.filter-controls{grid-template-columns:minmax(160px,1fr) 150px 150px 110px}@media(max-width:760px){.filter-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-controls input{grid-column:1/-1}.filter-controls select{padding:10px 5px;font-size:10px}}
.view{padding-bottom:145px}.space-command{position:fixed;z-index:12;left:252px;right:24px;bottom:22px;max-width:1030px;margin:auto;display:flex;align-items:center;gap:7px;padding:9px 10px 9px 17px;background:#14232b;border:1px solid #4c756b;border-radius:20px;box-shadow:0 18px 60px #000a,0 0 30px #2caa8240;backdrop-filter:blur(18px)}.command-spark{font-size:25px;color:var(--mint);line-height:1}.space-command input[type=search]{flex:1;min-width:0;background:transparent;color:#f4fbf8;border:0;outline:0;font-size:14px;padding:11px 8px}.space-command input::placeholder{color:#819ba0}.space-command button{flex:none;width:42px;height:42px;border:1px solid #456961;border-radius:12px;background:#203a39;color:#c1ffe2;font-size:22px;line-height:1}.space-command button:hover{background:#2d5a4b}.space-command #command-submit{background:var(--mint);border-color:var(--mint);color:#0d2c22;font-weight:800}.space-command #command-mic.recording{background:#a5434e;color:#fff;animation:pulse 1.3s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #a5434e33}}.explore-answer{border:1px solid #366657;background:radial-gradient(circle at 93% 0%,#235c4b66,transparent 42%),#11231f;border-radius:21px;padding:27px 30px;margin:23px 0 28px;min-height:150px}.explore-answer #explore-answer{white-space:pre-wrap;font-size:17px;line-height:1.7;color:#e4f4ea;margin:17px 0 10px}.explore-answer small{color:#8eaaa4}.explore-record .record-main small{max-width:680px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:25px}.archive-record{grid-template-columns:minmax(180px,2fr) minmax(130px,1fr) minmax(150px,1fr) 20px}.archive-record:not(button){cursor:default;opacity:.72}
@media(max-width:760px){.view{padding-bottom:205px}.space-command{left:9px;right:9px;bottom:calc(76px + env(safe-area-inset-bottom));border-radius:15px;padding:6px 6px 6px 11px;gap:3px}.command-spark{font-size:21px}.space-command input[type=search]{font-size:12px;padding:8px 4px}.space-command button{width:35px;height:37px;font-size:19px;border-radius:10px}.archive-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.archive-record{grid-template-columns:minmax(0,1fr) auto}.archive-record .record-secondary{display:none}.explore-answer{padding:20px;margin:8px 0 24px}.explore-answer #explore-answer{font-size:14px}.explore-record .record-main small{max-width:220px}}
@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(6,1fr)}.mobile-nav button{font-size:18px}.mobile-nav button span{font-size:8px}.jivo-link{margin-left:8px}}
.signal-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.signal-tag{display:inline-block;font-size:9px;font-weight:800;color:#adf3d8;background:#204238;border:1px solid #3d725e;border-radius:20px;padding:3px 7px}
.board{display:flex;gap:14px;overflow-x:auto;padding:3px 2px 20px;scroll-snap-type:x proximity}.board-lane{flex:0 0 min(300px,80vw);min-height:250px;align-self:flex-start;background:#111b26;border:1px solid #2d424b;border-radius:17px;padding:12px;scroll-snap-align:start}.board-head{display:flex;align-items:center;justify-content:space-between;padding:9px 8px 16px;border-bottom:1px solid #2a3e46;margin-bottom:10px}.board-head strong{font-size:13px}.board-head span{color:var(--mint);background:#1a3a32;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:800}.board-card{width:100%;background:#17252d;border:1px solid #2d4249;border-radius:13px;padding:14px;margin-bottom:9px;text-align:left;color:#e9f0ef;display:flex;flex-direction:column;gap:7px;transition:transform .16s,border-color .16s}.board-card:hover{border-color:#70dec0;transform:translateY(-2px)}.board-card-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.board-card-top small,.board-card>small{font-size:10px;color:#8fa8ac}.board-card strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere}.attention-chip{font-size:9px;color:#f4cb9a;background:#3e3025;border-radius:7px;padding:5px 7px;align-self:flex-start}.board-more{font-size:10px;line-height:1.6;color:#92a9ad;padding:14px}.filter-controls{grid-template-columns:minmax(200px,2fr) repeat(3,minmax(110px,1fr));display:grid}.filter-controls select{min-width:0}.client-filter{display:grid;grid-template-columns:minmax(210px,2fr) repeat(3,minmax(130px,1fr));align-items:center}.client-filter input{width:100%}[hidden]{display:none!important}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}.product-card{background:#14212b;border:1px solid #2a4049;border-radius:15px;color:#eaf2f1;min-height:220px;padding:13px;display:flex;flex-direction:column;text-align:left;gap:8px;overflow:hidden}.product-card:hover{border-color:#6de4bb}.product-visual{height:95px;display:grid;place-items:center;color:#8ce6c6;font-size:36px;background:radial-gradient(circle at 65% 10%,#235947,#172d36 62%);border-radius:10px}.product-card strong{font-size:12px;line-height:1.45}.product-card small{font-size:10px;color:#8ea4ad}.product-card b{font-size:15px;color:#a7f2d2;margin-top:auto}.product-state{font-size:9px;letter-spacing:.06em;color:#9baeb4}.product-gallery{display:flex;gap:8px;overflow-x:auto;margin-bottom:17px}.product-gallery img{max-width:200px;height:175px;object-fit:contain;border-radius:11px;background:#fff}.product-no-image{padding:40px;background:#182b32;border-radius:11px;text-align:center;color:#90b6aa;margin-bottom:17px}.product-edit{cursor:pointer}.product-edit-form{display:flex;flex-direction:column;gap:12px}.edit-field{display:flex;flex-direction:column;gap:6px;color:#a7bdbe;font-size:11px}.edit-field input,.edit-field textarea{background:#0e1921;color:#edf8f3;border:1px solid #42625a;border-radius:9px;padding:11px;resize:vertical}.edit-field textarea{min-height:100px}.product-edit-form button{align-self:flex-start;margin-top:5px}.attention-note{border-left:3px solid #e0ae77;padding:10px 13px;background:#34291f!important;color:#f3cfa5!important}
.board-lane{flex-basis:clamp(230px,23%,290px)}
.jivo-type{font-size:10px;color:#a6d7ce;background:#1d3436;border-radius:7px;padding:5px 7px;align-self:flex-start}.source-jump{color:#eaf8f1;text-align:left;cursor:pointer}.source-jump:hover{border-color:#6bddb7}.source-lane-note{display:block;color:#e2b987;font-size:10px;margin:4px 8px 12px}.source-channel{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #294047;padding:10px 8px;color:#aabec0;font-size:11px}.source-channel strong{color:#e3f4ec}.source-lane-jump{width:100%;margin-top:10px;background:#1d3c34;border:1px solid #5aa98d;border-radius:9px;color:#bff6d8;padding:10px;font-size:11px;font-weight:800}
.jivo-audit{margin-top:25px}.jivo-audit p{font-size:11px;line-height:1.7;color:#9fb0b7;max-width:760px}.audit-toggle{display:inline-flex;align-items:center;gap:7px;margin:13px 0;color:#c8e3db;font-size:11px}.audit-toggle input{accent-color:#74edc9}.audit-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.audit-event{border:1px solid #2b454b;background:#16252d;color:#e7f1ef;text-align:left;border-radius:11px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.audit-event strong{font-size:11px}.audit-event small,.audit-event>span:last-child{font-size:10px;color:#8fa5ab}.audit-event:where(button):hover{border-color:#69d9b1}@media(max-width:900px){.audit-events{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.audit-events{grid-template-columns:1fr}}
@media(max-width:1100px){.filter-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-controls input{grid-column:1/-1}.client-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.client-filter input{grid-column:1/-1}}
@media(max-width:760px){.board{margin-right:-16px;padding-right:16px}.board-lane{flex-basis:min(285px,83vw)}.filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-controls input{grid-column:1/-1}.filter-controls select{font-size:11px;padding:10px}.client-filter{display:grid;grid-template-columns:1fr 1fr}.client-filter input{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{min-height:190px}.product-visual{height:70px}.product-gallery img{max-width:150px;height:135px}}

/* Space Canvas: answer, verified evidence, and generated lanes. */
.canvas-layout{display:grid;grid-template-columns:minmax(0,1fr)}.canvas-main{min-width:0}.canvas-rail{display:none}.explore-answer{position:relative;min-height:0;padding:19px 24px;margin:14px 0 20px}.explore-answer #explore-answer{font-size:17px;line-height:1.5;margin:12px 100px 8px 0}.speak-answer{position:absolute;right:19px;top:17px;background:#17382f;border:1px solid #477968;color:#acf4d2;border-radius:9px;padding:8px 11px;font-size:11px}.explore-board{margin-top:12px}.explore-lane{flex-basis:clamp(255px,29%,350px);animation:canvas-in .38s ease both}.explore-lane:nth-child(2){animation-delay:.07s}.explore-lane:nth-child(3){animation-delay:.14s}.explore-card>span:not(.signal-list){font-size:11px;line-height:1.45;color:#9eb3b5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.document-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px}.document-sources>.eyebrow{grid-column:1/-1}.document-card{border:1px solid #36515a;background:#11232a;border-radius:12px;padding:12px}.document-card strong{font-size:11px;color:#c5efdf}.document-card p{font-size:11px;line-height:1.5;color:#9db5b8;margin:7px 0 0}.settings-panel{background:#111d27;border:1px solid #2e454d;border-radius:17px;padding:22px;margin:18px 0;display:grid;gap:18px;max-width:900px}.settings-panel label{display:grid;gap:8px;color:#afc4c7;font-size:12px}.settings-panel select,.settings-panel textarea,.settings-panel input{background:#0b151f;color:#e5f7f1;border:1px solid #3c5a61;border-radius:10px;padding:11px;font:inherit}.settings-panel button{justify-self:start;background:#9bf3cf;color:#0c2c22;border:0;border-radius:10px;padding:12px 18px;font-weight:750}.settings-panel small{color:#a4e5cf}.document-list-item{padding:9px 0;border-bottom:1px solid #2e454d;font-size:12px;color:#b9d4d1}@keyframes canvas-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}

/* Optional Intent Voice visual template; same CRM evidence and controls. */
.voice-template.voice-active{background:#050a10}.voice-template.voice-active .sidebar,.voice-template.voice-active .topbar{background:#080e17;border-color:#304049}.voice-template.voice-active #explore-view{background:radial-gradient(circle at 49% 15%,#1035323d,transparent 35%),radial-gradient(#477b7440 .5px,transparent .5px);background-size:auto,24px 24px}.voice-template.voice-active #explore-view .page-head{display:none}.voice-template.voice-active .canvas-layout{grid-template-columns:minmax(160px,20%) minmax(0,1fr) minmax(160px,20%);gap:18px;align-items:start}.voice-template.voice-active .canvas-rail{display:block;padding-top:25px}.voice-template.voice-active .canvas-rail .eyebrow{display:block;margin-bottom:15px;color:#748f9a}.canvas-note{display:block;width:100%;text-align:left;background:#0c141d;color:#c8d9df;border:1px solid #6c5c8b;border-radius:14px;margin:0 0 11px;padding:14px;font-size:12px;line-height:1.4;box-shadow:0 0 14px #755aae24;overflow-wrap:anywhere}.canvas-note.suggestion{border-style:dashed}.voice-template.voice-active .explore-answer{background:#071318;border:1px solid #63d6c0;box-shadow:0 0 0 2px #2ab99d30,0 0 29px #32cda626;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);padding:27px;margin:0 0 23px}.voice-template.voice-active .explore-answer #explore-answer{font-size:clamp(20px,2vw,32px);font-weight:350;line-height:1.3}.voice-template.voice-active .explore-board{flex-wrap:wrap;overflow:visible}.voice-template.voice-active .explore-lane{flex:1 1 250px;border-color:#77679a;box-shadow:0 0 16px #8c72b123;background:#09131a}.voice-template.voice-active .explore-lane:nth-child(2n){border-color:#4eaa9a}.voice-template.voice-active .space-command{background:#071217;border-color:#63d6c0;border-radius:30px;box-shadow:0 0 0 3px #2bb99e2b,0 0 30px #3acbb64a}.voice-template.voice-active .command-spark{color:#73f0d0}
@media(max-width:1050px){.voice-template.voice-active .canvas-layout{grid-template-columns:minmax(0,1fr)}.voice-template.voice-active .canvas-rail{display:flex;gap:9px;overflow:auto;padding:0}.voice-template.voice-active .canvas-rail .eyebrow{display:none}.voice-template.voice-active .canvas-note{min-width:155px;max-width:250px;flex:0 0 auto}.voice-template.voice-active .canvas-main{grid-row:1}}@media(max-width:760px){.explore-answer #explore-answer{margin-right:0;padding-top:23px}.speak-answer{top:10px;right:10px;font-size:10px}.voice-template.voice-active .explore-answer #explore-answer{font-size:21px}.settings-panel{padding:16px}}
.document-sources{margin-top:22px}.document-details{grid-column:1/-1;border:1px solid #345359;border-radius:12px;background:#0e1d23;padding:12px}.document-details summary{cursor:pointer;color:#b9f0de;font-size:12px;letter-spacing:.04em}.document-details[open]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}.document-details[open] summary{grid-column:1/-1}.voice-template.voice-active .explore-answer #explore-answer{font-size:clamp(20px,1.6vw,27px);line-height:1.35}.voice-template.voice-active .explore-answer{padding:22px}.voice-template.voice-active .explore-board{margin-top:16px}

.edit-group{display:grid;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid #2c4552;border-radius:12px}.edit-group legend{padding:0 6px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#9ff9d9;text-transform:uppercase}.edit-count{font-size:11px;color:#8aa1ad}.edit-count.is-over{color:#ffbf72}.edit-all{margin:4px 0 12px}.edit-all summary{cursor:pointer;color:#9ff9d9;font-size:13px}.edit-all-list{display:grid;grid-template-columns:minmax(120px,30%) 1fr;gap:6px 12px;margin:10px 0 0;font-size:12.5px}.edit-all-list dt{color:#8aa1ad}.edit-all-list dd{margin:0;overflow-wrap:anywhere}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.photo-cell{position:relative;aspect-ratio:1;border-radius:12px;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff22}.photo-cell img{width:100%;height:100%;object-fit:contain}.photo-cell.is-cover{box-shadow:0 0 0 2px #6ff7d8}.photo-cell small{position:absolute;left:6px;top:6px;padding:1px 6px;border-radius:6px;background:#04211acc;color:#9ff9d9;font-size:10px}.photo-bar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:4px;background:linear-gradient(transparent,#000a)}.photo-bar button{width:28px;height:26px;border:0;border-radius:7px;background:#0a151dd9;color:#fff;cursor:pointer}.photo-bar button:disabled{opacity:.3}.photo-add{display:grid;place-items:center;align-content:center;gap:2px;aspect-ratio:1;border:1px dashed #6ff7d877;border-radius:12px;color:#9ff9d9;cursor:pointer;font-size:12px}.photo-add b{font-size:24px}.photo-add input{display:none}
.photo-ai{position:absolute;right:6px;top:6px;padding:2px 8px;border:0;border-radius:8px;background:#2a2152e6;color:#efe9ff;font:700 11px Manrope,system-ui,sans-serif;cursor:pointer;box-shadow:0 0 12px #a487f455}
.product-actions{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.product-studio{background:linear-gradient(135deg,#2a2152,#173c35)!important;border-color:#b9a0f8!important;color:#efe9ff!important}.photo-gen{border-color:#b9a0f8;color:#e2d8ff;background:#b9a4ff0d;font:inherit;cursor:pointer}
/* Space's own leads: a manager call with its outcome */
.jivo-type.space-kind{background:#16302b;color:#bff6d8}.jivo-type.space-kind.is-talk{background:#123a2a;color:#7dffc4}.jivo-type.space-kind.is-missed{background:#3a1820;color:#ffb3c0}
.canvas-claim-chip{align-self:start;border:0;border-radius:999px;padding:7px 12px;background:#6ff7d814;color:#9fe9d6;font:600 12px Manrope,system-ui,sans-serif;cursor:pointer;box-shadow:inset 0 0 0 1px #6ff7d833}

/* photo-ask.css */
/* Photo + question window (photo-ask.js) */
.space-command.pa-drop{border-style:dashed;border-color:#74edc9;background:#18302f}
html.pa-lock body{overflow:hidden}
.pa-modal{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:20px;pointer-events:none}
.pa-veil{position:absolute;inset:0;background:#02060acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s;pointer-events:auto}
.pa-card{position:relative;width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:16px 18px 18px;border-radius:26px;pointer-events:auto;color:#eef6f4;
  background:radial-gradient(circle at 90% 0%,#235c4b55,transparent 45%),linear-gradient(160deg,#13262a,#0c1620);border:1px solid #3f6f63;
  box-shadow:0 30px 90px #000c,0 0 50px #2caa8233;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .3s,transform .4s cubic-bezier(.2,1,.3,1)}
.pa-modal.on .pa-veil{opacity:1}.pa-modal.on .pa-card{opacity:1;transform:none}
.pa-close{position:absolute;z-index:3;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff2a;background:#0b141bcc;color:#e9fff6;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center}
.pa-fig{position:relative;height:min(36vh,280px);border-radius:18px;overflow:hidden;background:#071015;border:1px solid #2f5248}
.pa-fig img{width:100%;height:100%;object-fit:contain;display:block}
.pa-scan{position:absolute;left:0;right:0;top:0;height:28%;opacity:0;pointer-events:none;background:linear-gradient(180deg,transparent,#74edc944 70%,#c8ffecbb 97%,transparent);border-bottom:2px solid #c8ffec;box-shadow:0 6px 24px #74edc966}
.pa-grid{position:absolute;inset:0;opacity:0;pointer-events:none;background-image:linear-gradient(#74edc914 1px,transparent 1px),linear-gradient(90deg,#74edc914 1px,transparent 1px);background-size:26px 26px;transition:opacity .4s}
.pa-modal[data-state=busy] .pa-scan{opacity:1;animation:pa-scan 1.3s ease-in-out infinite alternate}
.pa-modal[data-state=busy] .pa-grid{opacity:1}
.pa-modal[data-state=busy] .pa-fig{box-shadow:0 0 0 2px #74edc9,0 0 30px #74edc955}
@keyframes pa-scan{from{transform:translateY(-100%)}to{transform:translateY(260%)}}
.pa-eyebrow{display:block;margin:16px 2px 4px;font-size:10px;font-weight:800;letter-spacing:.2em;color:#74edc9}
.pa-h{margin:0 2px;font-size:23px;line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere}
.pa-p{margin:7px 2px 12px;font-size:13px;line-height:1.55;color:#9fb8b2}
.pa-row{display:flex;gap:8px;align-items:stretch}
.pa-ta{flex:1;min-width:0;resize:none;border:1px solid #3f6f63;border-radius:16px;background:#0a151cdd;color:#f4fbf8;font:inherit;font-size:15px;line-height:1.45;padding:12px 14px;outline:none}
.pa-ta:focus{border-color:#74edc9;box-shadow:0 0 0 3px #74edc922}
.pa-ta::placeholder{color:#6f8c8c}
.pa-mic{flex:none;width:54px;border-radius:16px;border:1px solid #456961;background:#1b3534;color:#c1ffe2;cursor:pointer;display:grid;place-items:center}
.pa-mic.rec{background:#a5434e;border-color:#ff8f9b;color:#fff;animation:pa-rec 1.2s ease-in-out infinite}
@keyframes pa-rec{50%{box-shadow:0 0 0 8px #a5434e33}}
.pa-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
.pa-q{border:1px solid #35574f;background:#14262a;color:#bfe9da;border-radius:20px;padding:7px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.pa-q:hover{border-color:#74edc9;color:#e9fff6}
.pa-status{min-height:20px;margin:10px 2px 0;font-size:13px;color:#9fd9c6}
.pa-status[data-kind=err]{color:#ffb3bb}.pa-status[data-kind=ok]{color:#74edc9;font-weight:800}.pa-status[data-kind=rec]{color:#ffc4cb}
.pa-acts{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:10px}
.pa-acts button{border-radius:16px;padding:14px 12px;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.pa-skip{border:1px solid #456961;background:transparent;color:#cfe9e0}
.pa-skip:hover{background:#1b2f31}
.pa-go{border:0;background:#74edc9;color:#06231c;box-shadow:0 10px 30px #74edc933}
.pa-modal[data-state=busy] .pa-row,.pa-modal[data-state=busy] .pa-chips,.pa-modal[data-state=busy] .pa-acts,.pa-modal[data-state=busy] .pa-p,
.pa-modal[data-state=done] .pa-row,.pa-modal[data-state=done] .pa-chips,.pa-modal[data-state=done] .pa-acts,.pa-modal[data-state=done] .pa-p{display:none}
.pa-modal[data-state=busy] .pa-close{opacity:.3;pointer-events:none}
.pa-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#74edc914;opacity:0;overflow:hidden}
.pa-bar i{position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,#74edc9,transparent)}
.pa-modal[data-state=busy] .pa-bar{opacity:1}.pa-modal[data-state=busy] .pa-bar i{animation:pa-bar 1.1s linear infinite}
@keyframes pa-bar{from{transform:translateX(-100%)}to{transform:translateX(260%)}}
@media(max-width:760px){
  .pa-modal{place-items:end stretch;padding:0}
  .pa-card{width:100%;max-height:94dvh;border-radius:26px 26px 0 0;padding:14px 14px calc(16px + env(safe-area-inset-bottom));transform:translateY(100%)}
  .pa-fig{height:min(30vh,230px)}
  .pa-h{font-size:20px}.pa-p{font-size:12.5px}
  .pa-ta{font-size:16px}  /* 16 px: iOS does not zoom into the field */
}
@media(prefers-reduced-motion:reduce){.pa-card,.pa-scan,.pa-bar i,.pa-mic.rec{animation:none!important;transition:none!important}}
html.pa-lock .jv-call,html.pa-lock jdiv[class*="wrap__"],html.pa-lock jdiv[class*="__powerBtn"]{opacity:0!important;pointer-events:none!important}  /* Jivo buttons step aside while the photo window is open */
/* интент.рф card for off-topic questions (canvas.js, kind promo) */
.canvas-feature-promo{background:radial-gradient(circle at 100% 0%,#7b5cff33,transparent 55%),linear-gradient(160deg,#171a33,#0d1220)!important;border-color:#6d5cd6!important}
.canvas-promo-go{display:inline-flex;align-items:center;margin-top:14px;padding:12px 18px;border-radius:14px;background:#a996ff;color:#130b38!important;font-weight:800;text-decoration:none}
.canvas-promo-go:hover{background:#c3b6ff}
.bc-promo{background:radial-gradient(circle at 100% 0%,#7b5cff33,transparent 55%),linear-gradient(160deg,#171a33,#0d1220)!important;border-color:#6d5cd6!important}
#explore-view.sp-quiet #canvas-layout-chip,#explore-view.sp-quiet .list-head{display:none!important}

/* site-canvas.css */
/* Intent Canvas site atlas and evidence layouts. */
#leads-view .filterbar{overflow:visible}
.site-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}
.site-tile{min-width:0;min-height:176px;text-align:left;display:flex;flex-direction:column;align-items:stretch;padding:15px 14px;border:1px solid #38545a;border-radius:18px;color:#ecf9f6;background:linear-gradient(155deg,#172a30 0%,#101b26 73%);box-shadow:inset 0 1px #ffffff10,0 9px 27px #0002;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s,box-shadow .28s;position:relative;overflow:hidden}
.site-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0%,#5df5c824,transparent 58%);opacity:.55;pointer-events:none;transition:opacity .3s}
.site-tile:hover,.site-tile.active{transform:translateY(-4px);border-color:#71e8c7;box-shadow:0 16px 35px #0005,0 0 0 1px #4bd5ad2e}
.site-tile:hover:before,.site-tile.active:before{opacity:1}
.site-tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#76e8c7}.site-tile-mark{font-size:23px;line-height:1}.site-tile-arrow{font-size:14px;opacity:.65}
.site-tile-name{font-size:13px;line-height:1.2;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-tile-count{font-size:31px;font-weight:750;letter-spacing:-.06em;line-height:1.12;margin-top:5px;font-variant-numeric:tabular-nums}.site-tile-meta{font-size:9px;color:#a4b9bd;line-height:1.35;margin:4px 0 11px}.site-tile-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:auto}.site-tile-tag{font-size:9px;line-height:1.25;color:#b8eadb;border:1px solid #365e57;border-radius:7px;padding:4px 6px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#1d3b384f}
.site-atlas-error{color:#f6b9a5;font-size:11px}
.jivo-gap{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 23px;padding:19px 23px;border:1px solid #9f7147;border-radius:15px;background:linear-gradient(115deg,#33261e,#15252a);color:#fbe7c9}.jivo-gap .eyebrow{display:block;color:#e5b77f;margin-bottom:7px}.jivo-gap strong{font-size:18px}.jivo-gap p{font-size:11px;line-height:1.55;color:#e1cbb3;max-width:760px;margin:6px 0 0}.jivo-gap a{white-space:nowrap;color:#ffe1ae;font-size:11px;font-weight:750}
body.site-space-open{overflow:hidden}.site-space-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:#02080de8;backdrop-filter:blur(16px)}
.site-space-panel{position:relative;max-width:1120px;width:100%;max-height:min(92vh,1100px);overflow:auto;overscroll-behavior:contain;padding:24px clamp(22px,4vw,52px) 32px;color:#e9f5f0;background:radial-gradient(circle at 82% 0%,#154d475e,transparent 42%),radial-gradient(#4b8c8550 .5px,transparent .5px),#09151d;background-size:auto,23px 23px,auto;border:1px solid #74ddc1;border-radius:28px;box-shadow:0 40px 110px #000d,0 0 60px #35c9a737, inset 0 1px #c8fff748;transform-origin:top left}
.site-space-panel:before{content:"";position:absolute;inset:5px;border:1px solid #4db89c33;border-radius:23px;pointer-events:none}.site-space-bar{display:flex;align-items:center;justify-content:space-between}.site-space-bar .eyebrow{color:#76e8c7}.site-space-close{border:1px solid #43756c;background:#17332f;color:#dcfff3;border-radius:50%;width:37px;height:37px;font-size:25px;line-height:1}.site-space-hero{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:25px 0 29px;border-bottom:1px solid #385654}.site-space-symbol{color:#74eac4;font-size:34px}.site-space-hero h2{font-size:clamp(36px,5vw,68px);line-height:1;letter-spacing:-.065em;margin:10px 0}.site-space-hero p{font-size:12px;line-height:1.5;color:#9bb9b5;margin:0;max-width:520px}.site-space-big-number{text-align:right;font-size:clamp(58px,9vw,112px);line-height:1;font-weight:760;letter-spacing:-.075em;color:#82f5d2;font-variant-numeric:tabular-nums}.site-space-big-number small{display:block;font-size:9px;letter-spacing:.2em;color:#8eb2a8;font-weight:750;margin-top:7px}.site-space-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.site-space-metric{background:#10262b;border:1px solid #345a57;border-radius:14px;padding:16px}.site-space-metric small{display:block;color:#9bbcb6;font-size:10px}.site-space-metric strong{font-size:24px;color:#dffdf1}.site-space-section{margin-top:25px}.site-space-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.site-space-tag{border:1px solid #528f7c;border-radius:30px;color:#b6f7dc;background:#1b4538;padding:8px 12px;font-size:11px}.site-space-recent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.site-space-lead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;text-align:left;align-items:center;border:1px solid #345053;border-radius:12px;background:#10232c;color:#ecfbf3;padding:12px}.site-space-lead strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.site-space-lead small{color:#91aaa9;font-size:10px;grid-column:1}.site-space-lead span{grid-column:2;grid-row:1/3;color:#71e9bf}.site-space-lead:hover{border-color:#6bd5af}.site-space-audit{margin:23px 0 0;color:#e6c691;font-size:11px;line-height:1.5;border-left:2px solid #c69759;padding-left:12px}.site-space-actions{display:flex;justify-content:flex-end;margin-top:25px}.site-space-primary{background:#78edc6;color:#06231d;border:0;border-radius:10px;font-weight:800;padding:13px 20px}.site-space-primary:hover{background:#bbffe3}
.canvas-catalog-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.canvas-catalog-list span{font-size:10px;padding:6px 9px;border-radius:7px;border:1px solid #41615c;background:#16312e;color:#c4f6e1}
.explore-board[data-canvas-template="cards"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));overflow:visible}.explore-board[data-canvas-template="cards"] .explore-lane{min-height:0;flex:initial;background:linear-gradient(150deg,#1a3332,#0e1a26);border-color:#4e9e86}
.explore-board[data-canvas-template="compare"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.explore-board[data-canvas-template="compare"] .explore-lane{min-height:0;flex:initial;border-color:#8772b6;background:#191b30}.explore-board[data-canvas-template="compare"] .explore-lane:nth-child(even){border-color:#6edabd;background:#102b2b}
.explore-board[data-canvas-template="timeline"]{display:grid;grid-template-columns:1fr;overflow:visible;padding-left:26px;border-left:1px solid #6cceac}.explore-board[data-canvas-template="timeline"] .explore-lane{width:100%;min-height:0;flex:initial;position:relative}.explore-board[data-canvas-template="timeline"] .explore-lane:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#72f2c6;left:-33px;top:18px;box-shadow:0 0 0 5px #12392f,0 0 22px #6fffd0}
.explore-board[data-canvas-template="morph"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));overflow:visible;gap:16px}.explore-board[data-canvas-template="morph"] .explore-lane{min-height:0;flex:initial;border:1px solid #7b71a7;background:radial-gradient(circle at top right,#41426d58,transparent 60%),#0d1b26;clip-path:polygon(4% 0,96% 0,100% 10%,100% 90%,96% 100%,4% 100%,0 90%,0 10%)}
.explore-board .explore-lane{animation:canvas-assemble .55s cubic-bezier(.16,1,.3,1) both}.explore-board .explore-lane:nth-child(2){animation-delay:.07s}.explore-board .explore-lane:nth-child(3){animation-delay:.14s}.explore-board .explore-lane:nth-child(4){animation-delay:.21s}@keyframes canvas-assemble{from{opacity:0;transform:translateY(22px) scale(.94);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
.canvas-layout-tag{display:inline-flex;align-items:center;gap:5px;color:#98f7d2;border:1px solid #4b8874;border-radius:30px;padding:5px 10px;margin-bottom:7px;font-size:10px;letter-spacing:.11em}
@media(max-width:1100px){.site-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.site-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.site-tile{min-height:154px;padding:12px}.site-tile-count{font-size:26px}.site-tile-meta{font-size:8px}.site-space-overlay{padding:0}.site-space-panel{max-height:100dvh;height:100dvh;border-radius:0;padding:20px 18px 120px}.site-space-panel:before{border-radius:0}.site-space-hero{align-items:start}.site-space-big-number{font-size:50px}.site-space-hero h2{font-size:35px}.site-space-metrics{gap:5px}.site-space-metric{padding:10px}.site-space-metric strong{font-size:20px}.site-space-recent{grid-template-columns:1fr}.explore-board[data-canvas-template="compare"]{grid-template-columns:1fr}.jivo-gap{display:block;padding:15px}.jivo-gap a{display:inline-block;margin-top:12px}}@media(max-width:420px){.site-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.site-tile-tags .site-tile-tag:nth-child(n+2){display:none}}@media(prefers-reduced-motion:reduce){.site-tile,.explore-board .explore-lane{animation:none;transition:none}}

.jivo-board .jivo-lane{height:min(62vh,680px);min-height:390px;display:flex;flex-direction:column}.jivo-lane-scroll{overflow-y:auto;min-height:0;flex:1;scrollbar-color:#417e72 transparent;scrollbar-width:thin}.jivo-load-more{margin-top:8px;width:100%;border:1px solid #4a9d88;border-radius:10px;background:#16372f;color:#b4ffe1;padding:11px;font-weight:700;cursor:pointer}.jivo-load-more:hover{background:#205046}.jivo-load-more:disabled{opacity:.65;cursor:wait}.jivo-board .board-card{height:auto}.jivo-board .board-card .attention-chip{max-width:100%}

.period-metrics{flex:0 0 100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.period-metric{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid #396e62;border-radius:13px;background:linear-gradient(140deg,#132a2a,#10202b);color:#dbf7ee}.period-metric small{color:#93b7ac;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.period-metric strong{font-size:27px;color:#83edce}@media(max-width:680px){.period-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
#jivo-view .page-head{margin-bottom:20px}#jivo-view .page-head h1{margin:8px 0}#jivo-view .archive-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 13px}#jivo-view .source-stat{min-height:91px;padding:13px 16px}#jivo-view .source-stat strong{font-size:28px}#jivo-view .filterbar{margin-bottom:14px}#jivo-view .jivo-gap{margin:18px 0 20px}@media(max-width:760px){#jivo-view .archive-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.canvas-block-grid{flex:0 0 100%;grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:11px;margin:2px 0 13px}.canvas-feature{min-height:120px;position:relative;overflow:hidden;border:1px solid #507b76;border-radius:16px;padding:17px;background:radial-gradient(circle at 95% 0%,#245f555c,transparent 45%),#101e27;box-shadow:inset 0 1px #9af2d422;animation:canvas-assemble .55s cubic-bezier(.16,1,.3,1) both}.canvas-feature:nth-child(2){animation-delay:.08s}.canvas-feature:nth-child(3){animation-delay:.16s}.canvas-feature h3{font-size:17px;letter-spacing:-.035em;margin:8px 0 12px}.canvas-feature-spotlight{border-color:#76dcc0}.canvas-feature-signals{border-color:#7771ae;background:radial-gradient(circle at 95% 0%,#4d42855c,transparent 50%),#101a28}.canvas-feature-evidence{border-color:#af906a;background:radial-gradient(circle at 95% 0%,#68503255,transparent 50%),#131e26}.canvas-feature-lead{border:1px solid #467e72;background:#1b3435;border-radius:10px;padding:11px;width:100%;text-align:left;color:#e5faf0;display:grid;gap:4px;margin:6px 0}.canvas-feature-lead strong{font-size:12px}.canvas-feature-lead span{font-size:10px;color:#9bb7b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-feature-lead b{font-size:10px;color:#82f5d0}.canvas-signal-map{display:flex;flex-wrap:wrap;gap:5px}.canvas-signal-chip,.canvas-path{border:1px solid #817bb1;background:#27273c;color:#d9d5ff;border-radius:20px;padding:6px 9px;font-size:10px}.canvas-path{display:block;margin:6px 0;text-align:left;border-radius:9px}.canvas-evidence{font-size:10px;color:#d8c7b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.canvas-closing,.canvas-next{flex:0 0 100%;grid-column:1/-1;border:1px solid #3f736a;border-radius:15px;background:linear-gradient(110deg,#142a2c,#101c29);padding:16px 20px;margin-top:10px}.canvas-closing p{font-size:13px;color:#deeee9;line-height:1.65;margin:9px 0 0}.canvas-next{display:flex;align-items:center;flex-wrap:wrap;gap:7px;border-color:#68638d;background:#171b2b}.canvas-next>.eyebrow{width:100%;margin-bottom:3px}.canvas-next-step{border:1px solid #756cac;border-radius:10px;background:#27233d;color:#eee4ff;padding:9px 12px;font-size:11px}.canvas-next-step:hover{border-color:#b6a6ff;background:#373052}

/* Every evidence card is composed by Intent Canvas, not the legacy kanban renderer. */
.explore-board .canvas-lane{flex:0 0 clamp(265px,29%,350px);min-width:0;align-self:flex-start;padding:12px;border:1px solid #466e71;border-radius:18px;background:linear-gradient(160deg,#12242d,#0a1720 80%);box-shadow:inset 0 1px #a8fff21b,0 15px 35px #0003;scroll-snap-align:start}
.canvas-lane-head{display:flex;align-items:center;gap:9px;min-height:45px;padding:6px 5px 14px;margin-bottom:10px;border-bottom:1px solid #42635e;color:#effcf7}
.canvas-lane-head strong{font-size:13px;line-height:1.3;flex:1}.canvas-lane-glyph{color:#86f5d0;font-size:20px;line-height:1}.canvas-lane-count{font-size:10px;font-weight:800;color:#8ff4d0;background:#1b463b;border-radius:20px;padding:5px 8px}
.canvas-lead-card{position:relative;width:100%;display:flex;flex-direction:column;gap:9px;margin:0 0 10px;padding:15px;text-align:left;color:#eaf7f4;border:1px solid #3b6464;background:#11272d;transition:border-color .25s,box-shadow .25s,transform .25s;cursor:pointer;overflow:hidden}
.canvas-lead-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0%,#82edc61c,transparent 58%)}
.canvas-lead-card:hover,.canvas-lead-card:focus-visible{border-color:#88f4cd;box-shadow:0 0 0 1px #6df4c439,0 8px 25px #0005;transform:translateY(-3px)}
.canvas-card-top,.canvas-card-footer{position:relative;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.canvas-card-top{justify-content:space-between}.canvas-card-top small{font-size:9px;font-weight:750;letter-spacing:.1em;color:#8db9b4}.canvas-card-index{color:#85e9c7;font-size:10px;font-weight:850;letter-spacing:.13em}.canvas-card-title{position:relative;font-size:14px;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}.canvas-card-excerpt{position:relative;color:#a4bcb9;font-size:11px;line-height:1.55;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}.canvas-card-footer{margin-top:2px}.canvas-card-footer time{font-size:10px;color:#a8c7ca}.canvas-card-signal{font-size:9px;font-weight:700;color:#a4eed4;border-radius:6px;border:1px solid #437967;background:#1e4639;padding:4px 6px}.canvas-card-action{margin-left:auto;font-size:9px;letter-spacing:.08em;color:#88f6ce;white-space:nowrap}
.canvas-card-pulse{border-radius:3px 13px 13px 3px;border-left:3px solid #79edc5;background:linear-gradient(110deg,#173b39,#14242d)}.canvas-card-pulse .canvas-card-title{font-size:15px}
.canvas-card-atlas{min-height:160px;border-radius:16px;background:radial-gradient(circle at 95% 8%,#2868545c,transparent 58%),#142d31}.canvas-card-atlas .canvas-card-index{font-size:25px;letter-spacing:-.06em;line-height:1}.canvas-card-atlas .canvas-card-title{font-size:16px}.canvas-card-atlas .canvas-card-excerpt{-webkit-line-clamp:2}
.canvas-card-duo{border-radius:6px 20px 6px 20px;background:linear-gradient(135deg,#24243e,#142933)}.canvas-card-duo .canvas-card-index{color:#bdadff}.canvas-card-duo .canvas-card-signal{border-color:#8378ae;background:#38304e;color:#e1d7ff}
.canvas-card-chrono{border-radius:4px 14px 14px 4px;border-left:3px solid #78ecc4;background:linear-gradient(90deg,#1b3f36,#132631 38%,#10212b)}.canvas-card-chrono .canvas-card-footer time{order:-1;width:100%;color:#93e8c7}
.canvas-card-shard{clip-path:polygon(0 0,96% 0,100% 14%,100% 100%,4% 100%,0 86%);border-radius:0;background:radial-gradient(circle at 100% 0%,#6552aa3d,transparent 55%),#172236;padding:19px}.canvas-card-shard .canvas-card-index{color:#c1aaff}.canvas-card-shard .canvas-card-action{color:#d4c4ff}
.explore-board[data-canvas-template="compare"] .canvas-lane{width:100%}.explore-board[data-canvas-template="timeline"] .canvas-lane{width:100%}.explore-board[data-canvas-template="morph"] .canvas-lane{width:100%}
@media(max-width:700px){.explore-board .canvas-lane{flex-basis:min(310px,83vw)}.canvas-lead-card{padding:13px}.canvas-card-action{font-size:8px}}
@media(prefers-reduced-motion:reduce){.canvas-lead-card{transition:none}.canvas-lead-card:hover,.canvas-lead-card:focus-visible{transform:none}}
.intent-dive-ghost{position:fixed;z-index:120;pointer-events:none;transform-origin:top left;display:flex;align-items:center;justify-content:center;padding:16px;color:#dffff0;font-size:13px;font-weight:800;text-align:center;line-height:1.3;overflow:hidden;background:radial-gradient(circle at 60% 15%,#6fffd061,transparent 60%),#112b2d;border:1px solid #9afdd8;box-shadow:0 0 0 2px #63ebc450,0 0 35px #5effc588,0 24px 65px #000b;text-shadow:0 0 16px #8affd3;border-radius:14px;will-change:transform,opacity,filter}@media(prefers-reduced-motion:reduce){.intent-dive-ghost{display:none}}

/* Answer stays centered; the generated composition spans the workspace. */
#explore-view{padding-left:clamp(16px,2vw,34px);padding-right:clamp(16px,2vw,34px)}
#explore-view .canvas-layout{max-width:100%;grid-template-columns:minmax(0,1fr)}
#explore-view .canvas-main{width:min(100%,970px);margin-inline:auto}
#explore-view .canvas-stage{min-width:0;width:100%;margin:12px auto 0}
#explore-view .canvas-stage>.list-head{margin-top:18px}
#explore-view .canvas-block-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#explore-view .explore-board[data-canvas-template="cards"]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
#explore-view .explore-board[data-canvas-template="compare"]{grid-template-columns:repeat(2,minmax(0,1fr))}
#explore-view .explore-board[data-canvas-template="morph"]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
#explore-view .explore-board .canvas-lane{flex-basis:clamp(290px,31%,470px)}
.voice-template.voice-active #explore-view .canvas-layout{grid-template-columns:minmax(170px,19%) minmax(0,1fr) minmax(170px,19%);gap:20px}
.voice-template.voice-active #explore-view .canvas-main{width:100%;max-width:970px}
.voice-template.voice-active #explore-view .canvas-stage{width:100%}
.voice-template.voice-active #explore-view .canvas-stage .explore-board{overflow:visible}
.voice-template.voice-active #explore-view .canvas-stage .canvas-lane{flex:1 1 310px}
@media(max-width:1050px){.voice-template.voice-active #explore-view .canvas-layout{grid-template-columns:minmax(0,1fr)}#explore-view .canvas-block-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#explore-view .canvas-block-grid{grid-template-columns:1fr}#explore-view .explore-board[data-canvas-template="compare"]{grid-template-columns:1fr}#explore-view .explore-board[data-canvas-template="cards"],#explore-view .explore-board[data-canvas-template="morph"]{grid-template-columns:1fr}#explore-view .explore-board .canvas-lane{flex-basis:min(330px,86vw)}}

/* Freeform evidence gallery. Semantic groups are badges, never columns. */
#explore-view .explore-board{display:block;width:100%;overflow:visible}
#explore-view .canvas-evidence-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;gap:15px;align-items:stretch;margin:16px 0 26px}
#explore-view .canvas-evidence-gallery>.canvas-lead-card{grid-column:span 4;margin:0;min-height:212px;padding:20px;border-radius:18px;clip-path:none}
#explore-view .canvas-evidence-gallery>.canvas-lead-card:nth-child(7n+1){grid-column:span 6;min-height:245px}
#explore-view .canvas-evidence-gallery>.canvas-lead-card:nth-child(7n+4){grid-column:span 5}
#explore-view .canvas-evidence-gallery>.canvas-lead-card:nth-child(7n+5){grid-column:span 3}
#explore-view .canvas-evidence-gallery>.canvas-lead-card:nth-child(7n+6){grid-column:span 7}
#explore-view .canvas-evidence-gallery>.canvas-lead-card:nth-child(7n+7){grid-column:span 5}
#explore-view .canvas-evidence-gallery>.canvas-card-shard{clip-path:polygon(0 0,97% 0,100% 11%,100% 100%,3% 100%,0 89%);border-radius:0}
.canvas-card-group{position:relative;align-self:flex-start;max-width:100%;padding:5px 9px;border:1px solid #568e7f;border-radius:20px;color:#a5f6d6;background:#1b40376b;font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.canvas-card-actions{position:relative;display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:9px;border-top:1px solid #74c7af2b}
.canvas-card-open,.canvas-card-dive{border-radius:9px;border:1px solid #5e9683;padding:8px 10px;background:#15372f;color:#c9ffe8;font-size:10px;font-weight:750;cursor:pointer}
.canvas-card-dive{background:#72eac3;color:#092922;border-color:#72eac3}.canvas-card-open:hover,.canvas-card-dive:hover{filter:brightness(1.18)}
.canvas-card-action{display:none}
.canvas-card-atlas{background:radial-gradient(circle at 90% 7%,#5fe9bc42,transparent 50%),linear-gradient(145deg,#15453d,#102631)}
.canvas-card-pulse{background:linear-gradient(135deg,#142d36,#101f29 60%,#24483e)}
.canvas-card-duo{background:radial-gradient(circle at 90% 10%,#7d69d444,transparent 55%),#1b2339}
.canvas-card-chrono{background:linear-gradient(115deg,#193f37,#102530 58%,#12202a)}
.client-space-overlay[hidden]{display:none}.client-space-open{overflow:hidden}.client-space-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#02090de8;backdrop-filter:blur(13px)}
.client-space-panel{width:min(820px,100%);max-height:94dvh;overflow:auto;padding:clamp(20px,3vw,35px);border:1px solid #74e5c4;border-radius:24px;color:#e9fbf3;background:radial-gradient(circle at 90% 0%,#27735d5c,transparent 42%),#0a1921;box-shadow:0 36px 110px #000e,0 0 45px #4ce5b733}
.client-space-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.client-space-top button{border:1px solid #53897c;background:#17362f;color:#e5fff4;border-radius:10px;width:38px;height:38px;font-size:24px;cursor:pointer}.client-space-panel h2{font-size:clamp(28px,4vw,48px);letter-spacing:-.055em;margin:20px 0 3px}.client-space-context{margin:22px 0;line-height:1.65;color:#c4dfd7}.client-space-context p{max-height:180px;overflow:auto;white-space:pre-wrap}.client-space-fact{display:inline-flex;border:1px solid #45796c;border-radius:20px;padding:5px 10px;margin:3px;color:#a9f1d6;font-size:11px}.client-space-form{display:flex;gap:8px}.client-space-form input{flex:1;min-width:0;border:1px solid #48796d;border-radius:11px;background:#0c2028;color:#eafff6;padding:12px}.client-space-form button{border:0;border-radius:11px;background:#75edc7;color:#08251f;font-weight:800;padding:10px 15px;cursor:pointer}.client-space-history{margin-top:28px}.client-space-memory{display:grid;gap:5px;width:100%;text-align:left;padding:13px;margin:9px 0;background:#112b30;border:1px solid #3a6b64;border-radius:12px;color:#eefcf8;cursor:pointer}.client-space-memory small,.client-space-memory span{color:#9bbeb6;font-size:10px}.client-space-memory strong{font-size:12px}
@media(max-width:1000px){#explore-view .canvas-evidence-gallery>.canvas-lead-card,#explore-view .canvas-evidence-gallery>.canvas-lead-card:nth-child(n){grid-column:span 6}}
@media(max-width:680px){#explore-view .canvas-evidence-gallery{gap:10px}#explore-view .canvas-evidence-gallery>.canvas-lead-card,#explore-view .canvas-evidence-gallery>.canvas-lead-card:nth-child(n){grid-column:span 12;min-height:0;padding:16px}.client-space-overlay{padding:0}.client-space-panel{max-height:100dvh;height:100dvh;border-radius:0;padding:20px 16px 140px}.client-space-form{flex-direction:column}}

.canvas-products{margin:15px 0 27px;border:1px solid #426d68;border-radius:20px;padding:clamp(14px,2vw,23px);background:radial-gradient(circle at 90% 0%,#275d505e,transparent 40%),#0d1e26}
.canvas-products-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 15px;margin-bottom:16px}.canvas-products-head .eyebrow{width:100%;color:#8ff3d3}.canvas-products-head h3{font-size:clamp(20px,2.5vw,30px);margin:0;letter-spacing:-.05em}.canvas-products-head>span:last-child{font-size:11px;color:#a1bab5}.canvas-products-warning{font-size:11px;color:#edc391}
.canvas-products-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:11px}.canvas-product-card{grid-column:span 4;min-width:0;display:grid;grid-template-columns:90px minmax(0,1fr);gap:13px;padding:13px;border:1px solid #3b6a67;border-radius:15px;background:linear-gradient(130deg,#173330,#10202b);transition:transform .3s,border-color .3s,box-shadow .3s}.canvas-product-card:hover{transform:translateY(-3px);border-color:#84edcb;box-shadow:0 10px 26px #0006}.canvas-product-card.canvas-product-focus{grid-column:span 6;background:radial-gradient(circle at 95% 0%,#3b8b7155,transparent 45%),#173530}.canvas-product-card.canvas-product-spec{background:radial-gradient(circle at 95% 0%,#6b5bac55,transparent 45%),#162436}.canvas-product-card.canvas-product-signal{grid-column:span 5}
.canvas-product-visual{display:grid;place-items:center;min-height:95px;align-self:start;border-radius:10px;background:linear-gradient(140deg,#255248,#162f37);color:#9cf8d8;font-size:36px;overflow:hidden}.canvas-product-visual img{width:100%;height:100%;object-fit:contain}.canvas-product-info{display:flex;min-width:0;flex-direction:column;gap:5px}.canvas-product-info small{color:#99e7c8;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.canvas-product-info strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.canvas-product-info p{margin:3px 0;color:#9ab8b1;font-size:10px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.canvas-product-sku{color:#91aaa9;font-size:10px}.canvas-product-price{color:#aaf5d6;font-size:14px}.canvas-product-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:9px}.canvas-product-actions button{font-size:9px;font-weight:750;padding:7px 8px;border:1px solid #53977e;border-radius:8px;background:#1a4438;color:#d5ffe7;cursor:pointer}.canvas-product-actions button:last-child{border-color:#8473ad;background:#2a2944;color:#e2d6ff}
.canvas-products-table .canvas-products-grid{display:grid;grid-template-columns:1fr}.canvas-products-table .canvas-product-card,.canvas-products-table .canvas-product-card:nth-child(n){grid-column:1;grid-template-columns:70px minmax(0,1fr);min-height:100px}.canvas-products-table .canvas-product-visual{min-height:70px}.canvas-products-assembly .canvas-product-card{border-top:3px solid #73e7c3}
@media(max-width:1100px){.canvas-product-card,.canvas-product-card.canvas-product-focus,.canvas-product-card.canvas-product-signal{grid-column:span 6}}
@media(max-width:680px){.canvas-product-card,.canvas-product-card.canvas-product-focus,.canvas-product-card.canvas-product-signal{grid-column:span 12;grid-template-columns:70px minmax(0,1fr)}.canvas-product-visual{min-height:70px}.canvas-products{padding:13px}.canvas-product-info strong{font-size:12px}}

/* Kit product surfaces: image first, tactile reveal, and a focused viewer. */
.product-grid .product-card{position:relative;min-height:278px;padding:10px;gap:0;border:1px solid #39685f;border-radius:18px;background:radial-gradient(circle at 95% 0%,#206c594d,transparent 51%),linear-gradient(145deg,#122830,#0e1b28);box-shadow:inset 0 1px #a9ffe522,0 14px 35px #0003;animation:product-arrive .55s cubic-bezier(.16,1,.3,1) both;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}
.product-grid .product-card:nth-child(4n+2){animation-delay:.06s}.product-grid .product-card:nth-child(4n+3){animation-delay:.12s}.product-grid .product-card:nth-child(4n+4){animation-delay:.18s}.product-grid .product-card:hover{transform:translateY(-5px);border-color:#84e9c7;box-shadow:0 20px 40px #0007,0 0 28px #45dbb32b}
.product-grid .product-visual{position:relative;width:100%;height:148px;display:grid;place-items:center;border:0;border-radius:12px;background:radial-gradient(circle at 65% 10%,#316452,#183038 64%);color:#8ce6c6;font-size:38px;cursor:zoom-in;overflow:hidden}.product-grid .product-visual img{width:100%;height:100%;object-fit:contain;background:#e7eae9;transition:transform .5s cubic-bezier(.16,1,.3,1)}.product-grid .product-visual:hover img{transform:scale(1.08)}.product-grid .product-visual:after{content:'⤢';position:absolute;right:9px;bottom:7px;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#08231fc9;color:#cffff0;font-size:17px;opacity:0;transition:opacity .2s}.product-grid .product-visual:hover:after{opacity:1}
.product-card-info{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;flex:1;width:100%;border:0;padding:13px 5px 5px;background:transparent;color:#ecfaf4;cursor:pointer}.product-card-info strong{font-size:13px;line-height:1.36}.product-card-info small{font-size:10px;color:#99b4b0}.product-card-info b{margin-top:auto;color:#9ef3cf;font-size:17px}.product-card-info .product-state{font-size:9px;color:#9ad9bf;letter-spacing:.13em}
.product-detail-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-bottom:19px;animation:product-arrive .5s cubic-bezier(.16,1,.3,1) both}.product-detail-cover{width:100%;height:min(43vh,390px);border:1px solid #4c8375;border-radius:17px;background:#e7eae9;cursor:zoom-in;overflow:hidden;box-shadow:0 14px 38px #0005}.product-detail-cover img{width:100%;height:100%;object-fit:contain}.product-detail-thumbs{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 7px}.product-detail-thumb{flex:0 0 74px;height:64px;padding:2px;border:1px solid #476c69;border-radius:10px;background:#e7eae9;cursor:pointer;opacity:.74}.product-detail-thumb.active,.product-detail-thumb:hover{opacity:1;border-color:#81f4ca;box-shadow:0 0 0 2px #5ee4b944}.product-detail-thumb img{width:100%;height:100%;object-fit:contain;border-radius:7px}
#detail-drawer .detail-grid>div{animation:product-arrive .48s cubic-bezier(.16,1,.3,1) both}#detail-drawer .detail-grid>div:nth-child(2n){animation-delay:.06s}#detail-drawer .detail-section{animation:product-arrive .48s cubic-bezier(.16,1,.3,1) both;animation-delay:.12s}
.product-image-open{overflow:hidden}.product-lightbox{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:clamp(16px,4vw,60px);background:#02090df0;backdrop-filter:blur(20px);cursor:zoom-out}.product-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;background:#f0f2f1;box-shadow:0 30px 90px #000b}.product-lightbox-close{position:absolute;right:clamp(15px,3vw,45px);top:clamp(15px,3vw,35px);z-index:1;width:40px;height:40px;border:1px solid #80d8bd;border-radius:11px;background:#16352f;color:#eafff4;font-size:28px;cursor:pointer}
@keyframes product-arrive{from{opacity:0;transform:translateY(20px) scale(.97);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:760px){.product-grid .product-card{min-height:232px}.product-grid .product-visual{height:100px}.product-detail-cover{height:min(34vh,280px)}}
@media(prefers-reduced-motion:reduce){.product-grid .product-card,.product-detail-hero,#detail-drawer .detail-grid>div,#detail-drawer .detail-section{animation:none}.product-grid .product-visual img{transition:none}}

.explore-live-clarify[hidden]{display:none}.explore-live-clarify{display:grid;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid #5b9d8455}
/* live clarifications inside the line of thought (and parked under the finished answer) */
.thought-quiz{display:grid;gap:9px;margin-top:4px}.thought-quiz:empty{display:none}
.tq{position:relative;display:grid;gap:7px;padding:11px 12px;border-radius:14px;background:linear-gradient(135deg,#1b163aa8,#0d2a2ab0);box-shadow:inset 0 0 0 1px #b9a4ff44,0 0 22px #a487f41c;overflow:hidden}
.tq:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#c3a9fd22 50%,transparent 70%);background-size:250% 100%;animation:tqSweep 2.8s linear infinite;pointer-events:none}
.tq small{font-size:9px;font-weight:800;letter-spacing:.14em;color:#c3a9fd}
.tq-q{font-size:14px;line-height:1.35;color:#f4efff;min-height:1.35em}
.tq-opts{display:flex;flex-wrap:wrap;gap:7px}
.tq-o{min-height:36px;padding:0 13px;border:1px solid #8f7ad8;border-radius:30px;background:#251d4a;color:#ece6ff;font:600 12.5px Manrope,system-ui,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,opacity .3s}
.tq-o:hover{background:#352a6a;border-color:#d9ccff;transform:translateY(-1px)}
.tq.is-chosen .tq-o:not(.is-on){opacity:.3;pointer-events:none}
.tq.is-chosen .tq-o.is-on{background:#6ff7d8;border-color:#6ff7d8;color:#04211a;box-shadow:0 0 22px #6ff7d877}
.tq.is-chosen:before{animation-duration:1s;background-image:linear-gradient(100deg,transparent 30%,#6ff7d833 50%,transparent 70%)}
@keyframes tqSweep{to{background-position:-250% 0}}
@media(prefers-reduced-motion:reduce){.tq:before{animation:none}}
.explore-action-trace[hidden]{display:none}.explore-action-trace{margin-top:14px;padding:10px 13px;border:1px solid #3d756d;border-radius:13px;background:linear-gradient(110deg,#123c3844,#18243b44);color:#b8e8da}.explore-action-trace summary{cursor:pointer;font-size:11px;font-weight:750;letter-spacing:.04em}.explore-action-trace[open] summary{color:#9df5d4}.explore-action-trace ol{display:grid;gap:5px;max-height:150px;overflow:auto;list-style:none;margin:9px 0 0;padding:0}.explore-action-trace li{display:flex;gap:10px;align-items:baseline;border-top:1px solid #74d7b421;padding-top:5px;font-size:11px;line-height:1.4;animation:product-arrive .35s ease both}.explore-action-trace time{flex:none;color:#74cdb2;font-size:9px;font-variant-numeric:tabular-nums}
/* Catalog views are deliberately separate from CRM evidence. */
.canvas-product-views{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 15px}
.canvas-product-views button,.canvas-crm-dive{border:1px solid #467e76;border-radius:999px;background:#102b30;color:#cae8df;padding:9px 15px;font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;transition:background .25s,transform .25s}
.canvas-product-views button:hover,.canvas-crm-dive:hover{transform:translateY(-2px);background:#1a4e43}
.canvas-product-views button.active{background:#287d65;color:#f0fff8;border-color:#89f2d0}
.canvas-crm-dive{display:block;margin:18px 0 10px}
.canvas-assembly-note{color:#99bbb4;font-size:12px;margin:0 0 15px}
.canvas-products-masonry .canvas-products-grid{display:block;columns:4 210px;column-gap:5px}
.canvas-products-masonry .canvas-product-card{display:block;break-inside:avoid;margin:0 0 5px;padding:8px;border-radius:12px}
.canvas-products-masonry .canvas-product-visual{width:100%;height:clamp(175px,20vw,310px);margin-bottom:10px}
.canvas-products-masonry .canvas-product-card:nth-child(4n+2) .canvas-product-visual{height:clamp(250px,27vw,420px)}
.canvas-products-masonry .canvas-product-card:nth-child(4n+3) .canvas-product-visual{height:clamp(140px,16vw,250px)}
.canvas-products-masonry .canvas-product-visual img{object-fit:cover}
.canvas-products-masonry .canvas-product-info{padding:3px 5px 7px}
.canvas-products-assembly .canvas-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.canvas-products-assembly .canvas-product-card,.canvas-products-assembly .canvas-product-card:nth-child(n){grid-column:auto;min-height:90px;grid-template-columns:68px minmax(0,1fr);padding:8px}
.canvas-products-assembly .canvas-product-visual{min-height:68px;height:68px}
.canvas-products-table .canvas-products-grid{border:1px solid #416460;border-radius:12px;overflow:hidden;gap:0}
.canvas-products-table .canvas-product-card,.canvas-products-table .canvas-product-card:nth-child(n){border:0;border-bottom:1px solid #36534f;border-radius:0;min-height:76px;padding:8px;grid-template-columns:58px minmax(0,1fr)}
.canvas-products-table .canvas-product-info{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) auto;align-items:center;gap:6px 12px}
.canvas-products-table .canvas-product-info small,.canvas-products-table .canvas-product-info p{display:none}
.canvas-products-table .canvas-product-price{justify-self:end}
.canvas-products-table .canvas-product-actions{padding:0}
.canvas-products-table .canvas-product-visual{height:58px;min-height:58px}
.memory-timeline{max-width:1500px;margin:auto}.memory-day{margin:0 0 30px}.memory-day h2{font-size:18px;color:#c3f7e6;margin:0 0 13px}.memory-day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}.memory-entry{min-width:0;text-align:left;display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #3a5e5d;border-radius:16px;background:linear-gradient(145deg,#12292d,#101b29);color:#e5f3ee;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}.memory-entry:hover{transform:translateY(-3px);border-color:#8eecc9;box-shadow:0 15px 30px #0005}.memory-entry small{color:#8fe8c8}.memory-entry strong{font-size:16px;line-height:1.35}.memory-entry span{font-size:12px;color:#a0bdb5;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:650px){.canvas-products-masonry .canvas-products-grid{columns:2 145px}.canvas-products-assembly .canvas-products-grid{grid-template-columns:1fr}.canvas-products-table .canvas-product-info{display:flex;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.canvas-product-views button,.canvas-crm-dive,.memory-entry{transition:none}}
.canvas-assembly-components{min-width:0;padding:clamp(16px,2vw,26px);background:linear-gradient(145deg,#102a2b,#0c1d26)}
.canvas-assembly-components-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;margin-bottom:18px}
.canvas-assembly-components-head .eyebrow{width:100%;color:#89e9ca}
.canvas-assembly-components-head h4{margin:0;color:#eafff5;font-size:clamp(20px,2vw,29px);letter-spacing:-.04em}
.canvas-assembly-components-head>span{color:#a3c4ba;font-size:12px}
.canvas-assembly-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.canvas-assembly-part{min-width:0;display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;min-height:132px;padding:12px;border:1px solid #3c6861;border-radius:15px;background:linear-gradient(135deg,#173b35,#10272d);transition:transform .35s cubic-bezier(.2,1.2,.3,1),border-color .3s,box-shadow .3s}
.canvas-assembly-part:hover{transform:translateY(-3px);border-color:#88edcb;box-shadow:0 14px 25px #0005}
.canvas-assembly-part.is-missing{background:linear-gradient(135deg,#1b2c2d,#152329);border-color:#4f6360}
.canvas-assembly-part-visual{height:82px;min-width:0;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:radial-gradient(circle,#2b594e,#132d32);color:#8ff0cc;font-size:25px;font-weight:800}
.canvas-assembly-part-visual img{width:100%;height:100%;object-fit:contain}
.canvas-assembly-part-info{min-width:0;display:flex;flex-direction:column;gap:7px}
.canvas-assembly-part-info small{color:#91e4c7;font-size:10px;letter-spacing:.08em}
.canvas-assembly-part-info strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.canvas-assembly-part-info>span{color:#a9c1b8;font-size:11px;line-height:1.35}
.canvas-assembly-part-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.canvas-assembly-part-footer b{color:#99efcc;font-size:13px}
.canvas-assembly-part-footer button{border:1px solid #73b69e;border-radius:8px;padding:7px 9px;background:#1a473b;color:#e6fff3;font-size:10px;cursor:pointer}
.canvas-assembly-part-footer button:hover{background:#286652}
@media(max-width:1120px){.canvas-assembly-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.canvas-feature-product_assembly .canvas-source-product{grid-template-columns:1fr}.canvas-feature-product_assembly .canvas-source-product-image{min-height:180px;max-height:300px}.canvas-assembly-parts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.canvas-assembly-part{transition:none}}
.canvas-composition{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px!important;align-items:stretch;perspective:1200px}
.canvas-composition .canvas-feature{grid-column:span 6;min-width:0;min-height:180px;padding:clamp(17px,2vw,28px);border-radius:22px;isolation:isolate;contain:layout style;transition:border-color .3s,box-shadow .4s,background .4s}
.canvas-composition .canvas-size-wide{grid-column:span 12}
.canvas-composition .canvas-size-compact{grid-column:span 4}
.canvas-composition .canvas-accent-violet{border-color:#8982c5;background:radial-gradient(circle at 90% 0%,#554d9a66,transparent 52%),#111b2a}
.canvas-composition .canvas-accent-amber{border-color:#b99b6b;background:radial-gradient(circle at 90% 0%,#78572e66,transparent 52%),#141e26}
.canvas-composition .canvas-accent-blue{border-color:#6b9ac1;background:radial-gradient(circle at 90% 0%,#28577b66,transparent 52%),#101f2b}
.canvas-composition .canvas-feature:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,#caffec13 45%,transparent 58%);transform:translateX(-120%);animation:canvas-energy-pass 1.4s .2s ease-out both}
@keyframes canvas-energy-pass{to{transform:translateX(120%)}}
.canvas-composition .canvas-feature h3{font-size:clamp(18px,2vw,27px);margin:12px 0 18px;max-width:28ch}
.canvas-block-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px}
.canvas-feature-product_focus .canvas-block-items,.canvas-feature-lead_focus .canvas-block-items{grid-template-columns:1fr}
.canvas-source-product,.canvas-source-lead{min-width:0;border:1px solid #426b66;border-radius:16px;background:linear-gradient(145deg,#193a36,#10232d);padding:13px;display:grid;gap:12px;transition:transform .35s cubic-bezier(.2,1.3,.3,1),box-shadow .35s,border-color .35s}
.canvas-source-product{grid-template-columns:clamp(75px,11vw,160px) minmax(0,1fr)}
.canvas-source-product:hover,.canvas-source-lead:hover{transform:translateY(-4px) scale(1.012);border-color:#83efcb;box-shadow:0 18px 38px #0006,0 0 28px #72efbc22}
.canvas-source-product-image{border:0;border-radius:12px;background:radial-gradient(circle,#275850,#122a33);padding:0;overflow:hidden;min-height:105px;cursor:pointer}
.canvas-source-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,1.25,.3,1)}
.canvas-source-product-image:hover img{transform:scale(1.13)}
.canvas-feature-product_focus.canvas-size-wide .canvas-source-product{grid-template-columns:minmax(180px,36%) minmax(0,1fr);min-height:300px}
.canvas-feature-product_focus.canvas-size-wide .canvas-source-product-image{min-height:275px}
.canvas-feature-product_focus.canvas-size-wide .canvas-source-product-info strong{font-size:clamp(18px,2vw,28px)}
.canvas-feature-product_table .canvas-block-items,.canvas-feature-product_assembly .canvas-block-items{grid-template-columns:1fr;gap:0;border:1px solid #507c77;border-radius:14px;overflow:hidden}
.canvas-feature-product_table .canvas-source-product,.canvas-feature-product_assembly .canvas-source-product{border:0;border-bottom:1px solid #45645f;border-radius:0;grid-template-columns:74px minmax(0,1fr);min-height:95px}
.canvas-feature-product_table .canvas-source-product-image,.canvas-feature-product_assembly .canvas-source-product-image{min-height:75px}
.canvas-source-product-image span{font-size:48px;color:#82efcc}
.canvas-source-product-info,.canvas-source-lead{display:grid;align-content:start;gap:7px}
.canvas-source-product-info small,.canvas-source-lead small,.canvas-citation small{color:#9cc2b8;font-size:10px;letter-spacing:.04em}
.canvas-source-product-info strong,.canvas-source-lead strong{font-size:clamp(13px,1.2vw,17px);line-height:1.25}
.canvas-source-product-info p,.canvas-source-lead p,.canvas-citation p{color:#b8ceca;font-size:11px;line-height:1.5;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.canvas-source-product-info b{color:#93f4cf;font-size:16px}
.canvas-source-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.canvas-source-actions button{border:1px solid #5f9d88;background:#204039;color:#dcfff0;border-radius:8px;padding:7px 9px;font-size:10px;cursor:pointer}
.canvas-source-actions button:nth-child(2){border-color:#756dab;background:#282842}
.canvas-citation{border-top:1px solid #8a7a6244;padding:10px 0}
.canvas-more-products{margin:20px 0;border:1px solid #48776b;border-radius:14px;background:#11232a;padding:14px}
.canvas-more-products summary{cursor:pointer;color:#9df3d2;font-size:13px;font-weight:700}
.canvas-thinking{position:relative;pointer-events:none}
.canvas-thinking:before{content:"";position:absolute;inset:0;z-index:4;border:1px solid #89ffd36b;border-radius:20px;background:linear-gradient(100deg,#74ffd006,transparent 35%,#a590ff13 50%,transparent 70%);background-size:250% 100%;animation:canvas-think 1.65s linear infinite;pointer-events:none}
.canvas-thinking>.canvas-composition,.canvas-thinking>.canvas-evidence-gallery{filter:saturate(.7) blur(1px);opacity:.55;transition:filter .3s,opacity .3s}
@keyframes canvas-think{to{background-position:-250% 0}}
@media(max-width:850px){.canvas-composition .canvas-feature,.canvas-composition .canvas-size-compact{grid-column:span 12}.canvas-source-product,.canvas-feature-product_focus.canvas-size-wide .canvas-source-product{grid-template-columns:80px minmax(0,1fr);min-height:0}.canvas-feature-product_focus.canvas-size-wide .canvas-source-product-image{min-height:95px}}
@media(prefers-reduced-motion:reduce){.canvas-composition .canvas-feature:after,.canvas-thinking:before{animation:none}.canvas-source-product,.canvas-source-lead,.canvas-source-product-image img{transition:none}}
/* Product evidence keeps each source photo's native aspect ratio. */
.canvas-products-masonry .canvas-product-visual,.canvas-products-masonry .canvas-product-card:nth-child(n) .canvas-product-visual{height:auto;min-height:0;display:block;overflow:hidden}
.canvas-products-masonry .canvas-product-visual img{display:block;width:100%;height:auto;object-fit:contain}
.canvas-products-masonry .canvas-product-visual:not(:has(img)){min-height:155px;display:grid;place-items:center}
.canvas-product-visual span,.canvas-source-product-image span{display:block;padding:12px;text-align:center;font-size:clamp(12px,1.3vw,17px);line-height:1.35;overflow-wrap:anywhere;color:#a4e8d0}
.canvas-feature-product_gallery .canvas-block-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:8px;align-items:start}
.canvas-feature-product_gallery .canvas-source-product{display:block;padding:8px;break-inside:avoid;background:linear-gradient(160deg,#173c36,#111f2b)}
.canvas-feature-product_gallery .canvas-source-product-image{display:block;width:100%;min-height:0;height:auto;margin-bottom:12px}
.canvas-feature-product_gallery .canvas-source-product-image img{display:block;width:100%;height:auto;object-fit:contain;transform:none}
.canvas-feature-product_gallery .canvas-source-product-image:not(:has(img)){min-height:190px;display:grid;place-items:center}
.canvas-feature-product_gallery .canvas-source-product-info{padding:4px 8px 8px}
.canvas-feature-product_gallery .canvas-source-product-info strong{font-size:clamp(14px,1.4vw,19px)}
.canvas-feature-product_focus .canvas-source-product-image img,.canvas-feature-product_assembly .canvas-source-product-image img,.canvas-feature-product_table .canvas-source-product-image img{object-fit:contain;transform:none}
.canvas-feature-product_table .canvas-block-items{display:block;overflow-x:auto}
.canvas-feature-product_table .canvas-spec-head{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(85px,.7fr)) minmax(100px,.8fr);gap:12px;padding:12px 18px;color:#93cabb;background:#0a2024;font-size:11px;text-transform:uppercase;letter-spacing:.08em;min-width:680px}
.canvas-feature-product_table .canvas-source-product{display:grid;grid-template-columns:72px minmax(0,1fr);padding:13px 16px;min-width:680px;background:#10292b}
.canvas-feature-product_table .canvas-source-product:nth-child(2n){background:#142f32}
.canvas-feature-product_table .canvas-source-product-image{height:82px;min-height:82px}
.canvas-feature-product_table .canvas-source-product-info{display:grid;grid-template-columns:minmax(150px,2fr) repeat(3,minmax(75px,.7fr)) minmax(92px,.8fr);gap:10px;align-items:center}
.canvas-feature-product_table .canvas-source-product-info small,.canvas-feature-product_table .canvas-source-product-info>span:not(.canvas-spec-values),.canvas-feature-product_table .canvas-source-product-info p{display:none}
.canvas-feature-product_table .canvas-source-product-info strong{grid-column:1;grid-row:1;overflow-wrap:anywhere}
.canvas-feature-product_table .canvas-source-product-info b{grid-column:5;grid-row:1;white-space:nowrap}
.canvas-feature-product_table .canvas-spec-values{display:contents}
.canvas-feature-product_table .canvas-spec-values span{font-size:13px;color:#d2eee4}
.canvas-feature-product_table .canvas-source-actions{grid-column:1/-1}
.canvas-feature-product_assembly .canvas-source-product{grid-template-columns:minmax(95px,.5fr) 86px minmax(0,3fr);align-items:center;gap:13px}
.canvas-product-role{color:#9cf2d5;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.canvas-feature-product_assembly .canvas-source-product-image{height:88px;min-height:88px}
.canvas-source-product-image:not(:has(img)){display:grid;place-items:center}
.product-grid{align-items:start}
.product-grid .product-card{min-height:0}
.product-grid .product-visual:has(img){height:auto;min-height:0;display:block}
.product-grid .product-visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:transparent}
.product-grid .product-visual:hover img{transform:none}
.product-grid .product-photo-missing{padding:20px;font-size:12px;line-height:1.4;overflow-wrap:anywhere;color:#aadcc9}
@media(max-width:700px){.canvas-feature-product_gallery .canvas-block-items{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-feature-product_assembly .canvas-source-product{grid-template-columns:1fr 64px minmax(0,2fr)}.canvas-feature-product_gallery .canvas-source-product-info p{display:none}}
/* Variable-height images pack into columns without the empty grid rows. */
.canvas-feature-product_gallery .canvas-block-items{display:block;columns:3 245px;column-gap:7px}
.canvas-feature-product_gallery .canvas-source-product{display:block;width:100%;margin:0 0 7px;break-inside:avoid;-webkit-column-break-inside:avoid;box-sizing:border-box}
@media(max-width:850px){.canvas-feature-product_gallery .canvas-block-items{columns:2 190px}}
@media(max-width:460px){.canvas-feature-product_gallery .canvas-block-items{columns:1}}
.canvas-answer-basis{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.canvas-answer-basis[hidden]{display:none}
.canvas-claim{display:grid;gap:8px;flex:1 1 100%;padding:10px 12px;border:1px solid rgba(126,226,198,.24);border-radius:12px;background:rgba(22,63,55,.34)}
.canvas-claim-text{color:#dff8ec;font-size:12px;line-height:1.45}
.canvas-claim-sources{display:flex;flex-wrap:wrap;gap:6px}
.canvas-basis-chip{display:inline-flex;gap:7px;align-items:center;max-width:min(260px,100%);border:1px solid #5b9886;border-radius:999px;background:#17352f;color:#e0fbee;padding:6px 10px;cursor:pointer;font-size:10px}
.canvas-basis-chip strong{white-space:nowrap;color:#8cf3ce}
.canvas-basis-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.canvas-basis-chip:hover{border-color:#a4ffde;background:#245044}
.canvas-thinking-answer{position:relative;overflow:hidden}
.canvas-thinking-answer:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#87ffdd,#bba5ff,transparent);transform:translateX(-100%);animation:canvas-thought-line 1.35s ease-in-out infinite}
@keyframes canvas-thought-line{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.canvas-thinking-answer:after{animation:none}}
.canvas-products-grid[hidden],.canvas-product-insights[hidden]{display:none!important}.canvas-product-insights{border:1px solid #3e716b;border-radius:14px;padding:18px;background:#0d2027}.canvas-product-insights h4{margin:0 0 9px;font-size:19px}.canvas-bought-row{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;padding:14px;border:0;border-top:1px solid #355b58;background:transparent;color:#e5f4ed;cursor:pointer}.canvas-bought-row span{color:#92dfc7;white-space:nowrap}.canvas-bought-row:hover{background:#173a35}
.canvas-buyer-segments{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.canvas-buyer-segments small{width:100%;color:#a0c9bf}.canvas-buyer-segments span{padding:5px 9px;border:1px solid #4f9d80;border-radius:99px;color:#b3f0d7;font-size:11px;background:#1a493e}

/* Source-grounded 250bar.ru assembly drawer and selectable component quote. */
.site-product-overlay{position:fixed;inset:0;z-index:250;background:rgba(1,10,15,.78);backdrop-filter:blur(12px);display:flex;justify-content:flex-end;animation:canvas-fade .25s ease-out}
.site-product-drawer{width:min(820px,100%);height:100%;overflow:auto;padding:clamp(22px,3vw,46px);background:#0c1b25;border-left:1px solid #63dbbbaa;color:#e8f4f1;box-shadow:-30px 0 90px #0008;animation:site-product-enter .58s cubic-bezier(.2,.85,.2,1)}
@keyframes site-product-enter{from{transform:translateX(10%) scale(.97);opacity:.3}to{transform:none;opacity:1}}
.site-product-head{position:relative;padding-right:55px}.site-product-head h2{font-size:clamp(26px,3vw,42px);line-height:1.08;letter-spacing:-.04em;margin:14px 0 20px}.site-product-close{position:absolute;top:0;right:0;border:1px solid #426459;border-radius:50%;width:42px;height:42px;background:#15322c;color:#aef5dd;font-size:30px;cursor:pointer}
.site-product-cover{width:100%;max-height:460px;object-fit:contain;background:linear-gradient(140deg,#122c2e,#0b151d);border-radius:18px;display:block;margin:10px 0 22px}.site-product-meta{display:flex;align-items:center;justify-content:space-between;font-size:18px;border-bottom:1px solid #3e605c;padding-bottom:20px}.site-product-meta strong{color:#9df2d5;font-size:27px}.site-product-link{display:inline-flex;margin:16px 0 25px;color:#9df2d5;text-decoration:none;border:1px solid #477b6c;border-radius:9px;padding:10px 14px}
.site-product-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 30px}.site-product-specs>div{display:flex;flex-direction:column;gap:8px;padding:15px;background:#122732;border:1px solid #2b4b50;border-radius:10px}.site-product-specs span,.site-product-kit-line small{color:#9db2b5}.site-product-drawer h3{font-size:22px;margin:22px 0 12px}.site-product-kit{display:grid;gap:8px}.site-product-kit-line{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:13px;align-items:start;padding:15px;border:1px solid #315a55;border-radius:12px;background:#102831;cursor:pointer;transition:transform .25s,border-color .25s,background .25s}.site-product-kit-line:hover{transform:translateX(4px);border-color:#86eacb;background:#153b38}.site-product-kit-line input{accent-color:#82efd0;margin-top:4px}.site-product-kit-line span{display:grid;gap:5px}.site-product-kit-line b{white-space:nowrap;color:#9cf0d1}.site-product-total{display:block;position:static;background:#15342e;border:1px solid #6be5bb;border-radius:12px;padding:16px;margin-top:15px;color:#a9f6da;box-shadow:0 -12px 30px #061419}.site-product-description{margin:28px 0 55px;border-top:1px solid #3a5756;padding-top:18px;line-height:1.65}.site-product-description summary{cursor:pointer;color:#b4edda}
.canvas-kit-preview{display:grid;gap:7px;margin-top:14px;border-top:1px solid #42605e;padding-top:12px}.canvas-kit-preview>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#c7d9d7}.canvas-kit-preview b{white-space:nowrap;color:#a9edcf}
@media(max-width:640px){.site-product-specs{grid-template-columns:1fr}.site-product-kit-line{grid-template-columns:20px minmax(0,1fr)}.site-product-kit-line>b{grid-column:2}}
@media(prefers-reduced-motion:reduce){.site-product-overlay,.site-product-drawer{animation:none}}
.canvas-sales-proof{display:inline-flex;padding:5px 9px;border-radius:999px;background:#1a4237;color:#b4f7d7;border:1px solid #5ba98d;font-size:12px;margin:7px 0}

.site-product-part-link{font-size:11px;color:#83edca;text-decoration:none;width:max-content}.site-product-part-link:hover{text-decoration:underline}

.site-product-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-product-related-card{display:grid;gap:7px;padding:14px;border-radius:12px;border:1px solid #456f65;background:#122d31;color:#e5f3ef;text-decoration:none;transition:transform .25s,background .25s}.site-product-related-card:hover{transform:translateY(-3px);background:#19453b}.site-product-related-card small{color:#a4b8b4}.site-product-related-card b{color:#a9f4d6}@media(max-width:640px){.site-product-related{grid-template-columns:1fr}}

/* Assembly canvas: a full-height product photograph, with its identity on the image. */
.canvas-feature-product_assembly .canvas-source-product{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(390px,auto);align-items:stretch;gap:0;padding:0;min-height:390px;overflow:hidden;background:#10272c}
.canvas-feature-product_assembly .canvas-source-product-image{grid-column:1;grid-row:1;width:100%;height:100%;min-height:390px;max-height:560px;border-radius:0;align-self:stretch}
.canvas-feature-product_assembly .canvas-source-product-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
.canvas-feature-product_assembly .canvas-source-product-info{grid-column:1;grid-row:1;align-self:end;z-index:2;max-width:min(780px,100%);max-height:100%;padding:90px 26px 26px;background:linear-gradient(180deg,transparent 0%,rgba(2,13,20,.85) 38%,rgba(2,13,20,.98) 100%);text-shadow:0 2px 10px #000b}
.canvas-feature-product_assembly .canvas-source-product-info strong{font-size:clamp(17px,1.6vw,23px)}
.canvas-feature-product_assembly .canvas-source-product-info p{font-size:12px;-webkit-line-clamp:2;color:#deeee9}
.canvas-feature-product_assembly .canvas-product-role{position:absolute;z-index:3;top:17px;left:17px;padding:7px 10px;border:1px solid #a5f3d688;border-radius:99px;background:#06241dcf;backdrop-filter:blur(12px)}
.canvas-feature-product_assembly .canvas-kit-preview{grid-column:2;grid-row:1;align-content:start;overflow:auto;max-height:620px;margin:0;padding:24px;border:0;background:linear-gradient(150deg,#173b36,#0c252b)}
.canvas-feature-product_assembly .canvas-kit-preview>small{font-size:12px;color:#8ee7c8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.canvas-feature-product_assembly .canvas-kit-preview>div{padding:8px 0;border-bottom:1px solid #41635a66;font-size:13px}
.canvas-feature-product_assembly .canvas-kit-preview>div span{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.canvas-feature-product_assembly .canvas-source-product{grid-template-columns:1fr;grid-template-rows:minmax(330px,auto)}.canvas-feature-product_assembly .canvas-source-product-image{min-height:330px}.canvas-feature-product_assembly .canvas-source-product-info{grid-column:1;grid-row:1}}

/* Living bill of materials and saved research. */
.site-product-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.75fr);gap:18px;align-items:stretch;margin:20px 0}.site-product-photo{border:1px solid #315951;border-radius:18px;padding:0;overflow:hidden;background:#102c2d;cursor:zoom-in}.site-product-photo img{display:block;width:100%;height:100%;max-height:420px;object-fit:contain}.site-product-brief{position:relative;display:flex;flex-direction:column;gap:14px;padding:25px;border:1px solid #4ca589;border-radius:18px;background:radial-gradient(circle at 100% 0,#24665788,transparent 55%),#102c2d}.site-product-brief>small{letter-spacing:.18em;color:#8ee8c9}.site-product-brief>strong{font-size:24px}.site-product-brief p{line-height:1.55;color:#d2e1df;margin:0}.site-product-brief>span{margin-top:auto;color:#8ee8c9}.site-bom{margin:24px 0;padding:18px;border:1px solid #4a8575;border-radius:20px;background:#0e222b}.site-bom h3,.site-related h3{font-size:clamp(24px,2.5vw,36px);letter-spacing:-.035em;margin:10px 0 20px}.site-bom-line{display:grid;grid-template-columns:24px 30px minmax(0,1fr) auto;align-items:start;gap:11px;padding:14px 10px;border-top:1px solid #31544f;transition:background .25s,transform .25s}.site-bom-line:hover{background:#194138;transform:translateX(3px)}.site-bom-line input{accent-color:#85f1cf;margin-top:5px}.site-bom-number{color:#80c6b3;font-size:12px;font-weight:800}.site-bom-info{display:grid;gap:6px}.site-bom-info strong{line-height:1.35}.site-bom-info small{color:#aac2bd}.site-bom-line>b{white-space:nowrap;color:#aaf1d4}.site-bom-info button{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.site-related{margin:35px 0}.site-product-related-card{cursor:pointer;text-align:left}.site-product-related-card img{width:100%;height:130px;object-fit:contain;border-radius:8px;background:#0b1c22}.site-product-rich{max-width:72ch;color:#d7e8e3}.site-product-rich h2,.site-product-rich h3,.site-product-rich h4{color:#f1faf7;line-height:1.2;margin:1.5em 0 .5em}.site-product-rich p,.site-product-rich li{line-height:1.72;margin:.65em 0}.site-product-rich ul,.site-product-rich ol{padding-left:1.4em}.site-product-rich table{border-collapse:collapse;display:block;max-width:100%;overflow:auto;margin:20px 0}.site-product-rich td,.site-product-rich th{border:1px solid #365c55;padding:9px 12px;min-width:70px}.site-product-rich a{color:#9cf1d2}.site-scenario-quick{display:grid;gap:8px;margin:28px 0 70px}.site-scenario-quick button{padding:14px;text-align:left;border:1px solid #436877;border-radius:12px;background:#152a37;color:#dff2ee;cursor:pointer}.site-scenario-quick button:hover{border-color:#9bead0}.market-component-overlay{position:fixed;inset:0;z-index:270;background:#020c11ba;backdrop-filter:blur(12px);display:flex;justify-content:flex-end}.market-component-panel{position:relative;width:min(620px,100%);height:100%;overflow:auto;padding:40px;background:#10232d;border-left:1px solid #74dbc0;box-shadow:-25px 0 90px #0009;animation:site-product-enter .48s cubic-bezier(.16,1,.3,1)}.market-component-panel h2{font-size:clamp(25px,3vw,39px);line-height:1.1;margin:25px 0}.market-component-cover{width:100%;max-height:430px;object-fit:contain;background:#0a1b22;border-radius:15px}.market-component-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.market-component-facts>div{padding:15px;border:1px solid #385b58;border-radius:10px;display:grid;gap:8px}.market-component-facts small{color:#9cb9b2}.market-needs-add{padding:12px;border:1px solid #9c7847;border-radius:10px;color:#f2d6a3}.kit-assembly-link{display:grid;gap:7px;width:100%;margin:8px 0;padding:15px;text-align:left;background:#173332;color:#e9faf3;border:1px solid #4c9580;border-radius:11px;cursor:pointer}.kit-assembly-link small{color:#a7c7bf}
.pin-action{flex:none;display:inline-grid!important;place-items:center;width:39px;height:39px;padding:0!important;border:1px solid #4b8e80!important;border-radius:12px;background:#102e31!important;color:#9aeccf!important;font-size:24px!important;line-height:1;cursor:pointer;transition:transform .25s,box-shadow .25s}.pin-action:hover,.pin-action.is-saved{transform:scale(1.06);box-shadow:0 0 19px #59dfb155;background:#235447!important}.product-card{position:relative}.product-card>.pin-action{position:absolute;right:16px;top:16px;z-index:3}.pin-quick{position:fixed;right:23px;top:92px;z-index:210;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #63d7ba;border-radius:15px;background:#123932;color:#baf7df;box-shadow:0 8px 30px #0008;cursor:pointer}.pin-quick span{font-size:22px}.pin-quick b{font-size:12px}.pin-panel{position:fixed;right:20px;top:144px;width:min(440px,calc(100vw - 40px));max-height:min(70vh,740px);overflow:auto;z-index:220;padding:18px;background:#0e222c;border:1px solid #78d8bd;border-radius:18px;box-shadow:0 24px 80px #000b;animation:site-product-enter .3s ease-out}.pin-panel[hidden]{display:none}.pin-panel-head{display:flex;justify-content:space-between;align-items:center}.pin-panel-head h2{margin:0 0 13px;font-size:21px}.pin-panel-close{border:0;background:transparent;color:#d9f4e8;font-size:26px;cursor:pointer}.pin-panel-list{display:grid;gap:9px}.pin-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #365e55;border-radius:11px}.pin-row-open{display:flex;align-items:center;gap:11px;min-width:0;flex:1;padding:0;border:0;background:none;color:#e8f5ef;text-align:left;cursor:pointer}.pin-row-open img{width:46px;height:48px;object-fit:cover;border-radius:6px}.pin-row-open span{display:grid;gap:4px;min-width:0}.pin-row-open small{color:#8bbbad}.pin-row-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-row .pin-action{width:32px;height:32px;font-size:18px!important}
@media(max-width:640px){.site-product-hero{grid-template-columns:1fr}.site-product-photo img{height:250px}.site-bom-line{grid-template-columns:20px 25px minmax(0,1fr)}.site-bom-line>b{grid-column:3}.pin-quick{right:12px;top:64px}.pin-panel{right:10px;top:114px;width:calc(100vw - 20px)}}
/* Selected assembly parts, gallery and editorial product description. */
.canvas-assembly-part{position:relative;padding-top:42px}
.canvas-assembly-part.is-selected,.site-bom-line.is-selected{border-color:#86ecc8;background:linear-gradient(140deg,#205849,#102b31);box-shadow:0 0 0 1px #78ddbb44,0 13px 26px #0004}
.canvas-assembly-check{position:absolute;top:12px;right:13px;width:21px;height:21px;accent-color:#76e8c3;cursor:pointer}
.canvas-assembly-total{position:sticky;bottom:110px;z-index:8;display:block;width:max-content;max-width:100%;margin:18px auto 0;padding:13px 20px;border:1px solid #7ee9c5;border-radius:14px;background:#123d35;color:#d5ffee;box-shadow:0 12px 35px #000a;animation:site-product-enter .38s cubic-bezier(.16,1,.3,1)}
.canvas-assembly-total[hidden],.site-product-total[hidden]{display:none}
.site-product-gallery{position:relative;min-width:0;display:grid;grid-template-rows:minmax(290px,1fr) auto;gap:8px}
.site-product-gallery>.pin-action{position:absolute;z-index:3;right:13px;top:13px;backdrop-filter:blur(14px)}
.site-product-gallery .site-product-photo{display:grid;place-items:center;min-height:290px}
.site-product-thumbs{display:flex;gap:8px;overflow-x:auto;padding:3px}
.site-product-thumbs button{width:74px;height:76px;flex:none;padding:0;border:1px solid #4b756a;border-radius:10px;overflow:hidden;background:#132b32;cursor:pointer;opacity:.66;transition:opacity .2s,transform .2s,border-color .2s}
.site-product-thumbs button.active,.site-product-thumbs button:hover{border-color:#8beacb;opacity:1;transform:translateY(-2px)}
.site-product-thumbs img{width:100%;height:100%;object-fit:contain}
.site-bom-line{border:1px solid transparent;border-top-color:#31544f;border-radius:10px;cursor:default}
.site-bom-line input{width:19px;height:19px;cursor:pointer}
.site-product-total{position:sticky;bottom:18px;z-index:5;animation:site-product-enter .35s ease-out}
.site-product-description{padding:clamp(18px,3vw,36px);border:1px solid #477968;border-radius:22px;background:radial-gradient(circle at 95% 0,#245b4b55,transparent 46%),#102a2d}
.site-product-description h3{font-size:clamp(28px,3vw,42px);margin:13px 0 24px;letter-spacing:-.04em}
.site-product-rich{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none}
.site-product-rich>*{min-width:0;margin:0!important;padding:18px 20px;border:1px solid #3a655b;border-radius:14px;background:#10252a;overflow-wrap:anywhere}
.site-product-rich>.site-rich-heading{grid-column:1/-1;border:0;border-left:3px solid #87ebc7;border-radius:0;background:transparent;padding:5px 18px;color:#d9ffeb}
.site-product-rich table{grid-column:1/-1}
.site-product-rich>div:has(table),.site-product-rich>div:has(ul){grid-column:1/-1}
.site-product-rich li{margin:.35em 0}
.site-product-rich img{max-width:100%;height:auto}
@media(max-width:760px){.site-product-rich{grid-template-columns:1fr}.site-product-rich>*{grid-column:1/-1}.site-product-description{padding:18px}}
.canvas-comparison-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.canvas-comparison-panel{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px;border:1px solid #427a6c;border-radius:17px;background:linear-gradient(145deg,#12362f,#102631);color:#e5f9ee}
.canvas-comparison-panel:nth-child(2){border-color:#8178b5;background:linear-gradient(145deg,#252944,#112631)}
.canvas-comparison-panel h4{margin:0;font-size:clamp(20px,2vw,27px);line-height:1.2}
.canvas-comparison-panel p{max-height:360px;overflow:auto;margin:0;white-space:pre-line;color:#bdcec9;line-height:1.65}
.canvas-comparison-specs{display:flex;flex-wrap:wrap;gap:7px}
.canvas-comparison-specs span{padding:7px 10px;border:1px solid #679485;border-radius:99px;font-size:12px;color:#c8f5df}
.canvas-comparison-panel button{margin-top:auto;align-self:flex-start}
@media(max-width:760px){.canvas-comparison-details{grid-template-columns:1fr}}
.canvas-source-product,.canvas-product-card{position:relative}
.canvas-source-product>.pin-action,.canvas-product-card>.pin-action{position:absolute;z-index:6;right:12px;top:12px;backdrop-filter:blur(14px);box-shadow:0 5px 20px #0007}
.canvas-source-product>.pin-action.is-saved,.canvas-product-card>.pin-action.is-saved{animation:mail-enter .45s cubic-bezier(.16,1,.3,1)}

/* Verified product relationships and compact catalog facets. */
.product-sales-badge{display:inline-flex;align-items:center;align-self:flex-start;margin-top:9px;padding:5px 9px;border:1px solid #416766;border-radius:999px;color:#a4bdb7;font-size:11px;font-weight:700;line-height:1.15}.product-sales-badge.has-sales{border-color:#5bab91;background:#193b35;color:#a9f1d1}
.product-evidence{border:1px solid #3e776b;border-radius:18px;background:linear-gradient(135deg,#102b2b,#10202d);padding:20px!important}.product-evidence h3{margin:0 0 14px}.product-evidence-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-evidence-metrics>div{display:grid;gap:4px;padding:15px;border:1px solid #4a8576;border-radius:13px;background:#173d37}.product-evidence-metrics strong{font-size:clamp(25px,4vw,37px);color:#a6f2d2}.product-evidence-metrics small{color:#afc9c3}.product-evidence-group{margin-top:18px}.product-evidence-group h4{margin:0 0 7px}.product-evidence-peer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border:0;border-top:1px solid #41635f;background:transparent;color:#e6f5f0;text-align:left;cursor:pointer}.product-evidence-peer span{flex:0 0 auto;color:#91debf;font-size:12px}.product-evidence-peer:hover strong{text-decoration:underline}.product-evidence-segments{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.product-evidence-segments small{width:100%;color:#a8c1bb}.product-evidence-segments span,.product-facet-chips button{padding:7px 10px;border:1px solid #528976;border-radius:999px;background:#1b4038;color:#b8efd7;font-size:12px}.product-facet-chips{display:flex;flex-wrap:wrap;gap:8px}.product-facet-chips button{cursor:pointer}.product-facet-chips button:hover{background:#27634f}
@media(max-width:760px){.product-evidence{padding:14px!important}.product-evidence-peer{align-items:flex-start;flex-direction:column;gap:3px}.product-evidence-metrics{gap:6px}.product-evidence-metrics>div{padding:10px}}

/* Answer first: one conclusion, one paragraph, then grounded compact sources. */
.explore-answer #explore-answer,.voice-template.voice-active .explore-answer #explore-answer{font-size:clamp(23px,2.4vw,38px);font-weight:680;line-height:1.14;letter-spacing:-.035em;max-width:940px;margin:15px 125px 0 0;text-wrap:balance}
#explore-summary{max-width:830px;margin:13px 0 0;color:#bed6cf;font-size:clamp(14px,1.1vw,17px);line-height:1.55}
#explore-summary[hidden],.explore-thought[hidden]{display:none}
.explore-answer #explore-coverage{display:block;margin-top:15px;font-size:11px}
.canvas-answer-basis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:9px;margin-top:17px}
.canvas-answer-basis>.eyebrow{grid-column:1/-1}
.canvas-claim{min-width:0;gap:10px;padding:14px;background:linear-gradient(145deg,#12352e,#0c2125);border-color:#45827170}
.canvas-claim-text{font-size:13px;line-height:1.5}
.canvas-claim-product{display:flex;gap:9px;align-items:center;max-width:100%;min-width:0;width:100%;padding:6px;text-align:left;border:1px solid #4c8775;border-radius:11px;background:#0c2524;color:#e6fff3;cursor:pointer;transition:transform .25s,border-color .25s,background .25s}
.canvas-claim-product:hover,.canvas-claim-product:focus-visible{transform:translateY(-2px);border-color:#9df6d3;background:#164235;outline:none}
.canvas-claim-product img{width:55px;height:55px;flex:none;object-fit:contain;border-radius:7px;background:#e8ece9}
.canvas-claim-product>span{display:grid;min-width:0;gap:3px}
.canvas-claim-product small{color:#8edbbe;font-size:9px}
.canvas-claim-product strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.canvas-claim-product b{font-size:11px;color:#9ef3cf}
.explore-thought{display:flex;align-items:center;gap:18px;margin-top:18px;padding:17px 19px;border:1px solid #62ae98;border-radius:18px;background:radial-gradient(circle at 0 0,#58d9ae25,transparent 48%),#102a2c;box-shadow:inset 0 1px #a8f6d028}
.thought-orbit{display:grid;place-items:center;flex:none;width:52px;height:52px;border:1px solid #85e9ca;border-radius:50%;color:#94f6d1;font-size:25px;box-shadow:0 0 0 7px #6bf2c10c,0 0 26px #45e2b03d;animation:thought-orbit 2.8s ease-in-out infinite}
@keyframes thought-orbit{50%{transform:rotate(40deg) scale(1.07);box-shadow:0 0 0 12px #6bf2c110,0 0 37px #45e2b060}}
.thought-copy{display:grid;gap:5px;min-width:0;flex:1}.thought-copy>small{color:#95dcbf;letter-spacing:.17em;font-size:9px;font-weight:800}.thought-query{font-size:15px;line-height:1.35;color:#f1fff7}.thought-tags{display:flex;gap:5px;flex-wrap:wrap}.thought-tags span{padding:3px 8px;border:1px solid #5b9483;border-radius:99px;color:#b4e7d1;font-size:10px}.thought-phase{color:#90b6af;font-size:11px}.thought-sensor{display:grid;gap:5px;text-align:right;flex:none}.thought-sensor b{font-size:19px;font-variant-numeric:tabular-nums;color:#9af0cb}.thought-sensor small{font-size:10px;color:#87aaa2}
.canvas-info-body{font-size:15px;line-height:1.55;color:#e4f7ee}.canvas-info-items{display:grid;gap:8px}.canvas-info-item{display:flex;gap:13px;padding:12px;border:1px solid #4c82726e;border-radius:10px;background:#0e2729}.canvas-info-item span{color:#8be7c1;font-size:11px;font-weight:800}.canvas-info-item p{margin:0;line-height:1.45}.canvas-memory-link{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:15px 18px;border:1px solid #70679d;border-radius:16px;background:#171c33}.canvas-memory-link small{width:100%}.canvas-memory-link h3{margin:0 12px 0 0;font-size:17px}.canvas-memory-link button{max-width:300px;padding:8px 11px;border:1px solid #8177b2;border-radius:9px;background:#262b49;color:#eeeaff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer}
@media(max-width:760px){.explore-answer #explore-answer,.voice-template.voice-active .explore-answer #explore-answer{font-size:23px;margin:27px 0 0}.explore-thought{align-items:flex-start;padding:13px;gap:10px}.thought-orbit{width:34px;height:34px;font-size:17px}.thought-query{font-size:13px}.thought-sensor{font-size:10px}.thought-sensor small{max-width:78px}.canvas-answer-basis{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.thought-orbit{animation:none}}
/* Buying block of an assembly card */
.site-product-brief{display:grid;gap:10px;align-content:start}
.spb-price{display:grid;gap:2px}.spb-price strong{font:800 clamp(26px,3vw,34px)/1.1 "JetBrains Mono",ui-monospace,monospace;color:#6ff7d8;letter-spacing:-.02em}.spb-price small{color:#8fa6ae;font-size:12px}
.spb-stock{justify-self:start;padding:6px 12px;border-radius:999px;background:#ffb86b1f;color:#ffd9a8;font-weight:700;font-size:13px}.spb-stock.is-in{background:#6ff7d81f;color:#bfffee}
.spb-desc{margin:0;font-size:14px;line-height:1.55;color:#d6e4e8}.spb-desc.is-open{max-height:320px;overflow:auto}
.spb-more{justify-self:start;border:0;background:none;color:#6ff7d8;font-family:inherit;font-weight:700;font-size:13px;padding:0;cursor:pointer}
.spb-count{font-size:13px;color:#6ff7d8}
.site-product-brief .site-product-link{justify-self:start;margin:4px 0 0}
/* Delivery line and city picker (space-city.js) */
.sc-delivery{display:grid;gap:4px;margin-top:10px;padding:14px 16px;border-radius:18px;background:linear-gradient(160deg,#12232c,#0d1820);box-shadow:inset 0 0 0 1px #ffffff14}
.sc-delivery .sc-text{font-size:13px;color:#b7c7cc}.sc-delivery .sc-src{font-size:11.5px;color:#7f969c}
.sc-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:14px}
.sc-city{border:0;padding:2px 8px;border-radius:9px;background:#6ff7d81f;color:#bfffee;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer}
.sc-text{font-size:12.5px;color:#9fb6bd;line-height:1.45}.sc-src{font-size:11.5px;color:#7f979f;cursor:pointer}
.sc-pop{position:fixed;z-index:1800;display:grid;gap:8px;padding:12px;border-radius:18px;background:#0b151df9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px #6ff7d855,0 24px 60px #000c;color:#eaf4f6}
.sc-head{display:flex;align-items:center;justify-content:space-between}.sc-x{width:34px;height:34px;border:0;border-radius:50%;background:#ffffff14;color:#fff;font-size:20px;cursor:pointer}
.sc-geo{min-height:42px;border:0;border-radius:12px;background:linear-gradient(135deg,#6ff7d8,#c3a9fd);color:#04130f;font-family:inherit;font-weight:800;font-size:13.5px;cursor:pointer}
.sc-in{min-height:44px;padding:0 12px;border:1px solid #3a5a68;border-radius:12px;background:#071017;color:#eaf4f6;font:15px inherit}
.sc-list{display:flex;flex-wrap:wrap;gap:6px;max-height:220px;overflow:auto}
.sc-list button{border:0;padding:7px 11px;border-radius:10px;background:#122630;color:#eaf4f6;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer}.sc-list button:hover{background:#6ff7d826}.sc-list .sc-own{background:#6ff7d826;color:#bfffee}
.sc-note{color:#ffb3c2}
.product-card-info b.is-ask{font-size:13px;color:#9fb6bd}
.sc-est{display:grid;gap:1px}.sc-est b{font:800 16px 'JetBrains Mono',ui-monospace,monospace;color:#6ff7d8}.sc-est small{font-size:11.5px;color:#8fa6ae}
/* Close buttons: red, dark on hover */
#drawer-close,.site-product-close,.ps-x,.cx-draft-x,.ps-view-x,.ck-close{background:#e5364f!important;color:#fff!important;border:0!important;box-shadow:0 6px 18px #e5364f55!important;transition:background .2s,box-shadow .2s}
#drawer-close:hover,.site-product-close:hover,.ps-x:hover,.cx-draft-x:hover,.ps-view-x:hover,.ck-close:hover{background:#0b1a23!important;box-shadow:inset 0 0 0 1px #ffffff2a!important}
/* Phone: a product card is a full screen with the close always at hand */
@media(max-width:760px){
  .detail-drawer{width:100vw;border-left:0}
  .detail-drawer .drawer-top{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;background:#111b25f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:12px 14px 12px 18px}
  .detail-drawer .drawer-top .eyebrow{font-size:10px;letter-spacing:.14em}
  .detail-drawer .drawer-top h2{font-size:19px;line-height:1.22;letter-spacing:-.02em;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  #drawer-close{position:relative;width:42px;height:42px;flex:none;display:grid;place-items:center;padding:0;border-radius:14px;font-size:24px;line-height:1}
  .detail-drawer .drawer-body{padding:16px 16px 28px}
  #detail-drawer .detail-section{margin-top:20px;padding-top:18px;border-top-color:#ffffff12}
  #detail-drawer .detail-section h3{font-size:18px;letter-spacing:-.01em}
  #detail-drawer .detail-section p{font-size:14.5px;line-height:1.6;color:#c6d4d9}
  .site-product-overlay{background:#0c1b25}
  .site-product-drawer{width:100%;padding:0 16px 32px;border-left:0}
  .site-product-head{position:sticky;top:0;z-index:5;margin:0 -16px;padding:max(12px,env(safe-area-inset-top)) 70px 10px 16px;background:#0c1b25f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .site-product-head h2{font-size:22px;margin:6px 0 4px}
  .site-product-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:14px;width:46px;height:46px;border-radius:14px;font-size:24px}
}
/* A Kit card opened from an assembly card lies over it; closing the card returns to the assembly, one window at a time */
body.drawer-over-site .detail-drawer{z-index:1460}body.drawer-over-site .drawer-backdrop{z-index:1455}
/* Collapsible long blocks (spaceCollapse): fixed height, soft fade, unfolds smoothly */
.sx-clip{overflow:hidden;transition:max-height .75s cubic-bezier(.16,1,.3,1);-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent)}
.sx-clip.is-open{-webkit-mask-image:none;mask-image:none}
.sx-more{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0;padding:11px 18px;border:0;border-radius:14px;background:#6ff7d814;color:#6ff7d8;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;box-shadow:inset 0 0 0 1px #6ff7d844;transition:background .2s,transform .2s}
.sx-more:after{content:'';width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .35s}
.sx-more.is-open:after{transform:translateY(2px) rotate(-135deg)}
.sx-more:hover{background:#6ff7d826;transform:translateY(-1px)}

/* Premium side opening: the card slides in on a spring with a neon edge, the page behind dims and blurs */
.site-product-overlay{background:radial-gradient(80% 100% at 100% 50%,#06231c99,transparent 60%),rgba(1,8,12,.72);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);animation:sp-veil .45s ease-out}
@keyframes sp-veil{from{background-color:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}
.site-product-drawer{position:relative;border-left:0;box-shadow:-40px 0 120px #000b,inset 1px 0 0 #6ff7d855;animation:sp-in .75s cubic-bezier(.16,1,.3,1)}
@keyframes sp-in{from{transform:translateX(105%)}62%{transform:translateX(-1.2%)}to{transform:none}}
.site-product-drawer:before,.detail-drawer:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;z-index:9;pointer-events:none;background:linear-gradient(180deg,transparent,#6ff7d8 30%,#a68cff 70%,transparent);opacity:.75;animation:sp-edge 1.4s ease-out both}
@keyframes sp-edge{from{transform:scaleY(0);opacity:1}}
.detail-drawer{transition:transform .7s cubic-bezier(.16,1,.3,1)}
.drawer-backdrop:not([hidden]){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* Section heads in product cards: one voice everywhere */
.site-product-description h3,.site-related h3,.site-bom h3{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.03em;line-height:1.15;margin:6px 0 16px;color:#f2fbf8}
.site-product-description>.eyebrow,.site-related>.eyebrow,.site-bom>.eyebrow{font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:800;font-size:10.5px;letter-spacing:.16em;color:#6ff7d8}
.site-product-description,.site-related{margin:26px 0;border-radius:26px;box-shadow:0 20px 60px #0006}
.site-product-rich>*{border-color:#ffffff14;border-radius:16px;background:#ffffff06;font-size:15px;line-height:1.65}
.site-product-related-card{position:relative;border-radius:18px;border-color:#ffffff1c;background:linear-gradient(160deg,#132a30,#0e1d24)}
#detail-drawer .detail-section h3{display:flex;align-items:center;gap:10px}
#detail-drawer .detail-section h3:before{content:'';width:6px;height:6px;border-radius:50%;background:#6ff7d8;box-shadow:0 0 12px #6ff7d8}

/* Assembly hero: the photo keeps its shape, no empty space under it */
.site-product-hero{align-items:start}
.site-product-gallery{grid-template-rows:auto auto}
.site-product-gallery .site-product-photo{min-height:0;aspect-ratio:4/3;background:radial-gradient(circle at 50% 40%,#183a3a,#0b161d)}
.site-product-photo img{width:100%;height:100%;max-height:none;object-fit:contain}
.site-product-brief{padding:20px;border-radius:24px;background:linear-gradient(160deg,#112630,#0c1a22);box-shadow:inset 0 0 0 1px #6ff7d82a}

/* the real card replaces the loading drawer in place: no second slide, the content just fades up */
.site-product-drawer.is-swap{animation:sp-swap .32s ease-out!important}
@keyframes sp-swap{from{opacity:.35}}
.site-product-drawer.is-loading{display:grid;place-items:center;color:#8fa6ae;font-weight:700}

/* voice-live.css */
/* LIVE: the mic button and a small status pill above the bottom bar (words are typed into the input itself) */
.space-command #command-mic{width:72px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:21px;border-color:#638a7f;background:linear-gradient(135deg,#12302c,#0c1d22);color:#d8fff2;cursor:pointer;transition:transform .2s,box-shadow .2s}
.space-command #command-mic:hover{transform:translateY(-2px);box-shadow:0 0 18px #69e7be55}
.space-command #command-mic.recording{--lvl:0;animation:none;background:#3a1220;color:#fff;border-color:#ff8fa3;box-shadow:0 0 0 calc(3px + var(--lvl)*10px) #ff6b8a33,0 0 calc(14px + var(--lvl)*30px) #ff6b8a88}
.command-live-label{font-size:10px;font-weight:800;letter-spacing:.13em}
.space-command:has(#command-mic.recording){box-shadow:0 0 0 2px #ff8fa366,0 0 40px #ff6b8a33}
.space-command:has(#command-mic.recording) #command-input{color:#fff;font-weight:600}
.vl-pill{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);z-index:30;max-width:min(520px,90vw);padding:7px 14px;border-radius:999px;
  background:#0b151df2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #6ff7d855,0 10px 30px #000a;color:#cfe0e5;
  font:700 12px/1.3 Manrope,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;animation:vlIn .3s cubic-bezier(.2,1.2,.3,1)}
.vl-pill[hidden]{display:none}
.vl-pill:before{content:'● ';color:#6ff7d8}
.vl-pill[data-kind=hear]:before{color:#ff8fa3;animation:vlBlink .8s infinite}
.vl-pill[data-kind=work]:before{content:'✦ ';color:#c3a9fd}
.vl-pill[data-kind=error]{color:#ffb3c2}
@keyframes vlIn{from{opacity:0;transform:translate(-50%,8px)}}
@keyframes vlBlink{50%{opacity:.2}}
@media(max-width:760px){.space-command #command-mic{width:55px;gap:2px;font-size:17px;padding:0 3px}.command-live-label{font-size:8px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.vl-pill{animation:none}}

/* space-live.css */
/* Space LIVE: «☎» next to LIVE and the dock with the person on the line. Prefix sl-. */
.space-command #command-call{position:relative;width:52px;display:flex;align-items:center;justify-content:center;font-size:19px;border-color:#6a5f95;background:linear-gradient(135deg,#221c3c,#17303a);color:#d9ccff;transition:background .25s,box-shadow .25s,transform .25s}
.space-command #command-call:hover{transform:translateY(-2px);box-shadow:0 0 18px #a487f455}
.sl-call-dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:transparent}
/* manager icon: drawn strokes, voice waves that breathe on hover, wait in a loop and follow the voice level */
.sl-mgr{width:26px;height:26px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sl-mgr .mg-s{stroke-dasharray:1 1}
.sl-mgr .mg-ear{fill:currentColor;stroke:none}
.sl-mgr .mg-w{stroke:#6ff7d8;opacity:calc(.15 + 1.6 * var(--lvl,0));transform-origin:16px 11px;transition:opacity .2s}
.sl-mgr .mg-band{stroke:#c3a9fd}
#command-call:hover .mg-w,#command-call:focus-visible .mg-w{animation:slWave 1.1s ease-out infinite}
#command-call:hover .mg-w2{animation-delay:.18s}
#command-call:hover .mg-head{animation:slNod 1.1s ease-in-out infinite}
#command-call[data-state=waiting] .mg-w{animation:slWave 1s ease-out infinite;stroke:#c3a9fd}
#command-call[data-state=waiting] .mg-w2{animation-delay:.2s}
#command-call[data-state=active] .mg-band,#command-call[data-state=active] .mg-ear{stroke:#6ff7d8;fill:#6ff7d8}
#command-call[data-state=active] .mg-w{opacity:calc(.35 + 2 * var(--lvl,0))}
@keyframes slWave{0%{opacity:0;transform:translateX(-3px)}40%{opacity:1}100%{opacity:0;transform:translateX(3px)}}
@keyframes slNod{50%{transform:translateY(-.8px)}}
.sl-burst{position:absolute;inset:4px;border-radius:12px;border:1.5px solid #c3a9fd;pointer-events:none}
.sl-mgr.is-big{width:28px;height:28px;color:#e9e1ff}
.sl-mgr.is-big .mg-w{animation:slWave 1s ease-out infinite;stroke:#d9ccff}.sl-mgr.is-big .mg-w2{animation-delay:.2s}
#command-call[data-state=waiting] .sl-call-dot{background:#c3a9fd;box-shadow:0 0 10px #c3a9fd;animation:slBlink .6s infinite alternate}
#command-call[data-state=active]{border-color:#81f5d1;color:#bfffee}#command-call[data-state=active] .sl-call-dot{background:#6ff7d8;box-shadow:0 0 10px #6ff7d8}
@keyframes slBlink{to{opacity:.3}}

.sl-dock{--lvl:0;position:fixed;z-index:60;right:clamp(14px,3vw,48px);bottom:91px;width:min(370px,calc(100vw - 28px));padding:12px 15px 14px;color:#e6fbf5;background:linear-gradient(145deg,#08171dee,#071019f6 58%,#0c1522f8);border:1px solid #b9a0f8;border-radius:16px;box-shadow:0 12px 45px #000b,0 0 25px #a487f430;font:13px/1.45 Manrope,system-ui,sans-serif}
.sl-dock:before{content:'';position:absolute;inset:0;border-radius:16px;pointer-events:none;background-image:radial-gradient(#78cfbe32 .5px,transparent .5px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,#0007,transparent 70%);mask-image:linear-gradient(to bottom,#0007,transparent 70%)}
.sl-dock[data-state=active]{border-color:#69e3c5;box-shadow:0 12px 45px #000b,0 0 calc(25px + 50px * var(--lvl)) rgb(67 225 189 / calc(.18 + .5 * var(--lvl)))}
.sl-dock.is-speaking{border-color:#9af8d8}
.sl-top{position:relative;display:flex;align-items:center;justify-content:space-between;font:700 9px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
.sl-brand{color:#9af8d8}.sl-brand b{margin-left:5px;color:#c3a9fd;font-weight:600}
.sl-iconbtn{width:25px;height:25px;border:1px solid #4c7174;border-radius:7px;background:#10272e;color:#d7fff3;font-size:16px;line-height:1;cursor:pointer}

/* the person: avatar with voice rings */
.sl-person{position:relative;display:flex;align-items:center;gap:12px;margin-top:10px}
.sl-avatar{--s:calc(1 + .55 * var(--lvl,0));position:relative;flex:none;width:52px;height:52px;display:grid;place-items:center}
.sl-avatar i{position:absolute;inset:0;border-radius:50%;border:1.5px solid #6ff7d866;transform:scale(var(--s));opacity:calc(.25 + var(--lvl,0));transition:transform .08s linear,opacity .08s linear}
.sl-avatar i+i{border-color:#b9a4ff55;transform:scale(calc(1 + 1.1 * var(--lvl,0)));opacity:calc(.6 * var(--lvl,0))}
.sl-avatar b{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:700 15px/1 Manrope,system-ui,sans-serif;color:#04211a;background:radial-gradient(circle at 35% 30%,#bfffee,#3fdcb4 55%,#14705f);box-shadow:0 0 calc(12px + 30px * var(--lvl,0)) #6ff7d8aa,inset 0 0 10px #ffffff55}
.sl-dock[data-state=waiting] .sl-avatar b{color:#e9e1ff;font-size:20px;overflow:visible;background:radial-gradient(circle,#6b55c4,#2a1f55 70%);box-shadow:0 0 22px #a487f488}
.sl-dock[data-state=waiting] .sl-avatar i{animation:slRing 2.6s cubic-bezier(.2,.6,.3,1) infinite;border-color:#b9a4ff77;opacity:1}
.sl-dock[data-state=waiting] .sl-avatar i+i{animation-delay:1.3s}
@keyframes slRing{from{transform:scale(.8);opacity:1}to{transform:scale(1.6);opacity:0}}
.sl-dock.is-speaking .sl-avatar b{animation:slTalk .5s ease-in-out infinite alternate}
@keyframes slTalk{to{filter:brightness(1.25)}}
.sl-who{min-width:0;flex:1;display:grid;gap:1px}
.sl-who strong{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-state{font-size:12px;color:#8be5cc}
.sl-dock.is-speaking .sl-state{color:#bfffee;font-weight:600}
.sl-dock:not(.is-online)[data-state=active] .sl-avatar b{filter:grayscale(.7) brightness(.7)}
.sl-timer{font:300 22px "JetBrains Mono",ui-monospace,monospace;color:#fff}
.sl-eye{display:block;font:700 9px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;color:#8be5cc}

.sl-body{position:relative;display:grid;gap:9px;margin-top:12px}
.sl-share{display:flex;gap:12px;align-items:center}
.sl-qr{flex:none;width:96px;height:96px;padding:5px;border-radius:10px;background:#fff;box-shadow:0 0 22px #6ff7d833}
.sl-qr svg{display:block;width:100%;height:100%}
.sl-share-info{display:grid;gap:5px;font-size:12px;color:#b6c8cf}
.sl-btn{min-height:38px;padding:0 13px;border-radius:10px;font:600 13px Manrope,system-ui,sans-serif;cursor:pointer}
.sl-btn-t{border:1px solid #6ff7d866;background:#6ff7d812;color:#9ff9d9}
.sl-btn-ghost{border:1px solid #ffffff22;background:none;color:#b6c8cf}
.sl-dock[data-voice=on] .sl-acts .sl-btn-t{border-color:#ff9c9c77;color:#ffc4c4;background:#ff6b6b14}
.sl-dock[data-voice=ring] .sl-acts .sl-btn-t{background:#6ff7d8;color:#04211a;animation:slBlink .6s infinite alternate}
.sl-feed{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin}
.sl-feed:empty{display:none}
.sl-msg{max-width:88%;padding:6px 10px;border-radius:11px;background:#0f1d27;box-shadow:inset 3px 0 0 var(--c,#ffffff22)}
.sl-msg small{display:block;font:700 9px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--c,#8aa1ad)}
.sl-msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.sl-msg.is-me{align-self:flex-end;background:#13232e;box-shadow:inset -3px 0 0 var(--c,#ffffff22)}
.sl-from-client{--c:#b9a4ff}.sl-from-manager{--c:#6ff7d8}
.sl-from-system{align-self:center;background:none;box-shadow:none;padding:0}.sl-from-system p{font:11px "JetBrains Mono",ui-monospace,monospace;color:#6f8893;text-align:center}
.sl-typing{min-height:14px;font:10px "JetBrains Mono",ui-monospace,monospace;color:#8aa1ad}.sl-typing:empty{display:none}
.sl-compose{display:flex;gap:6px;padding:4px;border-radius:12px;background:#050c11;box-shadow:inset 0 0 0 1px #6ff7d833}
.sl-compose input{flex:1;min-width:0;min-height:38px;padding:0 8px;border:0;background:none;color:#e9f3f6;font:16px Manrope,system-ui,sans-serif;outline:none}
.sl-send{flex:none;width:40px;border:0;border-radius:9px;background:#6ff7d8;color:#04211a;font-size:17px;font-weight:700;cursor:pointer}
.sl-acts{display:flex;gap:8px}.sl-acts .sl-btn{flex:1}
.sl-note{margin:0;font-size:12px;color:#ffd9a6}

/* minimised: only the person stays, still pulsing with the voice */
.sl-dock.is-min{width:auto;max-width:calc(100vw - 28px);padding:8px 12px;cursor:pointer}
.sl-dock.is-min .sl-top,.sl-dock.is-min .sl-body,.sl-dock.is-min .sl-timer{display:none}
.sl-dock.is-min .sl-person{margin:0}.sl-dock.is-min .sl-avatar{width:40px;height:40px}.sl-dock.is-min .sl-avatar b{width:34px;height:34px;font-size:13px}

/* «зовут менеджера» card for managers in Space */
.sl-callcard{position:fixed;z-index:70;top:16px;right:16px;display:flex;align-items:center;gap:12px;width:min(440px,calc(100vw - 32px));padding:12px 14px;color:#e6fbf5;background:#08171df4;border:1px solid #b9a0f8;border-radius:16px;box-shadow:0 18px 50px #000c,0 0 30px #a487f440;font:13px Manrope,system-ui,sans-serif}
.sl-callcard .sl-avatar i{animation:slRing 2.2s cubic-bezier(.2,.6,.3,1) infinite;border-color:#b9a4ff77;opacity:1}.sl-callcard .sl-avatar i+i{animation-delay:1.1s}
.sl-callcard .sl-avatar b{color:#e9e1ff;font-size:20px;background:radial-gradient(circle,#6b55c4,#2a1f55 70%)}
.sl-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:75;max-width:calc(100% - 32px);padding:10px 15px;border-radius:13px;background:#0a151df2;color:#e6fbf5;box-shadow:inset 0 0 0 1px #6ff7d866,0 14px 40px #000a;font:13.5px Manrope,system-ui,sans-serif;transform:translateX(-50%)}
.space-guest-manager .sidebar-bottom:after{content:' · гость по ссылке';color:#c3a9fd}

@media(max-width:760px){
  .space-command #command-call{width:44px;font-size:16px;padding:0 3px}
  .sl-dock{left:10px;right:10px;bottom:calc(132px + env(safe-area-inset-bottom));width:auto;padding:10px 12px 12px;border-radius:13px}
  .sl-dock.is-min{left:auto}
  .sl-feed{max-height:120px}
  .sl-callcard{top:10px;right:10px;left:10px;width:auto}
}
@media(prefers-reduced-motion:reduce){.sl-dock *,.sl-callcard *,#command-call *{animation:none!important;transition:none!important}}

/* where the other person clicked */
.sl-flash{position:fixed;z-index:65;pointer-events:none;border-radius:12px;box-shadow:0 0 0 2px #c3a9fd,0 0 26px #a487f488}
/* «Перезвоните мне» inside the waiting dock */
.sl-cb{display:grid;gap:8px;margin:2px 0 8px}
.sl-cb-open{width:100%;justify-content:center;gap:8px;font-weight:800}
.sl-cb-form{display:grid;gap:8px;padding:12px;border-radius:14px;background:#6ff7d80d;border:1px solid #6ff7d833}
.sl-cb-phone{height:46px;padding:0 14px;border-radius:12px;border:1px solid #ffffff22;background:#0b1a20;color:#fff;font:600 16px Manrope,sans-serif;outline:none}
.sl-cb-phone:focus{border-color:#6ff7d8;box-shadow:0 0 0 3px #6ff7d822}
.sl-cb-go{height:46px;justify-content:center;border:0;background:linear-gradient(135deg,#6ff7d8,#47d6b4);color:#06231c;font-weight:800}
.sl-cb-go:disabled{opacity:.6}
.sl-cb-msg{margin:0;min-height:0;color:#ffb4a8;font-size:12.5px}.sl-cb-msg:empty{display:none}
.sl-cb-ok{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:#6ff7d814;border:1px solid #6ff7d855}
.sl-cb-ok b{display:block;color:#eafff9;font-size:15px}.sl-cb-ok small{color:#a9cfc6;font-size:12.5px;line-height:1.4}
.sl-cb-check{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#6ff7d8;color:#06231c;font-weight:900}

/* bar-canvas.css */
/* 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 */

/* ---------- phones: iOS-like dive (bar-canvas.js iosOpen / iosClose / iosSwitch) ---------- */
.bc-cover{position:fixed;inset:0;z-index:1990;display:grid;place-items:center;padding:28px;pointer-events:auto;will-change:clip-path,opacity;
  background:radial-gradient(120% 70% at 50% 0%,#12403a 0%,transparent 60%),radial-gradient(90% 60% at 50% 100%,#1b1a44 0%,transparent 65%),#060d14;
  box-shadow:inset 0 0 0 1.5px #6ff7d8aa,inset 0 0 60px #6ff7d822}
.bc-cover-in{display:grid;gap:10px;justify-items:center;text-align:center;max-width:320px}
.bc-cover-in .bc-eyebrow{color:#6ff7d8;letter-spacing:.2em;font-size:10px}
.bc-cover-in b{font-size:28px;line-height:1.12;letter-spacing:-.03em;color:#f2fbf8;font-weight:600}
.bc-cover-in span{font:13px var(--bc-mono,ui-monospace,monospace);color:#9fe9d2}
@media(max-width:760px){
  .bc-stage{transform-origin:50% 30vh;will-change:auto}
  .bc-tabs{position:relative;scroll-behavior:auto;padding:2px 0}
  .bc-tab{position:relative;z-index:1;min-height:36px;padding:0 13px;font-size:10.5px;transition:color .3s}
  .bc-tabs.has-ink .bc-tab.is-on,html.jv .bc-tabs.has-ink .bc-tab.is-on{background:none;box-shadow:none;color:#06231c;font-weight:700}
  .bc-tab-ink{position:absolute;left:0;top:2px;bottom:2px;z-index:0;border-radius:20px;background:linear-gradient(135deg,#9dfbe0,#5fe9c0);box-shadow:0 4px 16px #6ff7d844;pointer-events:none;will-change:transform,width}
  .bc-nav{top:calc(env(safe-area-inset-top) + 4px);border-radius:18px;padding:7px;background:rgba(6,13,20,.82);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 0 0 1px #6ff7d82e,0 10px 30px #0008}
  .bc-back{min-height:40px;border-radius:13px;font-size:12.5px;-webkit-tap-highlight-color:transparent;transition:transform .15s}
  .bc-back:active,.bc-tab:active{transform:scale(.95)}
  .bc-tile{-webkit-tap-highlight-color:transparent}
  .bc-tile:active{transform:scale(.975);transition:transform .12s}
}
@media(max-width:760px){
  /* in a dive the bottom menu is under the layer: the ask line settles at the very bottom, the tab row fades at its edges */
  body:has(#explore-results .bc-stage[data-mode="facet"]) .space-command{bottom:calc(10px + env(safe-area-inset-bottom))!important}
  .space-command{transition:bottom .45s cubic-bezier(.32,.72,0,1)}
  #explore-results .bc-stage[data-mode="facet"]{padding-bottom:calc(96px + env(safe-area-inset-bottom));scroll-padding-top:120px}
  .bc-tabs{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);padding-left:6px;padding-right:6px}
}

/* space-jarvis.css */
/* Space «Jarvis» layer — every rule is under html.jv, so ?jv=0 (or the switch) returns the old look completely. */
.jv-switch{display:flex;justify-content:flex-end;gap:6px;margin:0 0 8px;opacity:.6;transition:opacity .25s}
.jv-switch:hover{opacity:1}
.jv-switch button{border:0;border-radius:10px;padding:6px 10px;background:#07161ee6;color:#cfe2e6;font:700 11px "JetBrains Mono",monospace;box-shadow:inset 0 0 0 1px #6ff7d855;cursor:pointer}

html.jv .bc-tile,html.jv .bc-facet-head{background:linear-gradient(160deg,#0c2230ee,#081520e8)!important;box-shadow:inset 0 0 0 1px #5ec8ff33,0 18px 40px #0007;border-radius:14px;overflow:visible}
html.jv .bc-tile{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%2306141b' fill-opacity='.85' stroke='%236ff7d8' stroke-width='1.5'/%3E%3Cpath d='M13 13 8 8m0 0v4m0-4h4M19 19l5 5m0 0v-4m0 4h-4' fill='none' stroke='%236ff7d8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 16 16,pointer;transition:background .25s,box-shadow .25s,transform .25s}
html.jv .bc-tile:hover{box-shadow:inset 0 0 0 1.5px #6ff7d8,0 0 34px #6ff7d833,0 18px 40px #0008}
html.jv .bc-tile.bc-tile-action{cursor:pointer}
html.jv .jv-corner{position:absolute;width:12px;height:12px;border:2px solid #5ec8ff;filter:drop-shadow(0 0 5px #5ec8ff);pointer-events:none;opacity:.8}
html.jv .jv-corner.c1{left:-3px;top:-3px;border-right:0;border-bottom:0;border-radius:5px 0 0 0}html.jv .jv-corner.c2{right:-3px;top:-3px;border-left:0;border-bottom:0;border-radius:0 5px 0 0}
html.jv .jv-corner.c3{left:-3px;bottom:-3px;border-right:0;border-top:0;border-radius:0 0 0 5px}html.jv .jv-corner.c4{right:-3px;bottom:-3px;border-left:0;border-top:0;border-radius:0 0 5px 0}
html.jv .jv-ticks{position:absolute;left:22px;right:22px;top:-1px;height:5px;pointer-events:none;background:repeating-linear-gradient(90deg,#6ff7d888 0 1px,transparent 1px 9px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);opacity:.55}
html.jv .jv-hint{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#06141bcc;box-shadow:inset 0 0 0 1px #6ff7d866;opacity:0;transform:scale(.7);transition:.25s;pointer-events:none}
html.jv .bc-tile:hover .jv-hint,html.jv .bc-tile.jv-charged .jv-hint{opacity:1;transform:none}html.jv .jv-hint svg{width:16px;height:16px}
html.jv .jv-prog{position:absolute;inset:-3px;width:36px!important;height:36px!important;transform:rotate(-90deg)}html.jv .jv-prog circle{fill:none;stroke:#6ff7d8;stroke-width:2;stroke-dasharray:113;stroke-dashoffset:calc(113 - 113 * var(--pr,0))}
html.jv .bc-tile{--jv-st:0}html.jv .bc-tile.jv-charged{box-shadow:inset 0 0 0 2px #6ff7d8,0 0 70px #6ff7d8aa!important}
html.jv .bc-tile:before{content:'';position:absolute;inset:calc(var(--jv-st)*-20px);border-radius:16px;box-shadow:0 0 0 2px #6ff7d8;opacity:calc(var(--jv-st)*1.6);pointer-events:none}
html.jv .bc-facet-head .bc-facet-title{background:linear-gradient(180deg,#fff,#bfeef0);-webkit-background-clip:text;background-clip:text;color:transparent}
html.jv .bc-tab.is-on{background:#6ff7d81c;color:#6ff7d8;box-shadow:inset 0 0 0 1px #6ff7d877}
html.jv .bc-back{border-radius:12px}
.jv-lines{position:fixed;inset:0;z-index:950;pointer-events:none}.jv-lines i{position:absolute;background:#6ff7d8;box-shadow:0 0 14px #6ff7d8,0 0 3px #fff;border-radius:2px}
@media(prefers-reduced-motion:reduce){html.jv .bc-tile:before{display:none}}
/* Video and knowledge tiles set their children to relative — the decoration must stay on top of the tile, not in its flow */
html.jv #explore-results .bc-tile>.jv-corner,html.jv #explore-results .bc-tile>.jv-ticks,html.jv #explore-results .bc-tile>.jv-hint{position:absolute!important}
/* «↓ Дальше: …» — pulling on past the end of a dive section leads to the next one */
.bc-pull{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;display:grid;gap:6px;min-width:220px;padding:9px 14px;border:1px solid #6ff7d855;border-radius:14px;background:#08121af0;color:#e9f3f6;font:12px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;text-align:center;box-shadow:0 10px 30px #0008;pointer-events:none}
.bc-pull i{display:block;height:3px;border-radius:2px;background:#ffffff1a;overflow:hidden}
.bc-pull b{display:block;height:100%;width:0;background:linear-gradient(90deg,#6ff7d8,#b9a4ff);transition:width .12s}
.bc-pull.is-ready{border-color:#6ff7d8;color:#6ff7d8}

/* canvas-dock.css */
/* «Помню / Дальше» above the answer (tablet and phone), mini buttons next to ✦, line of thought in the search field. */
.cd-dock,.cd-mini,.cd-pop{display:none}
@media(max-width:1050px){
  #explore-view .canvas-rail{display:none!important}
  #explore-view .bc-next{display:none}
  .cd-dock{display:block;position:relative;margin:12px 0 26px;overflow:hidden}
  .cd-dock[hidden]{display:none}
  .cd-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .cd-col{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;height:104px;padding:11px 12px 10px;border:0;border-radius:4px;background:rgba(10,20,27,.78);color:#e4eef1;text-align:left;font:inherit;cursor:pointer;transition:background .25s}
  .cd-col:hover,.cd-col.is-on{background:rgba(16,32,40,.92)}
  .cd-col.is-on{box-shadow:0 0 26px #6ff7d81f}
  .cd-memory.is-on{box-shadow:0 0 26px #b9a4ff26}
  .cd-k{display:flex;align-items:center;gap:6px;font:700 9.5px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;color:#8be5cc}
  .cd-memory .cd-k{color:#c3a9fd}
  .cd-k i{font-style:normal;font-size:13px}
  .cd-k b{margin-left:auto;min-width:20px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:9px;background:#ffffff10;color:#e6fbf5;font-size:10px;letter-spacing:0}
  .cd-t{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .cd-more{margin-top:auto;font:10px "JetBrains Mono",ui-monospace,monospace;color:#7f98a3}
  .cd-col.is-empty{opacity:.55}.cd-col.is-empty .cd-t{color:#8aa1ad;font-size:12px}
  .cd-col.is-on .cd-more:after{content:' · свернуть ↑'}
  .cd-col:not(.is-on) .cd-more:after{content:' ↓'}
  .cd-panel{position:relative;margin-top:8px;padding:10px 12px 12px;background:rgba(8,17,23,.9);border-radius:4px}
  .cd-panel[hidden]{display:none}
}
.cd-in{position:relative;display:grid;gap:6px;overflow:hidden}
.cd-panel-h{display:flex;align-items:center;justify-content:space-between;font:700 9.5px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;color:#8be5cc}
.cd-pop[data-kind=memory] .cd-panel-h,.cd-dock[data-open=memory] .cd-panel-h{color:#c3a9fd}
.cd-x{width:28px;height:28px;border:1px solid #ffffff22;border-radius:8px;background:none;color:#d7fff3;font-size:17px;line-height:1;cursor:pointer}
.cd-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:#ffffff06;color:#e4eef1;text-align:left;font:13px/1.35 Manrope,system-ui,sans-serif;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff0c;transition:background .2s}
.cd-item:hover{background:#6ff7d812}
.cd-n{flex:none;font:10px "JetBrains Mono",ui-monospace,monospace;color:#8be5cc}
.cd-pop[data-kind=memory] .cd-n,.cd-dock[data-open=memory] .cd-n{color:#c3a9fd}
.cd-item-t{flex:1;min-width:0}
.cd-go{flex:none;color:#6f8893}
.cd-empty{margin:4px 0;font-size:12px;color:#8aa1ad}
.cd-scan{position:absolute;left:0;right:0;top:0;height:28%;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,#6ff7d81c 60%,#6ff7d855 98%,transparent)}

/* mini buttons next to ✦ after scrolling: the header is gone, so ✦ and the buttons rise to the top */
@media(max-width:1050px){
  .pin-quick{transition:top .35s cubic-bezier(.16,1,.3,1)}
  .cd-scrolled .pin-quick{top:10px!important}
  .cd-scrolled .cd-mini{top:10px!important}
  .cd-mini{position:fixed;z-index:209;display:flex;gap:6px}
  .cd-mini[hidden]{display:none}
  .cd-mini-b{display:flex;align-items:center;gap:5px;height:100%;min-height:40px;padding:0 11px;border:1px solid #b9a0f8;border-radius:15px;background:#1d1838;color:#e2d8ff;box-shadow:0 8px 30px #0008;font:inherit;cursor:pointer}
  .cd-mini-b.cd-next{border-color:#63d7ba;background:#123932;color:#baf7df}
  .cd-mini-b span{font-size:17px}.cd-mini-b b{font-size:12px}
  .cd-mini-b.is-on{box-shadow:0 0 0 3px #ffffff14,0 8px 30px #0008}
  .cd-mini-b[hidden]{display:none}
  .cd-pop{position:fixed;z-index:211;right:12px;display:block;width:min(380px,calc(100vw - 24px));max-height:min(60vh,460px);overflow:auto;padding:10px 12px 12px;border:1px solid #63d7ba;border-radius:16px;background:#08171df6;box-shadow:0 18px 50px #000c,0 0 30px #43e1bd25}
  .cd-pop[data-kind=memory]{border-color:#b9a0f8;box-shadow:0 18px 50px #000c,0 0 30px #a487f430}
  .cd-pop[hidden]{display:none}
}

/* line of thought inside the search field */
.st-line{position:absolute;top:0;bottom:0;display:none;align-items:center;gap:9px;min-width:0;pointer-events:none;overflow:hidden}
.space-command.is-thinking .st-line{display:flex}
.space-command.is-thinking.is-typing .st-line{display:none}
.space-command.is-thinking:not(.is-typing) #command-input{color:transparent}
.space-command.is-thinking .bcv-cmd-line,.space-command.is-thinking:not(.is-typing) .command-spark{display:none!important}
.st-glyph{flex:none;font-style:normal;color:#6ff7d8;text-shadow:0 0 12px #6ff7d8;font-size:15px}
.st-text{position:relative;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:500 14px Manrope,system-ui,sans-serif;background:linear-gradient(90deg,#9fe9d6 0%,#ffffff 40%,#c3a9fd 60%,#9fe9d6 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:stShine 2.4s linear infinite}
.st-old{position:absolute;top:50%;margin-top:-.7em;white-space:nowrap;pointer-events:none;font:500 14px Manrope,system-ui,sans-serif;color:#9fe9d6}
.st-caret{flex:none;width:2px;height:16px;margin-left:-6px;background:#6ff7d8;box-shadow:0 0 8px #6ff7d8;animation:stCaret .9s steps(2) infinite}
@keyframes stShine{to{background-position:-250% 0}}
@keyframes stCaret{50%{opacity:0}}
.bcv-cmd-C.is-busy.is-thinking .bcv-cmd-cap span{display:none}
.bcv-cmd-C.is-busy.is-thinking .bcv-cmd-cap{flex:0 0 auto}
.bcv-cmd-C.is-busy.is-thinking .st-line{display:flex!important;position:static;flex:1;width:auto!important}
.bcv-cmd-C.is-busy.is-thinking{max-width:min(520px,calc(100vw - 24px))!important}
@media(max-width:760px){.st-text,.st-old{font-size:12.5px}.space-command.is-thinking:not(.is-typing) #command-image{display:none}}
@media(prefers-reduced-motion:reduce){.st-text,.st-caret{animation:none}.st-text{color:#e6fbf5;background:none}}

/* space-voice.css */
/* Voice toggle in the command bar and the spoken gist inside «Линия мысли». */
.space-command #command-voice{position:relative;width:44px;display:flex;align-items:center;justify-content:center;padding:0;border-color:#4f7f74;background:#132a2a;color:#9ff9d9;transition:background .25s,box-shadow .25s,transform .25s}
.space-command #command-voice:hover{transform:translateY(-2px);box-shadow:0 0 16px #69e7be44}
#command-voice svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
#command-voice .sv-body{fill:currentColor;fill-opacity:.18}
#command-voice .sv-x{display:none;stroke:#ff9c9c}
#command-voice.is-off{color:#6f8893;border-color:#3a4e55;background:#0f1c22}
#command-voice.is-off .sv-w{display:none}#command-voice.is-off .sv-x{display:block}
#command-voice.is-speaking .sv-w{animation:svWave .9s ease-in-out infinite;transform-origin:12px 12px}
#command-voice.is-speaking .sv-w2{animation-delay:.15s}
@keyframes svWave{50%{opacity:.25}}

.thought-voice{display:flex;align-items:flex-start;gap:11px;margin-top:6px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#0f3330b3,#0c1d27b3);box-shadow:inset 0 0 0 1px #6ff7d844}
.thought-voice[hidden]{display:none}
.tv-copy{display:grid;gap:3px;min-width:0}
.tv-copy small{font-size:9px;font-weight:800;letter-spacing:.14em;color:#8be5cc}
.tv-text{margin:0;font-size:14px;line-height:1.45;color:#eafff7}
.tv-bars{flex:none;display:flex;align-items:center;gap:3px;height:22px;margin-top:2px}
.tv-bars i{width:3px;height:6px;border-radius:2px;background:linear-gradient(#6ff7d8,#c3a9fd)}
.thought-voice.is-speaking .tv-bars i{animation:tvBar .8s ease-in-out infinite}
.thought-voice.is-speaking .tv-bars i:nth-child(2){animation-delay:.12s}.thought-voice.is-speaking .tv-bars i:nth-child(3){animation-delay:.24s}.thought-voice.is-speaking .tv-bars i:nth-child(4){animation-delay:.36s}
@keyframes tvBar{50%{height:20px}}
@media(max-width:760px){.space-command #command-voice{width:38px}#command-voice svg{width:19px;height:19px}.tv-text{font-size:13px}}
@media(prefers-reduced-motion:reduce){#command-voice *,.tv-bars i{animation:none!important}}

.prompt-reset{justify-self:start;margin-top:5px;min-height:30px;padding:0 10px;border:1px solid #4c756b;border-radius:9px;background:#10272e;color:#9ff9d9;font-size:12px;cursor:pointer}

/* «Покажи сам»: the pill in the search field, the AI cursor and the step panel */
.pilot-pill{display:none;flex:none;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid #b9a0f8;border-radius:17px;background:linear-gradient(135deg,#2a2152,#173c35);color:#efe9ff;font:600 12.5px Manrope,system-ui,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 0 18px #a487f433}
.pilot-pill.is-on{display:inline-flex;animation:pilotIn .4s cubic-bezier(.2,1.3,.4,1)}
.pilot-pill i{font-style:normal;color:#6ff7d8}
@keyframes pilotIn{from{opacity:0;transform:scale(.8)}}
.space-command.is-thinking .pilot-pill{display:none}
.space-command .pilot-pill{display:none!important}  /* the pilot starts from the mic menu «Показать на экране» (voice-choice.js) */
.pilot-cursor{position:fixed;left:0;top:0;z-index:90;width:30px;height:30px;margin:-4px 0 0 -4px;pointer-events:none;filter:drop-shadow(0 0 10px #6ff7d8)}
.pilot-cursor[hidden]{display:none}
.pilot-cursor svg{width:26px;height:26px;fill:#6ff7d8;stroke:#04211a;stroke-width:1.3}
.pilot-cursor i{position:absolute;left:4px;top:4px;width:8px;height:8px;border-radius:50%;background:#c3a9fd;box-shadow:0 0 12px #c3a9fd;animation:pilotPing 1s ease-out infinite}
@keyframes pilotPing{to{transform:scale(3);opacity:0}}
.pilot-ring{position:fixed;z-index:89;width:34px;height:34px;border-radius:50%;border:2px solid #6ff7d8;pointer-events:none}
.pilot-glow{position:fixed;z-index:88;border-radius:12px;pointer-events:none;box-shadow:0 0 0 2px #6ff7d8,0 0 30px #6ff7d877}
.pilot-hud{position:fixed;z-index:62;left:50%;bottom:104px;transform:translateX(-50%);width:min(560px,calc(100vw - 24px));padding:12px 14px;color:#e6fbf5;background:linear-gradient(145deg,#08171df4,#0c1522f8);border:1px solid #b9a0f8;border-radius:16px;box-shadow:0 18px 50px #000c,0 0 30px #a487f430;font:13px/1.45 Manrope,system-ui,sans-serif}
.pilot-hud[hidden]{display:none}
.pilot-head{display:flex;align-items:center;gap:10px}
.pilot-head small{font:700 9.5px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.13em;color:#c3a9fd}
.pilot-step{margin-left:auto;font:10px "JetBrains Mono",ui-monospace,monospace;color:#8be5cc}
.pilot-stop{min-height:30px;padding:0 12px;border:1px solid #ff9c9c66;border-radius:9px;background:#ff6b6b14;color:#ffc4c4;font:600 12px Manrope,system-ui,sans-serif;cursor:pointer}
.pilot-say{margin:8px 0 4px;font-size:15px;color:#fff}
.pilot-trail{margin:0;padding-left:18px;color:#8aa1ad;font-size:12px}.pilot-trail:empty{display:none}
.pilot-on .space-command{box-shadow:0 0 0 2px #b9a0f8,0 0 30px #a487f444}
@media(max-width:760px){.pilot-hud{bottom:calc(150px + env(safe-area-inset-bottom))}.pilot-pill span{display:none}.pilot-pill{padding:0 10px}}
@media(prefers-reduced-motion:reduce){.pilot-cursor i,.pilot-pill{animation:none}}
/* The command bar styles every button as a 35px square: the pill needs its own size, font and look back. */
.space-command .pilot-pill{width:auto;min-width:0;height:37px;padding:0 14px 0 11px;border:1px solid #b9a0f8;border-radius:19px;background:linear-gradient(135deg,#2a2152,#173c35);color:#efe9ff;font:700 13px/1 Manrope,system-ui,sans-serif;gap:6px;box-shadow:0 0 18px #b9a0f833}
.space-command .pilot-pill span{font-size:13px;line-height:1}
.space-command .pilot-pill i{font-size:15px;line-height:1}
.space-command .pilot-pill:hover{background:linear-gradient(135deg,#3a2c74,#1d4d44)}
@media(max-width:760px){.space-command .pilot-pill{padding:0 10px}.space-command .pilot-pill span{display:inline;font-size:11.5px}}
.pilot-ask{display:flex;gap:8px;margin-top:8px}
.pilot-ask button{flex:1;height:40px;border:0;border-radius:12px;font:800 13px Manrope,system-ui,sans-serif;cursor:pointer}
.pilot-yes{background:linear-gradient(135deg,#6ff7d8,#c3a9fd);color:#04130f}.pilot-no{background:#ffffff14;color:#eaf4f6}
.pilot-hud.is-looking{box-shadow:0 0 0 1px #6ff7d8,0 0 40px #6ff7d855}
.pilot-hud.is-looking .pilot-say{animation:pilotLook 1.2s ease-in-out infinite}@keyframes pilotLook{50%{opacity:.55}}
/* The microphone asks first: «Сказать голосом» or «Показать на экране» (voice-choice.js) */
.vc-pop{position:absolute;right:56px;bottom:calc(100% + 10px);z-index:40;display:grid;gap:6px;width:min(300px,calc(100vw - 32px));padding:8px;border-radius:18px;background:linear-gradient(150deg,#0c1c22f7,#121a2cf7);box-shadow:0 18px 50px #000b,inset 0 0 0 1px #6ff7d855;backdrop-filter:blur(14px)}
.vc-pop[hidden],.vc-hint[hidden]{display:none}
.vc-opt{display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;width:100%!important;height:auto!important;padding:10px!important;border:0!important;border-radius:13px!important;background:#ffffff08!important;color:#eef8f5!important;text-align:left;font:inherit!important}
.vc-opt:hover,.vc-opt:focus-visible{background:#6ff7d81c!important}
.vc-opt>b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#203a39;font-size:18px;font-weight:400}
.vc-show>b{background:linear-gradient(135deg,#2a2152,#173c35);color:#6ff7d8}
.vc-opt span{display:grid;gap:2px}.vc-opt strong{font-size:14px}.vc-opt small{font-size:11.5px;color:#93aab0}
.vc-hint{position:absolute;left:16px;bottom:calc(100% + 8px);padding:6px 12px;border-radius:999px;background:#0c1c22f2;color:#c7fff0;font:600 12px Manrope,system-ui,sans-serif;box-shadow:inset 0 0 0 1px #6ff7d855;pointer-events:none}
#command-mic.vc-open{box-shadow:0 0 0 2px #6ff7d8}
@media(max-width:760px){.vc-pop{right:0;left:0;margin:auto}}

/* opt.css */
/* Wholesale space: partner page (op-) and the price canvas (oc-), shared with Space. */
.opt-page{--o-bg:#04080c;--o-fg:#e9f3f6;--o-mu:#8aa1ad;--o-t:#6ff7d8;--o-v:#b9a4ff;--o-a:#ffbf72;margin:0;min-height:100vh;color:var(--o-fg);background:radial-gradient(900px 500px at 80% -10%,#0f2a3055,transparent 60%),radial-gradient(700px 420px at 0 110%,#1e164055,transparent 60%),var(--o-bg);font:15px/1.5 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.opt-page *{box-sizing:border-box}
.op-app{min-height:100vh;padding:16px}
.op-wait{text-align:center;color:var(--o-mu);margin-top:30vh}
.op-card{width:min(460px,100%);margin:max(8vh,20px) auto;padding:26px 24px;display:grid;gap:14px;border-radius:22px;background:linear-gradient(160deg,#0c1922ee,#08121aee);box-shadow:inset 0 0 0 1px #6ff7d833,0 30px 80px #000a}
.op-brand{display:flex;align-items:center;gap:8px;font:700 13px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em}
.op-brand b{color:var(--o-t);font-size:18px}.op-brand strong{color:var(--o-v)}.op-lock{font-style:normal}
.op-card h1{margin:4px 0 0;font-size:clamp(24px,6vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.15}
.op-lead{margin:0;color:#b6c8cf}
.op-ya{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:14px;background:#fff;color:#000;font-weight:700;text-decoration:none}
.op-ya b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fc3f1d;color:#fff;font-size:16px}
.op-or{text-align:center;font:11px "JetBrains Mono",ui-monospace,monospace;color:var(--o-mu);letter-spacing:.08em}
.op-form{display:flex;gap:8px;flex-wrap:wrap}
.op-form input{flex:1 1 200px;min-height:50px;padding:0 14px;border:1px solid #2c4552;border-radius:13px;background:#071017;color:var(--o-fg);font:16px Manrope,system-ui,sans-serif;outline:none}
.op-form input:focus{border-color:var(--o-t);box-shadow:0 0 0 3px #6ff7d822}
.op-code{letter-spacing:.5em;text-align:center;font-size:22px!important}
.op-profile input{flex-basis:100%}
.op-go{min-height:50px;padding:0 18px;border:0;border-radius:13px;background:var(--o-t);color:#04211a;font:700 15px Manrope,system-ui,sans-serif;cursor:pointer}
.op-go:disabled{opacity:.6;cursor:progress}
.op-note{margin:0;min-height:1em;color:#ffd9a6;font-size:13px}
.op-link{justify-self:start;border:0;background:none;color:var(--o-mu);font:13px Manrope,system-ui,sans-serif;text-decoration:underline;cursor:pointer;padding:0}
.op-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 4px;margin:-16px -16px 10px;padding-inline:16px;background:#04080ce6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 #6ff7d822}
.op-who{margin-left:auto;font-size:13px;color:var(--o-mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}
.op-canvas{max-width:1100px;margin:0 auto;padding-bottom:120px}

/* ---------- price canvas ---------- */
.oc{--o-fg:#e9f3f6;--o-mu:#8aa1ad;--o-t:#6ff7d8;--o-v:#b9a4ff;--o-a:#ffbf72;display:grid;gap:12px;color:var(--o-fg)}
.oc-loading,.oc-empty{color:var(--o-mu);padding:30px 0;text-align:center}
.oc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.oc-eye{display:block;font:700 10px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;color:var(--o-v)}
.oc-title h2{margin:4px 0 0;font-size:clamp(24px,5vw,34px);font-weight:600;letter-spacing:-.02em}
.oc-stats{display:flex;gap:16px}
.oc-stat{display:grid}.oc-stat b{font:300 26px "JetBrains Mono",ui-monospace,monospace;color:#fff}.oc-stat small{font-size:11px;color:var(--o-mu)}
.oc-note{flex-basis:100%;margin:0;color:#ffd9a6;font-size:13px}
.oc-search{display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:16px;background:#071017;box-shadow:inset 0 0 0 1px #6ff7d844,0 0 30px #6ff7d811}
.oc-search i{font-style:normal;color:var(--o-t);font-size:18px}
.oc-search input{flex:1;min-width:0;min-height:44px;border:0;background:none;color:var(--o-fg);font:16px Manrope,system-ui,sans-serif;outline:none}
.oc-scale{position:relative;height:74px;border-radius:14px;background:linear-gradient(90deg,#0b1c22,#120f24);box-shadow:inset 0 0 0 1px #ffffff12;overflow:hidden}
.oc-band250{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,#6ff7d833,#6ff7d811);box-shadow:0 0 24px #6ff7d855;border-inline:1px solid #6ff7d888;pointer-events:none;animation:ocPulse 2.4s ease-in-out infinite}
.oc-band250 span{position:absolute;top:4px;left:50%;transform:translateX(-50%);font:700 9px "JetBrains Mono",ui-monospace,monospace;color:var(--o-t);white-space:nowrap}
@keyframes ocPulse{50%{box-shadow:0 0 40px #6ff7d899}}
.oc-zone{position:absolute;bottom:0;height:22px;border:0;border-top:1px solid #ffffff14;background:none;color:var(--o-mu);font:10px "JetBrains Mono",ui-monospace,monospace;cursor:pointer}
.oc-zone+.oc-zone{border-left:1px solid #ffffff14}
.oc-zone.is-on{background:#b9a4ff33;color:#fff}
.oc-zone:hover{background:#ffffff0d}
.oc-dots{position:absolute;inset:0 0 22px;pointer-events:none}
.oc-dot{position:absolute;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--c,#6ff7d8);box-shadow:0 0 6px var(--c,#6ff7d8);opacity:.85}
.oc-k-0{--c:#6ff7d8}.oc-k-1{--c:#b9a4ff}.oc-k-2{--c:#ffbf72}.oc-k-3{--c:#7cc7ff}.oc-k-4{--c:#ff8fb1}.oc-k-5{--c:#c8f56a}
.oc-chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.oc-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border:1px solid #2c4552;border-radius:18px;background:#0a151d;color:#d6e4e8;font:13px Manrope,system-ui,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.oc-chip small{font:10px "JetBrains Mono",ui-monospace,monospace;color:var(--o-mu)}
.oc-chip.is-on{border-color:var(--o-t);background:#6ff7d81a;color:#fff}
.oc-brands .oc-chip.is-on{border-color:var(--o-v);background:#b9a4ff1f}
.oc-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oc-found{font:12px "JetBrains Mono",ui-monospace,monospace;color:var(--o-mu)}
.oc-reset{border:0;background:none;color:var(--o-v);font:13px Manrope,system-ui,sans-serif;text-decoration:underline;cursor:pointer}
.oc-reset[hidden]{display:none}
.oc-tools select{margin-left:auto;min-height:38px;padding:0 10px;border:1px solid #2c4552;border-radius:11px;background:#0a151d;color:var(--o-fg);font:13px Manrope,system-ui,sans-serif}
.oc-list{display:grid;gap:7px}
.oc-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:9px 12px;border-radius:14px;background:#0a151dd9;box-shadow:inset 0 0 0 1px #ffffff0d;transition:box-shadow .25s,background .25s}
.oc-row:hover{background:#0f1d27}
.oc-row.in-cart{box-shadow:inset 0 0 0 1px #6ff7d866,0 0 20px #6ff7d814}
.oc-pic{width:56px;height:56px;border-radius:11px;background:#fff;display:grid;place-items:center;overflow:hidden}
.oc-pic img{width:100%;height:100%;object-fit:contain}
.oc-pic span{color:#04211a;font-weight:800}
.oc-info{min-width:0;display:grid;gap:4px}
.oc-name{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.oc-meta{display:flex;flex-wrap:wrap;gap:5px}
.oc-meta span{font:10.5px "JetBrains Mono",ui-monospace,monospace;padding:2px 7px;border-radius:8px;background:#ffffff0a;color:var(--o-mu)}
.oc-meta .oc-kind{color:var(--o-t)}.oc-meta .oc-brand{color:var(--o-v)}
.oc-meta .oc-bar.is-250{background:#6ff7d82a;color:#bfffee;box-shadow:0 0 10px #6ff7d844}
.oc-price{display:grid;justify-items:end;gap:1px;white-space:nowrap}
.oc-price s{font-size:12px;color:var(--o-mu)}.oc-price b{font:600 17px Manrope,system-ui,sans-serif;color:#fff}.oc-price em{font-style:normal;font:700 11px "JetBrains Mono",ui-monospace,monospace;color:var(--o-t)}
.oc-qty{display:flex;align-items:center;gap:4px}
.oc-qty button{width:32px;height:32px;border:1px solid #2c4552;border-radius:9px;background:#071017;color:var(--o-fg);font-size:16px;cursor:pointer}
.oc-qty span{min-width:24px;text-align:center;font:600 14px "JetBrains Mono",ui-monospace,monospace}
.oc-more{justify-self:center;min-height:42px;padding:0 18px;border:1px solid #6ff7d855;border-radius:12px;background:#6ff7d80f;color:var(--o-t);font:600 13px Manrope,system-ui,sans-serif;cursor:pointer}
.oc-more[hidden]{display:none}
.oc-cart{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;transform:translateX(-50%);width:min(860px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#0d2a2af6,#16123af6);box-shadow:inset 0 0 0 1px #6ff7d855,0 18px 50px #000c}
.oc-cart[hidden]{display:none}
.oc-sum{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.oc-sum b{font:600 22px Manrope,system-ui,sans-serif;color:#fff}
.oc-save{font-size:12px;color:var(--o-t)}.oc-min{font-size:12px;color:#ffd9a6}
.oc-acts{display:flex;gap:8px;flex-wrap:wrap}
.oc-btn{min-height:40px;padding:0 14px;border:1px solid #ffffff2a;border-radius:11px;background:#ffffff0a;color:var(--o-fg);font:600 13px Manrope,system-ui,sans-serif;cursor:pointer}
.oc-send{border:0;background:var(--o-t);color:#04211a}
@media(max-width:640px){
  .oc-row{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"pic info price" "pic info qty"}
  .oc-pic{grid-area:pic;width:48px;height:48px}.oc-info{grid-area:info}.oc-price{grid-area:price}.oc-qty{grid-area:qty;justify-self:end}
  .oc-stats{gap:10px}.oc-stat b{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.oc-band250{animation:none}}

/* Space admin tabs */
.opt-share{font-size:13px;color:#8aa1ad}.opt-share a{color:#6ff7d8}
.opt-tabs{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}
.opt-tab,.opt-mini{min-height:38px;padding:0 14px;border:1px solid #2c4552;border-radius:12px;background:#0a151d;color:#d6e4e8;font:600 13px Manrope,system-ui,sans-serif;cursor:pointer}
.opt-tab.is-on{border-color:#6ff7d8;background:#6ff7d81a;color:#fff}
.opt-mini{min-height:34px;padding:0 11px}.opt-ok{border:0;background:#6ff7d8;color:#04211a}
.opt-users{display:grid;gap:8px}
.opt-user{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:#0a151dd9;box-shadow:inset 0 0 0 1px #ffffff0d}
.opt-user div{display:grid;gap:2px;min-width:0}.opt-user span,.opt-user small{color:#8aa1ad;font-size:12.5px;overflow-wrap:anywhere}
.opt-user.is-pending{box-shadow:inset 0 0 0 1px #b9a4ff66}.opt-user.is-blocked{opacity:.6}
.opt-disc{width:150px;min-height:34px;padding:0 10px;border:1px solid #2c4552;border-radius:10px;background:#071017;color:#e9f3f6}
.opt-warn{padding:10px 12px;border-radius:12px;background:#ffbf7214;color:#ffd9a6;font-size:13px}
.opt-rules{display:grid;gap:12px;max-width:860px}
.opt-rules label{display:grid;gap:5px;font-size:13px;color:#b6c8cf}
.opt-rules input,.opt-rules textarea{min-height:38px;padding:6px 10px;border:1px solid #2c4552;border-radius:10px;background:#071017;color:#e9f3f6;font:14px Manrope,system-ui,sans-serif}
.opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;border:1px solid #ffffff14;border-radius:14px;padding:12px}
.opt-grid legend{padding:0 6px;font:700 10px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;color:#c3a9fd}
@media(max-width:640px){.opt-user{grid-template-columns:1fr 1fr}.opt-user div{grid-column:1/-1}.opt-disc{width:100%;grid-column:1/-1}}

/* SEO AI */
.seo-bar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.seo-bar select{min-height:38px;padding:0 10px;border:1px solid #2c4552;border-radius:11px;background:#0a151d;color:#e9f3f6}
.seo-stats{display:flex;gap:22px;margin:6px 0 10px}.seo-stats .oc-stat b{color:#fff}
.seo-list{display:grid;gap:8px;margin-top:10px}
.seo-card{padding:12px 14px;border-radius:14px;background:#0a151dd9;box-shadow:inset 0 0 0 1px #ffffff0d}.seo-card.is-saved{box-shadow:inset 0 0 0 1px #6ff7d866}
.seo-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.seo-score{--s:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:700 14px "JetBrains Mono",ui-monospace,monospace;color:#fff;background:radial-gradient(closest-side,#0a151d 78%,transparent 80% 100%),conic-gradient(var(--c) calc(var(--s)*1%),#ffffff14 0)}
.seo-score[data-level=ok]{--c:#6ff7d8}.seo-score[data-level=mid]{--c:#ffbf72}.seo-score[data-level=bad]{--c:#ff8f8f}
.seo-info{display:grid;gap:4px;min-width:0}.seo-info strong{font-size:14px;line-height:1.3}.seo-info small{color:#8aa1ad;font-size:12px}
.seo-issues{display:flex;flex-wrap:wrap;gap:5px}.seo-issue{font-size:11.5px;padding:2px 8px;border-radius:8px;background:#ff8f8f14;color:#ffc4c4}.seo-issue.is-ok{background:#6ff7d814;color:#9ff9d9}.seo-issue.is-h1,.seo-issue.is-body{background:#ffbf7214;color:#ffd9a6}
.seo-edit{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff12}
.seo-field{display:grid;gap:4px;font-size:12.5px;color:#b6c8cf}.seo-field input,.seo-field textarea{min-height:38px;padding:8px 10px;border:1px solid #2c4552;border-radius:10px;background:#071017;color:#e9f3f6;font:14px Manrope,system-ui,sans-serif}
.seo-old{font-size:12px;color:#6f8893}.seo-note{margin:0;color:#c3a9fd;font-size:13px}.seo-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:640px){.seo-top{grid-template-columns:auto minmax(0,1fr)}.seo-top>button{grid-column:1/-1}}

/* video-player.css */
/* AI video player: three styles (stack / orbit / edit desk), product marks, own blocks, AI vision */
.vp{--vp-top:0px;--mint:#6ff7d8;--violet:#c3a9fd;--hot:#ff3b6b;--muted:#8fa6ae;position:relative;padding:14px;border-radius:26px;background:linear-gradient(180deg,#0b161e,#071017);box-shadow:inset 0 0 0 1px #6ff7d822,0 30px 80px #0008;color:#eaf4f6;font:14px/1.45 Manrope,system-ui,sans-serif;scroll-margin-top:var(--vp-top);-webkit-tap-highlight-color:transparent}
.vp *{box-sizing:border-box}
.vp button{font:inherit;color:inherit}
.vp-top{position:sticky;top:var(--vp-top);z-index:8;display:flex;gap:8px;align-items:center;margin:-14px -14px 10px;padding:10px 14px;border-radius:26px 26px 0 0;background:#0a151cf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.vp-search{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:46px;padding:0 6px 0 12px;border-radius:15px;background:#06121a;box-shadow:inset 0 0 0 1px #ffffff1a;transition:box-shadow .3s}
.vp-search:focus-within{box-shadow:inset 0 0 0 1px var(--mint),0 0 24px #6ff7d833}
.vp-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:#eaf4f6;font:inherit;font-size:15px}
.vp-spark{color:var(--mint);font-size:16px;animation:vpSpark 3s ease-in-out infinite}
@keyframes vpSpark{50%{transform:rotate(90deg) scale(1.2);filter:drop-shadow(0 0 6px var(--mint))}}
.vp-seg{display:flex;padding:3px;border-radius:11px;background:#0b1a23}
.vp-seg button{border:0;background:none;padding:6px 9px;border-radius:8px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap}
.vp-seg button.is-on{background:#16303a;color:var(--mint)}
.vp-pills{display:flex;gap:6px}
.vp-pill{position:relative;height:46px;padding:0 13px;border:0;border-radius:14px;background:#0b1a23;box-shadow:inset 0 0 0 1px #ffffff14;font-size:13px;font-weight:700;color:#cfe0e5;cursor:pointer;white-space:nowrap;transition:box-shadow .25s,transform .25s}
.vp-pill:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #6ff7d855}
.vp-pill.has{color:var(--mint);box-shadow:inset 0 0 0 1px #6ff7d877,0 0 18px #6ff7d822}
.vp-style{display:flex;gap:2px;padding:3px;border-radius:13px;background:#0b1a23;box-shadow:inset 0 0 0 1px #ffffff14}
.vp-style button{width:36px;height:40px;border:0;border-radius:10px;background:none;color:var(--muted);font-size:16px;cursor:pointer;transition:background .25s,color .25s}
.vp-style button.is-on{background:linear-gradient(135deg,var(--mint),var(--violet));color:#04130f;box-shadow:0 0 14px #6ff7d855}
.vp-fbtn{display:none;place-items:center;position:relative;width:44px;height:44px;flex:none;border:0;border-radius:14px;background:#0b1a23;box-shadow:inset 0 0 0 1px #ffffff1f;cursor:pointer}
.vp-fbtn sup{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:9px;background:var(--mint);color:#03140f;font:800 10px "JetBrains Mono",monospace}
.vp-fbtn sup[hidden]{display:none}
.vp.is-narrow .vp-pills{display:none}.vp.is-narrow .vp-fbtn{display:grid}
.vp.is-narrow[data-v="1"] .vp-body{grid-template-columns:minmax(0,1fr)}
.vp.is-narrow[data-v="1"] .vp-wrap{justify-items:center}
.vp.is-narrow .vp-dock{position:static;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;padding:10px}
.vp.is-narrow .vp-dk{width:126px;transform-origin:center bottom}
.vp-stage.is-low .vp-rail{grid-auto-flow:column;bottom:auto;top:32px;right:8px}
.vp-stage.is-low .vp-rb small{display:none}
.vp-stage.is-low .vp-rb span{width:34px;height:34px;font-size:15px}
.vp-stage.is-low .vp-info{right:14px}
.vp-stage.is-low .vp-tray{bottom:auto;top:76px;right:8px}
.vp-pop{position:absolute;z-index:20;top:58px;min-width:240px;max-width:340px;padding:10px;border-radius:16px;background:#0b151df5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #ffffff1f,0 20px 50px #000c}
.vp-chips{display:flex;flex-wrap:wrap;gap:6px}
.vp-chip{border:0;padding:7px 11px;border-radius:12px;background:#122630;color:#cfe0e5;font-size:13px;cursor:pointer;transition:background .2s,color .2s}
.vp-chip small{font:600 10px "JetBrains Mono",monospace;color:var(--muted);margin-left:4px}
.vp-chip.is-on{background:linear-gradient(135deg,#6ff7d8,#a4f3c9);color:#03140f;box-shadow:0 0 16px #6ff7d855}
.vp-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 2px 10px;color:var(--muted);font-size:12.5px;min-height:18px}
.vp-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 4px 2px 9px;border-radius:9px;background:#6ff7d81f;color:var(--mint);font-size:12px}
.vp-tag button{border:0;background:none;color:inherit;cursor:pointer;padding:0 4px}
.vp-presults{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 12px;padding:2px}
.vp-presults:empty{display:none}
.vp-pcard{flex:none;display:flex;align-items:center;gap:8px;width:250px;padding:7px;border:0;border-radius:14px;background:#0e1f29;box-shadow:inset 0 0 0 1px #ffffff14;text-align:left;cursor:pointer;color:#eaf4f6}
.vp-pcard img{width:46px;height:46px;border-radius:10px;background:#fff;object-fit:contain;flex:none}
.vp-pcard>span{display:grid;min-width:0;flex:1}.vp-pcard b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-pcard em{font:normal 700 12.5px "JetBrains Mono",monospace;color:var(--mint)}
.vp-pcard .vp-pin{flex:none;width:32px;height:32px;border:0;border-radius:10px;background:#16303a;cursor:pointer}
.vp-pcard.is-sel{box-shadow:inset 0 0 0 2px var(--mint),0 0 18px #6ff7d833}
.vp-seglbl{font:700 9px "JetBrains Mono",monospace;letter-spacing:.08em;color:var(--violet)}
/* Stage */
.vp-body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.vp-pl{min-width:0}
.vp-wrap{position:sticky;top:calc(var(--vp-top) + 70px);z-index:4;display:grid;justify-items:center}
.vp-stage{position:relative;width:var(--w,360px);height:var(--h,640px);border-radius:24px;overflow:hidden;background:#000;box-shadow:0 30px 70px #000c,inset 0 0 0 1px #ffffff1a;transition:width .55s cubic-bezier(.2,1.1,.3,1),height .55s cubic-bezier(.2,1.1,.3,1);touch-action:pan-x;user-select:none;-webkit-user-select:none;perspective:1200px}
.vp.is-docked .vp-stage{box-shadow:0 0 0 1px #6ff7d855,0 0 50px #6ff7d822,0 30px 70px #000c}
.vp-layer{position:absolute;inset:0;opacity:0;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden}
.vp-layer.is-on{opacity:1}
.vp-layer .vp-bg{position:absolute;inset:-30px;background:center/cover no-repeat;filter:blur(28px) brightness(.45) saturate(1.3)}
.vp-layer img,.vp-layer video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.vp-layer.is-fill img,.vp-layer.is-fill video{object-fit:cover}
.vp-shelf{position:absolute;left:0;top:0;width:2px;height:2px;overflow:hidden;opacity:0;pointer-events:none}
.vp-layer video{opacity:0;transition:opacity .25s}.vp-layer video.is-ready{opacity:1}
.vp-chap{position:absolute;z-index:5;left:12px;right:12px;top:10px;display:flex;gap:3px;height:3px}
.vp-chap i{--p:0;position:relative;flex:1;border-radius:2px;background:#ffffff33;overflow:hidden}
.vp-chap i.is-on{background:#ffffff55}.vp-chap i.is-on:after{content:'';position:absolute;inset:0;width:calc(var(--p)*100%);background:linear-gradient(90deg,var(--mint),var(--violet));box-shadow:0 0 8px var(--mint)}
.vp-chap i.is-done{background:#ffffffaa}
.vp-slabel{position:absolute;z-index:5;left:12px;top:22px;right:60px;font:700 10px "JetBrains Mono",monospace;letter-spacing:.12em;color:#bfffee;text-shadow:0 1px 6px #000;pointer-events:none}
/* Subtitles in the 250BAR Space style: thin glass, a neon edge, the spoken word lights up, key words carry a thematic icon */
.vp-subs{position:absolute;z-index:5;left:50%;bottom:26%;transform:translateX(-50%);width:min(84%,640px);display:flex;justify-content:center;pointer-events:none}
.vp-cap{position:relative;padding:6px 14px 7px;border-radius:14px;text-align:center;
  background:linear-gradient(180deg,#06121a8c,#06121a59);-webkit-backdrop-filter:blur(8px) saturate(1.3);backdrop-filter:blur(8px) saturate(1.3);
  box-shadow:inset 0 0 0 1px #ffffff1a,0 8px 24px #0006;font:650 clamp(14px,1.3vw + 8px,20px)/1.35 Manrope,system-ui,sans-serif;letter-spacing:-.005em}
.vp-cap:before{content:'';position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--mint),var(--violet),transparent);opacity:.8}
.vp-cap span{color:#ffffff73;transition:color .12s,text-shadow .12s}
.vp-cap span.is-said{color:#fff;text-shadow:0 1px 10px #000c}
.vp-cap span.is-key.is-said{color:var(--mint);text-shadow:0 0 14px color-mix(in srgb,var(--mint) 60%,transparent)}
.vp-ico{display:inline-grid;place-items:center;width:1.25em;height:1.25em;margin:0 .18em 0 0;border-radius:50%;vertical-align:-.2em;font-size:.82em;
  background:color-mix(in srgb,var(--mint) 22%,#06121a);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mint) 55%,transparent)}
/* «Смысл»: only the key words of the phrase, as small glass chips that do not cover the picture */
.vp-keys{position:absolute;z-index:5;left:14px;right:70px;bottom:calc(16px + var(--info-h,96px));display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.vp-key{display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 5px;border-radius:999px;background:#06121a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mint) 45%,transparent),0 6px 18px #0006;font:700 13px/1 Manrope,system-ui,sans-serif;color:#fff;white-space:nowrap}
.vp-key i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:13px;background:color-mix(in srgb,var(--mint) 22%,#06121a)}
.vp-key.is-num{color:var(--mint);font-family:"JetBrains Mono",monospace}
.vp-rb small.vp-ccm{font-size:8.5px;letter-spacing:.06em}
.vp-info{position:absolute;z-index:5;left:14px;right:70px;bottom:16px;display:grid;gap:3px;text-shadow:0 1px 8px #000c;pointer-events:none}
.vp-info strong{font-size:16px;line-height:1.25}.vp-info p{margin:0;font-size:12.5px;color:#dbe8ec;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vp-tags{display:flex;flex-wrap:wrap;gap:4px}.vp-tags span{font:10.5px "JetBrains Mono",monospace;padding:2px 7px;border-radius:8px;background:#6ff7d826;color:#bfffee}
.vp-rail{position:absolute;z-index:9;right:8px;bottom:18px;display:grid;gap:8px;justify-items:center}
.vp-rb{display:grid;justify-items:center;gap:1px;width:50px;padding:0;border:0;background:none;cursor:pointer}
.vp-rb span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#0a151d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:18px;box-shadow:inset 0 0 0 1px #ffffff26;transition:transform .2s}
.vp-rb:hover span{transform:scale(1.08)}
.vp-rb small{font:700 10px "JetBrains Mono",monospace;min-height:11px;text-shadow:0 1px 4px #000}
.vp-rb.is-on span{background:var(--hot);box-shadow:0 0 22px #ff3b6b99}
.vp-rb.is-arm span{background:var(--violet);color:#120a2a;box-shadow:0 0 22px #c3a9fd99}
.vp-tray{position:absolute;z-index:10;right:60px;bottom:150px;display:none;gap:3px;padding:5px;border-radius:24px;background:#0a151de6;box-shadow:inset 0 0 0 1px #ffffff26,0 10px 30px #000a}
.vp-tray.is-open{display:flex}
.vp-tray button{width:38px;height:38px;border:0;border-radius:50%;background:none;font-size:21px;cursor:pointer}.vp-tray button:hover{background:#ffffff14}
.vp-progress{position:absolute;z-index:6;left:0;right:0;bottom:0;height:3px;background:#ffffff22}.vp-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--violet))}
.vp-flash{position:absolute;z-index:12;left:50%;top:50%;width:80px;height:80px;margin:-40px;display:grid;place-items:center;border-radius:50%;background:#000a;font-size:32px;pointer-events:none}
.vp-heart{position:absolute;z-index:12;font-style:normal;font-size:46px;color:var(--hot);text-shadow:0 0 18px var(--hot);pointer-events:none}
.vp-sticker{position:absolute;z-index:6;font-style:normal;font-size:50px;transform:rotate(var(--rot));filter:drop-shadow(0 6px 10px #0009);pointer-events:none}
.vp-hint{position:absolute;z-index:14;left:50%;top:14px;transform:translateX(-50%);padding:7px 12px;border-radius:12px;background:var(--violet);color:#120a2a;font-weight:700;font-size:12.5px;white-space:nowrap;pointer-events:none}
.vp-placing .vp-stage{cursor:crosshair}
/* Marks: pop in with photo, name and price, then shrink to a translucent product photo; a tap opens the card */
.vp-marks{position:absolute;inset:0;z-index:7;pointer-events:none}
.vp-mk{position:absolute;display:flex;align-items:center;padding:3px;border:0;border-radius:26px;background:#0a151d8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #6ff7d866,0 10px 30px #0008;cursor:pointer;pointer-events:auto;transform:translate(-23px,-23px);transition:opacity .45s,background .45s,box-shadow .45s;color:#fff;text-align:left}
.vp-face{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:#fff;overflow:hidden;display:grid;place-items:center;font-size:18px}
.vp-face img{width:100%;height:100%;object-fit:contain}
.vp-face:after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2px #6ff7d8aa}
.vp-mk:before{content:'';position:absolute;left:3px;top:3px;width:40px;height:40px;border-radius:50%;border:1.5px solid #6ff7d899;animation:vpRing 2.2s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
@keyframes vpRing{from{transform:scale(.9);opacity:1}to{transform:scale(1.7);opacity:0}}
.vp-more{position:absolute;right:-4px;bottom:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:var(--violet);color:#120a2a;font:800 10px "JetBrains Mono",monospace}
.vp-lbl{display:grid;min-width:0;max-width:220px;padding:0 10px 0 8px;overflow:hidden;white-space:nowrap;transition:max-width .5s cubic-bezier(.2,1.1,.3,1),opacity .35s,padding .45s}
.vp-lbl b{font-size:11.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.vp-lbl em{font:normal 700 12px "JetBrains Mono",monospace;color:var(--mint)}
.vp-mk.is-min{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:.78}
.vp-mk.is-min .vp-lbl{max-width:0;opacity:0;padding:0}
.vp-mk.is-min .vp-face{box-shadow:0 0 18px #6ff7d866}
.vp-mk.is-min:hover{opacity:1}
.vp-mk.is-note .vp-face{background:#1c1636;color:var(--violet)}.vp-mk.is-note .vp-face:after{box-shadow:inset 0 0 0 2px #c3a9fdaa}
.vp-mk.is-note .vp-lbl{white-space:normal;max-width:240px}.vp-mk.is-note .vp-lbl b{font-size:12.5px}
.vp-mk.is-agent .vp-face{background:linear-gradient(135deg,var(--mint),var(--violet));color:#04130f;font-weight:800}
.vp-mk.is-agent .vp-lbl{white-space:normal;max-width:240px}.vp-mk.is-agent .vp-lbl em{font:600 11px Manrope,sans-serif;color:var(--violet)}
.vp-mk.is-ghost{opacity:.9;box-shadow:inset 0 0 0 1px #c3a9fd,0 0 0 4px #c3a9fd33}
/* Edit mode: every mark of the moment is shown, draggable, with edit / delete */
.vp-editing .vp-mk{opacity:1!important;cursor:grab;outline:2px dashed #c3a9fd88;outline-offset:3px}
.vp-editing .vp-mk:active{cursor:grabbing}
.vp-mkx{position:absolute;top:-14px;right:-10px;display:none;gap:4px}
.vp-editing .vp-mkx{display:flex}
.vp-mkx i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#0b151d;box-shadow:inset 0 0 0 1px #ffffff33;font-style:normal;font-size:12px;cursor:pointer}
.vp-mkx i:last-child{background:#3a1220;color:#ff9c9c}
.vp-auto{position:absolute;left:-6px;top:-12px;padding:1px 5px;border-radius:6px;background:#16303a;font:700 8.5px "JetBrains Mono",monospace;color:var(--mint);display:none}
.vp-editing .vp-auto{display:block}
/* Composer — universal block: products by search or by AI vision, a caption, a question for the agent, an AI picture */
.vp-comp{position:absolute;z-index:15;width:300px;max-height:calc(100% - 24px);overflow:auto;padding:10px;border-radius:16px;background:#0b151df7;box-shadow:inset 0 0 0 1px #c3a9fd77,0 20px 50px #000c;display:grid;gap:8px;scrollbar-width:thin}
.vp-comp.is-sheet{left:8px!important;right:8px;top:auto!important;bottom:8px;width:auto;max-height:78%}
.vp-comp h5{margin:0;font:700 10px "JetBrains Mono",monospace;letter-spacing:.12em;color:var(--violet)}
.vp-comp textarea,.vp-comp input{width:100%;border:0;outline:0;border-radius:10px;padding:8px 10px;background:#06121a;color:#eaf4f6;font:inherit;font-size:13px}
.vp-comp textarea{min-height:52px;resize:none}
.vp-comp .vp-row{display:flex;gap:6px}
.vp-comp button{border:0;border-radius:10px;padding:8px 10px;font-weight:700;font-size:12.5px;cursor:pointer;background:#16303a;color:#cfe0e5}
.vp-comp .vp-go{flex:1;background:linear-gradient(135deg,var(--mint),var(--violet));color:#04130f}
.vp-comp .vp-list{display:grid;gap:5px;max-height:190px;overflow:auto}
.vp-comp .vp-pcard{width:100%}
.vp-comp img.vp-pic{width:100%;border-radius:10px}
.vp-comp small{color:var(--muted);font-size:11.5px}
.vp-sel{display:flex;flex-wrap:wrap;gap:4px}
.vp-sel span{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 8px;border-radius:9px;background:#6ff7d81f;color:var(--mint);font-size:11.5px;max-width:100%}
.vp-sel span b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.vp-sel span button{padding:0 4px;background:none;color:inherit}
/* AI vision result */
.vp-vis{position:absolute;z-index:15;left:8px;right:8px;bottom:8px;max-height:62%;overflow:auto;padding:10px;border-radius:16px;background:#0b151df7;box-shadow:inset 0 0 0 1px #6ff7d877,0 20px 50px #000c;display:grid;gap:8px}
.vp-vis header{display:flex;align-items:center;gap:8px}.vp-vis header strong{flex:1;font-size:13.5px}
.vp-vis header button{border:0;border-radius:9px;width:30px;height:30px;background:#16303a;cursor:pointer}
.vp-vis .vp-chips .vp-chip{font-size:12px;padding:6px 9px}
.vp-scan{position:absolute;z-index:13;width:90px;height:90px;margin:-45px;border-radius:50%;border:2px solid var(--mint);box-shadow:0 0 30px var(--mint),inset 0 0 20px #6ff7d866;pointer-events:none}
.vp-found{position:absolute;z-index:8;width:30px;height:30px;margin:-15px;border-radius:50%;border:2px dashed var(--violet);display:grid;place-items:center;font:800 11px "JetBrains Mono",monospace;color:#fff;background:#1c163699;pointer-events:none}
/* Drawers (lab page only; in Space the product card of Space opens) */
.vp-scrim{position:fixed;inset:0;z-index:360;background:#0008;opacity:0;pointer-events:none;transition:opacity .3s}
.vp-scrim.is-on{opacity:1;pointer-events:auto}
.vp-drawer{position:fixed;z-index:361;top:0;right:0;bottom:0;width:min(400px,92vw);padding:18px;overflow:auto;background:#0a141bf8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:-30px 0 80px #000c,inset 1px 0 0 #6ff7d833;transform:translateX(105%);transition:transform .5s cubic-bezier(.2,1.05,.3,1);color:#eaf4f6;font:14px/1.45 Manrope,system-ui,sans-serif}
.vp-drawer.is-on{transform:none}
.vp-drawer header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.vp-drawer header strong{flex:1;font-size:17px}
.vp-x{width:38px;height:38px;border:0;border-radius:12px;background:#16303a;color:#fff;font-size:20px;cursor:pointer}
.vp-pd-img{width:100%;aspect-ratio:1;border-radius:20px;background:#fff;object-fit:contain}
.vp-pd h2{margin:14px 0 6px;font-size:20px;line-height:1.25}
.vp-price{font:800 26px "JetBrains Mono",monospace;color:var(--mint)}
.vp-from{color:var(--muted);font-size:12.5px;margin:6px 0 14px}
.vp-acts{display:flex;gap:8px}.vp-acts button{flex:1;height:46px;border:0;border-radius:14px;font-weight:800;cursor:pointer;background:#16303a;color:#fff}
.vp-acts .vp-go{background:linear-gradient(135deg,var(--mint),var(--violet));color:#04130f}
.vp-h4{margin:18px 0 8px;font:700 10px "JetBrains Mono",monospace;letter-spacing:.14em;color:var(--violet)}
.vp-sim{display:grid;gap:6px}.vp-sim .vp-pcard{width:100%}
.vp-fd .vp-apply{position:sticky;bottom:0;width:100%;height:48px;margin-top:20px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--mint),var(--violet));color:#04130f;font-weight:800;cursor:pointer}
/* Similar products injected into the Space product card */
.vp-space-sim{margin:16px 0 4px;padding:12px;border-radius:16px;background:#0b161e;box-shadow:inset 0 0 0 1px #6ff7d833}
.vp-space-sim .vp-pcard{width:100%;margin-top:6px}
/* ---------- Style 1: Neon stack ---------- */
.vp[data-v="1"] .vp-body{grid-template-columns:minmax(0,1fr) auto;align-items:start}
.vp[data-v="1"] .vp-wrap{justify-items:end}
.vp-deck{position:absolute;z-index:-1;left:50%;bottom:-14px;width:var(--w);height:30px;transform:translateX(-50%)}
.vp-deck i{position:absolute;left:6%;right:6%;bottom:0;height:100%;border-radius:0 0 22px 22px;background:center/cover #0d2029;box-shadow:inset 0 0 0 1px #ffffff1a}
.vp-deck i+i{left:12%;right:12%;bottom:-12px;opacity:.6}
.vp-dock{position:sticky;top:calc(var(--vp-top) + 70px);display:flex;flex-direction:column;gap:8px;max-height:calc(100dvh - var(--vp-top) - 84px);overflow-y:auto;padding:10px 8px;scrollbar-width:none;border-radius:20px;background:#06121a99;box-shadow:inset 0 0 0 1px #ffffff12;touch-action:pan-y}
.vp-dock::-webkit-scrollbar{display:none}
.vp-dk{position:relative;flex:none;width:150px;padding:0;border:0;border-radius:14px;background:#0d1d26;overflow:hidden;cursor:pointer;transform-origin:right center;transition:transform .18s ease-out,box-shadow .3s;text-align:left}
.vp-dk img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.vp-dk span{padding:5px 7px 7px;font-size:11px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vp-dk em,.vp-ob em,.vp-fr em{position:absolute;right:5px;top:5px;font:normal 700 9.5px "JetBrains Mono",monospace;padding:2px 5px;border-radius:6px;background:#000b;color:#fff}
.vp-dk.is-on{box-shadow:0 0 0 2px var(--mint),0 0 24px #6ff7d866}
.vp-pp{position:absolute;left:5px;top:5px;display:flex;gap:3px}.vp-pp i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 6px var(--mint)}
/* ---------- Style 2: Orbit ---------- */
.vp-orbit{position:relative;height:190px;perspective:1100px;touch-action:pan-y;cursor:grab;overflow:hidden;margin:0 -14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.vp-ob{position:absolute;left:50%;top:14px;width:200px;margin-left:-100px;padding:0;border:0;border-radius:18px;background:#0d1d26;overflow:hidden;box-shadow:0 18px 40px #000a,inset 0 0 0 1px #ffffff1a;text-align:left;will-change:transform}
.vp-ob img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;pointer-events:none}
.vp-ob span{display:block;padding:7px 9px;font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vp-ob.is-on{box-shadow:0 0 0 2px var(--mint),0 0 40px #6ff7d877,0 18px 40px #000a}
.vp-ring{position:absolute;z-index:11;width:40px;height:40px;margin:-20px;border-radius:50%;border:2px solid var(--mint);box-shadow:0 0 30px var(--mint),inset 0 0 20px var(--mint);pointer-events:none}
.vp-axis{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font:700 10px "JetBrains Mono",monospace;letter-spacing:.14em;color:var(--muted)}
/* ---------- Style 3: Edit desk ---------- */
.vp[data-v="3"] .vp-stage{border-radius:14px}
.vp-slats{position:absolute;inset:0;z-index:3;display:flex;pointer-events:none}
.vp-slats div{position:relative;flex:1;overflow:hidden}
.vp-slats img{position:absolute;top:0;height:100%;object-fit:cover}
.vp-filmwrap{position:relative;margin:0 -14px}
.vp-film{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:22px 50% 26px;touch-action:pan-x}
.vp-film::-webkit-scrollbar{display:none}
.vp-fr{position:relative;flex:none;height:92px;padding:0;border:0;border-radius:8px;background:#0d1d26 center/cover;scroll-snap-align:center;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1f;transition:transform .3s,filter .3s;filter:saturate(.6) brightness(.7)}
.vp-fr.is-on{filter:none;transform:scaleY(1.12);box-shadow:0 0 0 2px var(--mint),0 0 26px #6ff7d866}
.vp-fr b{position:absolute;left:0;right:0;bottom:-20px;font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.vp-fr.is-on b{color:#fff}
.vp-fr em{left:4px;right:auto}
.vp-fr .vp-pp{left:auto;right:4px}
.vp-head{position:absolute;z-index:3;left:50%;top:10px;bottom:22px;width:2px;margin-left:-1px;background:var(--hot);box-shadow:0 0 12px var(--hot);pointer-events:none}
.vp-head:before{content:'';position:absolute;left:-5px;top:-4px;width:12px;height:12px;border-radius:3px;background:var(--hot);transform:rotate(45deg)}
.vp-ruler{position:absolute;left:0;right:0;top:0;height:16px;background:repeating-linear-gradient(90deg,#ffffff26 0 1px,transparent 1px 12px);pointer-events:none}
/* ---------- Phones ---------- */
@media(max-width:760px){
  .vp{padding:10px;border-radius:22px}
  .vp-top{margin:-10px -10px 10px;padding:8px 10px;border-radius:22px 22px 0 0;gap:6px}
  .vp-style button{width:38px;height:40px}
  .vp-seg button{padding:6px 6px}
  .vp[data-v="1"] .vp-body{grid-template-columns:minmax(0,1fr)}
  .vp[data-v="1"] .vp-wrap{justify-items:center}
  .vp-dock{position:static;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;padding:10px}
  .vp-dk{width:116px;transform-origin:center bottom}
  .vp-stage{border-radius:20px}
  .vp-rail{right:4px;gap:6px}.vp-rb span{width:38px;height:38px;font-size:16px}
  .vp-info{right:58px}
}
@media(prefers-reduced-motion:reduce){.vp *,.vp-drawer{animation:none!important;transition:none!important}}

/* Voice search in the player */
.vp-mic{position:relative;flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:11px;background:#0b1a23;cursor:pointer}
.vp-mic svg{position:relative;z-index:1;width:18px;height:18px;fill:none;stroke:#bfffee;stroke-width:1.8;stroke-linecap:round}
.vp-mic svg rect{fill:#6ff7d833}
.vp-mic i{position:absolute;inset:4px;border-radius:50%;border:1.5px solid var(--mint);opacity:0}
.vp-mic.is-rec{background:#3a1220}.vp-mic.is-rec svg{stroke:#fff}.vp-mic.is-rec svg rect{fill:#ff6b6b}
.vp-mic.is-rec i{animation:vpMic 1s cubic-bezier(.2,.6,.3,1) infinite;border-color:#ff9c9c}.vp-mic.is-rec i+i{animation-delay:.5s}
.vp-mic.is-busy svg{animation:vpSpark 1s linear infinite}
@keyframes vpMic{from{transform:scale(.7);opacity:1}to{transform:scale(1.9);opacity:0}}
/* Memory menu */
.vp-memb{flex:none;display:flex;align-items:center;gap:6px;height:46px;padding:0 12px;border:0;border-radius:14px;background:#0b1a23;box-shadow:inset 0 0 0 1px #ffffff14;color:#cfe0e5;font-weight:700;font-size:13px;cursor:pointer}
.vp-memb b{color:var(--mint);font-size:16px}
.vp.is-narrow .vp-memb span{display:none}
.vp-menu{position:absolute;z-index:22;top:58px;right:14px;width:min(340px,92vw);max-height:70vh;overflow:auto;padding:10px;border-radius:16px;background:#0b151df7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #ffffff1f,0 20px 50px #000c;display:grid;gap:4px}
.vp-menu .vp-h4{margin:6px 0 2px}.vp-menu small{color:var(--muted);font-size:12px}
.vp-mi{display:block;width:100%;padding:8px 10px;border:0;border-radius:10px;background:none;color:#cfe0e5;text-align:left;font-size:13px;cursor:pointer}
.vp-mi:hover,.vp-mi.is-on{background:#ffffff10;color:#fff}.vp-mi b{font:600 11px "JetBrains Mono",monospace;color:var(--mint);margin-right:6px}
/* Intent banner: the page adapts to the query */
.vp-intent{position:relative;display:flex;align-items:center;gap:14px;margin:0 0 12px;padding:12px 16px;border-radius:18px;overflow:hidden;background:#0a151d;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mint) 40%,transparent)}
.vp-intent[hidden]{display:none}
.vp-aura{position:absolute;inset:-40%;background:radial-gradient(closest-side at 20% 50%,color-mix(in srgb,var(--mint) 35%,transparent),transparent),radial-gradient(closest-side at 80% 40%,color-mix(in srgb,var(--violet) 30%,transparent),transparent);filter:blur(30px);animation:vpAura 9s ease-in-out infinite alternate;pointer-events:none}
@keyframes vpAura{to{transform:translate(8%,-6%) rotate(12deg)}}
.vp-iem{position:relative;font-size:38px;filter:drop-shadow(0 0 14px var(--mint))}
.vp-intent>div{position:relative;display:grid;gap:3px;min-width:0}
.vp-intent strong{font-size:clamp(17px,2vw,22px);line-height:1.2}
.vp-intent span{color:#cfe0e5;font-size:12.5px}
.vp-at{flex:none;font:700 10.5px "JetBrains Mono",monospace;color:var(--violet)}
.vp-mk.is-glow{opacity:1!important;box-shadow:inset 0 0 0 2px var(--mint),0 0 30px var(--mint);z-index:3}
.vp-vis .vp-row{display:flex;gap:6px}.vp-vis input{flex:1;min-width:0;border:0;outline:0;border-radius:10px;padding:8px 10px;background:#06121a;color:#eaf4f6;font:inherit;font-size:13px}
.vp-vis .vp-row button{border:0;border-radius:10px;padding:0 12px;background:#16303a;color:#cfe0e5;font-weight:700;cursor:pointer}
/* Full screen feed */
.vp-close{flex:none;width:46px;height:46px;border:0;border-radius:14px;background:#3a1220;color:#fff;font-size:24px;cursor:pointer}
.vp-full{position:fixed;inset:0;z-index:1400;overscroll-behavior:contain;margin:0;border-radius:0;overflow:auto;padding:14px 18px;background:radial-gradient(900px 600px at 50% 0,#0f2a3044,transparent 60%),#02060a}
.vp-full .vp-top{border-radius:0}
.vp-full .vp-style{display:none}
.vp.vp-full[data-v] .vp-body{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start}
.vp.vp-full[data-v] .vp-wrap{justify-items:center}
.vp-full .vp-deck{display:none}
.vp-side{position:sticky;top:70px;display:grid;gap:12px;max-height:calc(100dvh - 90px);overflow:auto;padding:16px;border-radius:18px;background:#0a151dcc;box-shadow:inset 0 0 0 1px #ffffff14;scrollbar-width:thin}
.vp-sec{display:grid;gap:6px}.vp-sec h3{margin:0;font-size:18px;line-height:1.25}.vp-sec p{margin:0;color:#cfe0e5;font-size:13px}
.vp-sec .vp-h4{margin:4px 0 2px}.vp-goods .vp-pcard{width:100%}
.vp-feedlist{display:grid;gap:2px;max-height:34vh;overflow:auto}
body.vp-full-open{overflow:hidden}
body.vp-full-open .detail-drawer{z-index:1430}body.vp-full-open .drawer-backdrop{z-index:1425}body.vp-full-open #site-product-overlay{z-index:1430}body.vp-full-open .ck-reader{z-index:1440}
@media(max-width:900px){.vp.vp-full[data-v] .vp-body{grid-template-columns:minmax(0,1fr)}.vp-full .vp-wrap{position:relative;top:0}.vp-side{position:static;max-height:none}}
/* In Space the fixed top-right icons (✦ memory, voice, manager) sit over the sticky bar: keep that corner free */
.vp[data-gap]:not(.is-narrow) .vp-top{padding-right:calc(14px + var(--vp-gap))}
.vp.is-narrow .vp-top{flex-wrap:wrap;row-gap:8px}
.vp.is-narrow .vp-search{flex:1 1 100%}
.vp[data-gap].is-narrow .vp-search{flex-basis:calc(100% - var(--vp-gap) + 30px)}
.vp.is-narrow .vp-style{margin-left:auto}
@media(max-width:760px){.vp[data-gap].is-narrow .vp-search{flex-basis:100%;margin-top:52px}}
/* Phones: search on its own row, tools under it */
@media(max-width:760px){
  .vp-top{flex-wrap:wrap;row-gap:8px}
  .vp-search{flex:1 1 100%;height:44px}
  .vp-seg button{font-size:11.5px;padding:5px 7px}
  .vp-pills,.vp-memb span{display:none}
  .vp-memb,.vp-fbtn{height:40px;width:44px;justify-content:center;padding:0}
  .vp-style{margin-left:auto}
  .vp-close{height:40px;width:44px}
  .vp-intent{padding:10px 12px;gap:10px}.vp-iem{font-size:30px}
  .vp-menu{right:8px;left:8px;width:auto}
}
.vp-mk.is-opening{opacity:1!important;box-shadow:inset 0 0 0 2px var(--mint),0 0 26px var(--mint)}
.vp-mk.is-opening:after{content:'';position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;border:2.5px solid transparent;border-top-color:var(--mint);animation:vpSpin .7s linear infinite;pointer-events:none}
@keyframes vpSpin{to{transform:rotate(360deg)}}
/* Listening: the line glows, a level meter breathes with the voice, words type themselves */
.vp-search.is-listening{box-shadow:inset 0 0 0 1px #ff6b8a,0 0 28px #ff6b8a44}
.vp-wave{display:none;align-items:center;gap:2px;height:22px;flex:none}
.vp-search.is-listening .vp-wave{display:flex}
.vp-wave i{width:3px;height:18px;border-radius:2px;background:linear-gradient(#ff9cb0,var(--violet));transform:scaleY(.25);transition:transform .08s}
.vp-search.is-listening input::placeholder{color:#ffb3c2}
/* «В видео 250BAR» in the product card */
.vp-space-vid{display:grid;gap:8px}
.vp-vrow{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.vp-vcard{position:relative;flex:none;width:170px;display:grid;gap:3px;padding:0 0 8px;border:0;border-radius:12px;overflow:hidden;background:#0d1d26;box-shadow:inset 0 0 0 1px #ffffff14;color:#eaf4f6;text-align:left;cursor:pointer;transition:box-shadow .25s,transform .25s}
.vp-vcard:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #6ff7d8,0 0 18px #6ff7d833}
.vp-vcard img{width:100%;aspect-ratio:16/10;object-fit:cover}
.vp-vcard em{position:absolute;left:6px;top:6px;font:normal 700 10px "JetBrains Mono",monospace;padding:2px 6px;border-radius:6px;background:#000b;color:#6ff7d8}
.vp-vcard b{padding:0 8px;font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vp-vcard small{padding:0 8px;font-size:10.5px;color:#c3a9fd}
.vp-vinline:empty{display:none}
.vp-vplay{width:100%;max-height:340px;border-radius:12px;background:#000}
.vp-vbar{display:flex;align-items:center;gap:8px;margin-top:6px}.vp-vbar span{flex:1;min-width:0;font-size:12px;color:#8fa6ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vp-vbar button,.vp-vlink,.vp-vpick button{border:0;border-radius:10px;padding:8px 12px;background:#16303a;color:#eaf4f6;font-weight:700;font-size:12.5px;cursor:pointer}
.vp-vbar button{background:linear-gradient(135deg,#6ff7d8,#c3a9fd);color:#04130f}
.vp-vlink{justify-self:start}
.vp-vpick{display:grid;gap:6px}.vp-vpick .vp-row{display:flex;gap:6px}.vp-vpick input{flex:1;min-width:0;border:0;outline:0;border-radius:10px;padding:8px 10px;background:#06121a;color:#eaf4f6;font:inherit}
.vp-vlist{display:grid;gap:5px;max-height:260px;overflow:auto}
.vp-vpitem{display:flex;align-items:center;gap:8px;padding:5px;border-radius:10px;background:#0d1d26}
.vp-vpitem img{width:64px;height:40px;border-radius:7px;object-fit:cover;flex:none}.vp-vpitem span{flex:1;min-width:0;font-size:12px;color:#cfe0e5}
.vp-why{display:block;font-size:10.5px;color:#9be7c9;white-space:normal;line-height:1.3;margin-top:2px}
.vp-site{display:inline-block;margin-top:10px;color:var(--mint);font-weight:700;font-size:13px}
.vp-search.is-listening:not(.is-ready) input::placeholder{color:#8fa6ae}
.vp-search.is-ready{box-shadow:inset 0 0 0 1px #ff6b8a,0 0 34px #ff6b8a66}
/* A bigger, clearer query line */
.vp-search{height:56px;padding:0 8px 0 16px;border-radius:18px;background:#071722;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--mint) 45%,transparent),0 0 24px color-mix(in srgb,var(--mint) 14%,transparent)}
.vp-search input{font-size:17px;font-weight:600}
.vp-search input::placeholder{color:#a9c3c9;font-weight:500}
.vp-spark{font-size:19px}
.vp-mic{width:42px;height:42px}
@media(max-width:760px){.vp-search{height:50px}.vp-search input{font-size:16px}}
/* Canvas: «🎬 В видео 250BAR» */
.cv-video{display:grid;gap:10px;margin:0 0 22px;padding:16px;border-radius:20px;background:radial-gradient(700px 220px at 0 0,#6ff7d81a,transparent 70%),#0b161e;box-shadow:inset 0 0 0 1px #6ff7d844}
.cv-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#8fa6ae;font:700 11px "JetBrains Mono",monospace;letter-spacing:.1em}.cv-head b{color:#6ff7d8}.cv-head span{font-family:Manrope,sans-serif;letter-spacing:0;font-weight:600}
.cv-all{margin-left:auto;border:0;border-radius:11px;padding:8px 12px;background:linear-gradient(135deg,#6ff7d8,#c3a9fd);color:#04130f;font:800 12px Manrope,sans-serif;cursor:pointer}
.cv-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.cv-card{position:relative;flex:none;width:200px;display:grid;gap:3px;padding:0 0 9px;border:0;border-radius:14px;overflow:hidden;background:#0d1d26;box-shadow:inset 0 0 0 1px #ffffff14;color:#eaf4f6;text-align:left;cursor:pointer;transition:transform .25s,box-shadow .25s}
.cv-card:hover,.cv-card.is-on{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #6ff7d8,0 0 22px #6ff7d833}
.cv-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.cv-card em{position:absolute;left:7px;top:7px;font:normal 700 10px "JetBrains Mono",monospace;padding:2px 6px;border-radius:6px;background:#000b;color:#6ff7d8}
.cv-card b{padding:0 9px;font-size:12.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cv-card small{padding:0 9px;font-size:11px;color:#c3a9fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Canvas tile «ВИДЕО 250BAR» in YouTube red */
.bc-tile.cv-yt{position:relative;text-align:left;--cv-red:#ff2d4a;background:radial-gradient(420px 200px at 100% 0,#ff2d4a26,transparent 70%),#140c12}
.cv-yt .bc-frame path{stroke:var(--cv-red)!important}
.cv-yt .bc-f-glow{filter:drop-shadow(0 0 6px #ff2d4a)}
.cv-yt .bc-tile-k{color:#ff8a9a}.cv-yt .bc-tile-k b{color:#ff2d4a;font-weight:800}
.cv-yt-icon{position:absolute;right:16px;top:14px;width:34px;height:24px;filter:drop-shadow(0 0 10px #ff003399);animation:cvPulse 2.4s ease-in-out infinite}
.cv-yt-icon svg{width:100%;height:100%}
@keyframes cvPulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 18px #ff0033cc)}}
.cv-yt-thumbs{display:flex;margin:10px 0 8px}.cv-yt-thumbs img{width:64px;height:64px;border-radius:12px;object-fit:cover;box-shadow:0 0 0 2px #140c12,0 6px 16px #0008}
.cv-yt-thumbs img+img{margin-left:-18px}
.cv-yt .bc-tile-m{color:#fff}.cv-yt .bc-tile-n{color:#ff9fae}
.cv-yt .bc-tile-go{color:#ff6b80}
.cv-yt:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.cv-yt-icon{animation:none}}
/* Background clip in the video tile, Q&A tile */
.bc-tile.cv-yt{overflow:hidden}
.cv-yt-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%);filter:saturate(1.2)}
.cv-yt>*:not(.cv-yt-bg):not(.bc-frame):not(.cv-yt-icon){position:relative;z-index:1}
.cv-yt .cv-yt-icon{z-index:3}
.cv-yt .bc-frame{z-index:2}
/* «База знаний» */
.kb-search{display:flex;align-items:center;gap:8px;margin:12px 0;padding:6px 8px 6px 16px;height:58px;border-radius:18px;background:#071722;box-shadow:inset 0 0 0 1.5px #c3a9fd66,0 0 24px #c3a9fd22}
.kb-search i{font-style:normal;color:#c3a9fd;font-size:19px}.kb-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:#eaf4f6;font:600 16px Manrope,system-ui,sans-serif}
.kb-go{height:44px;padding:0 18px;border:0;border-radius:13px;background:linear-gradient(135deg,#c3a9fd,#6ff7d8);color:#120a2a;font:800 14px Manrope,sans-serif;cursor:pointer}
.kb-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.kb-chip{border:0;padding:8px 12px;border-radius:12px;background:#122630;color:#cfe0e5;font:600 13px Manrope,sans-serif;cursor:pointer}.kb-chip small{margin-left:5px;color:#8fa6ae;font:600 10px "JetBrains Mono",monospace}
.kb-chip.is-on{background:linear-gradient(135deg,#c3a9fd,#6ff7d8);color:#120a2a}.kb-chip.is-on small{color:#120a2a99}
.kb-meta{color:#8fa6ae;font-size:13px}
.kb-list{display:grid;gap:8px;padding-bottom:40px}
.kb-card{border-radius:16px;background:#0b161e;box-shadow:inset 0 0 0 1px #ffffff12;transition:box-shadow .3s}
.kb-card.is-open{box-shadow:inset 0 0 0 1px #c3a9fd88,0 12px 30px #0006}
.kb-q{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:0;background:none;color:#eaf4f6;text-align:left;cursor:pointer;font:inherit}
.kb-q strong{flex:1;font-size:15px;line-height:1.35}.kb-ic{font-size:20px}.kb-arrow{font-style:normal;color:#8fa6ae;transition:transform .3s}.kb-card.is-open .kb-arrow{transform:rotate(180deg)}
.kb-a{padding:0 16px 16px 48px;display:grid;gap:10px}.kb-a p{margin:0;color:#dbe8ec;font-size:14.5px;line-height:1.6}
.kb-tags{display:flex;flex-wrap:wrap;gap:4px}.kb-tags span{font:10.5px "JetBrains Mono",monospace;padding:2px 7px;border-radius:8px;background:#c3a9fd1f;color:#d9ccff}
.kb-ask{justify-self:start;border:0;border-radius:11px;padding:8px 14px;background:#16303a;color:#6ff7d8;font:800 13px Manrope,sans-serif;cursor:pointer}
@media(max-width:760px){.kb-a{padding-left:16px}}
/* Living Q&A tile: one question at a time, flipping like a departures board */
.bc-tile.cv-qa{position:relative;display:grid;grid-template-rows:auto 1fr auto auto;gap:8px;min-height:180px;text-align:left;overflow:hidden;
  background:radial-gradient(400px 180px at 100% 0,#c3a9fd22,transparent 70%),radial-gradient(300px 160px at 0 100%,#6ff7d818,transparent 70%),#100d1c}
.cv-qa .bc-tile-k{color:#c3a9fd}
.cv-qa-stage{position:relative;display:grid;min-height:76px;perspective:600px}
.cv-qa-card{grid-area:1/1;display:grid;align-content:center;gap:6px;padding:12px 14px;border-radius:14px;background:#0f1a22;box-shadow:inset 0 0 0 1px #c3a9fd33;transform-origin:50% 50%}
.cv-qa-card.is-kb{box-shadow:inset 0 0 0 1px #6ff7d844}
.cv-qa-card em{font:normal 700 10px "JetBrains Mono",monospace;letter-spacing:.08em;color:#c3a9fd}.cv-qa-card.is-kb em{color:#6ff7d8}
.cv-qa-card b{font-size:14.5px;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cv-qa-foot{display:flex;align-items:center;gap:10px}.cv-qa-count{font:700 10.5px "JetBrains Mono",monospace;color:#8fa6ae}
.cv-qa-dots{display:flex;gap:4px}.cv-qa-dots i{width:6px;height:6px;border-radius:3px;background:#ffffff26;transition:width .3s,background .3s}.cv-qa-dots i.is-on{width:16px;background:linear-gradient(90deg,#6ff7d8,#c3a9fd)}
.cv-qa:hover .cv-qa-card{box-shadow:inset 0 0 0 1px #c3a9fd,0 0 24px #c3a9fd33}
/* Side facets as small buttons at the very end */
.cv-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.cv-actions .bc-tile.cv-act{position:relative;min-height:0!important;height:40px;width:auto!important;grid-column:auto!important;padding:0 14px!important;border-radius:12px;background:#0d1b24;box-shadow:inset 0 0 0 1px #ffffff1f;display:flex;align-items:center;cursor:pointer;overflow:hidden}
.cv-actions .bc-tile.cv-act>*{display:none!important}
.cv-actions .bc-tile.cv-act:before{content:attr(data-label);font:700 13px Manrope,system-ui,sans-serif;color:#dbe8ec;white-space:nowrap}
.cv-actions .bc-tile.cv-act:hover{box-shadow:inset 0 0 0 1px #6ff7d8,0 0 18px #6ff7d833}
.cv-mem{position:fixed;z-index:420;width:min(360px,92vw);padding:12px;border-radius:18px;background:#0b151df7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #c3a9fd66,0 20px 50px #000c;display:grid;gap:6px}
.cv-mem-h{display:flex;align-items:baseline;gap:8px}.cv-mem-h b{color:#fff}.cv-mem-h span{flex:1;color:#8fa6ae;font-size:12px}
.cv-mem-x{border:0;background:#16303a;color:#fff;width:28px;height:28px;border-radius:9px;cursor:pointer}
.cv-mem-i{border:0;padding:9px 11px;border-radius:11px;background:#122630;color:#dbe8ec;text-align:left;font:600 13px/1.35 Manrope,sans-serif;cursor:pointer}.cv-mem-i:hover{background:#1b3540;color:#fff}
/* Full feed over everything: close in the top-right corner, the video takes the swipe like TikTok (no page scroll under the finger) */
.vp-full .vp-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:30;width:48px;height:48px;border-radius:50%;background:#000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff33,0 8px 24px #0008;font-size:26px;line-height:1}
.vp-full .vp-close:hover{background:#ff3b6b}
.vp-full .vp-top{padding-right:64px}
.vp-full .vp-stage{touch-action:none}
.vp-full .vp-feedlist{max-height:260px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
/* «Кинотеатр»: wide screens use the space around the video — frame info left, questions and next moments right */
.vp-cine{display:none}
.vp.is-cine .vp-wrap{grid-template-columns:minmax(240px,340px) auto minmax(240px,340px);justify-content:center;align-items:start;gap:20px}
.vp.is-cine .vp-cine{display:grid;gap:12px;align-content:start;max-height:var(--h,640px);overflow:auto;scrollbar-width:thin;padding:16px;border-radius:22px;background:#0a151dcc;box-shadow:inset 0 0 0 1px #ffffff14}
.vp.is-cine .vp-cine h3{margin:0;font-size:19px;line-height:1.3}.vp.is-cine .vp-cine p{margin:0;font-size:14px;line-height:1.5;color:#cfe0e5}
.vp-next{display:grid;gap:8px}
.vp-nx{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:6px;border:0;border-radius:14px;background:#ffffff0a;color:#eaf4f6;font:inherit;text-align:left;cursor:pointer;transition:background .2s,transform .2s}
.vp-nx:hover{background:#6ff7d814;transform:translateX(-3px)}
.vp-nx img{grid-row:span 2;width:64px;height:84px;border-radius:10px;object-fit:cover}.vp-nx b{font-size:13px;line-height:1.3}.vp-nx small{font:600 11px "JetBrains Mono",monospace;color:#6ff7d8}
/* The search keeps room for a real query next to the filters */
.vp-top{flex-wrap:wrap;row-gap:8px}
.vp-search{flex:1 1 380px}
/* Phone: the video goes edge to edge */
@media(max-width:760px){.vp:not(.vp-full) .vp-stage{border-radius:16px}}
.vp.is-cine.is-wide-v .vp-wrap{grid-template-columns:minmax(240px,320px) auto}
.vp.is-cine.is-wide-v .vp-cine-r{display:none}
@media(max-width:760px){.vp:not(.vp-full) .vp-wrap{margin-inline:-8px}}
@media(max-width:760px){.vp:not(.vp-full) .vp-info{bottom:calc(16px + var(--under,0px))}.vp:not(.vp-full) .vp-rail{bottom:calc(18px + var(--under,0px))}.vp:not(.vp-full) .vp-subs{bottom:calc(26% + var(--under,0px))}}
/* Phone feed: wide and square videos keep the tall frame and grow inside it over their own blurred picture */
.vp-layer[data-fit="wide"] video,.vp-layer[data-fit="wide"] img{object-fit:contain;transform:scale(1.36)}
.vp-layer[data-fit="square"] video,.vp-layer[data-fit="square"] img{object-fit:contain;transform:scale(1.12)}
.vp-layer[data-fit] .vp-bg{filter:blur(34px) brightness(.5) saturate(1.4)}
.vp:not(.vp-full) .vp-stage{cursor:zoom-in}
/* ---------- Immersive gallery and the feed: fixed to the screen, compact search top-left, description and products in a sheet ---------- */
body.vp-immersive{overflow:hidden}
body.vp-immersive .mobile-nav,body.vp-immersive #space-command,body.vp-immersive .top-dock,body.vp-immersive .cd-mini{visibility:hidden;opacity:0;pointer-events:none}
.vp.is-immersive{position:fixed;inset:0;z-index:1400;margin:0;border-radius:0;padding:12px 18px 14px;overflow:hidden;background:radial-gradient(900px 600px at 50% 0,#0f2a3044,transparent 60%),#02060a}
.vp.is-immersive .vp-meta,.vp.is-immersive .vp-intent,.vp.is-immersive .vp-presults,.vp.is-immersive .vp-style,.vp.is-immersive .vp-pl,.vp.is-immersive .vp-memb{display:none!important}
.vp.is-immersive .vp-top,.vp.vp-full .vp-top{position:relative;margin:0 0 10px;padding:0 60px 0 0;background:none;flex-wrap:nowrap;border-radius:0}
.vp.is-immersive .vp-search,.vp.vp-full .vp-search{flex:0 1 420px;height:46px}
.vp.is-immersive .vp-wrap{position:static}
.vp.is-immersive .vp-stage{touch-action:none;cursor:default}
.vp-exit{display:none}
.vp.is-immersive .vp-exit{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:30;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:#000a;color:#fff;font-size:22px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff33,0 8px 24px #0008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.vp.is-immersive .vp-exit:hover{background:#ff3b6b}
/* «Описание и товары» — a clear pill inside the video */
.vp-infob{position:absolute;z-index:9;left:14px;bottom:calc(14px + var(--under,0px));display:none;align-items:center;gap:7px;height:38px;padding:0 14px 0 6px;border:0;border-radius:19px;background:#000b;color:#fff;font:700 13px Manrope,system-ui,sans-serif;cursor:pointer;box-shadow:inset 0 0 0 1px #6ff7d899,0 0 22px #6ff7d833;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:vp-infob 2.6s ease-in-out 1.2s 2}
.vp-infob b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#6ff7d8;color:#04130f;font-size:15px}
@keyframes vp-infob{50%{box-shadow:inset 0 0 0 1px #6ff7d8,0 0 34px #6ff7d877}}
.vp:not(.is-cine) .vp-infob{display:flex}
.vp:not(.is-cine) .vp-info{bottom:calc(62px + var(--under,0px))}
.vp-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1450;display:grid;gap:12px;align-content:start;max-height:78dvh;overflow:auto;overscroll-behavior:contain;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#0a151df7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -20px 60px #000c,inset 0 1px 0 #ffffff1a;color:#eaf4f6}
.vp-sheet[hidden]{display:none}
.vp-sheet h3{margin:0;font-size:18px;line-height:1.3}.vp-sheet p{margin:0;font-size:14px;line-height:1.5;color:#cfe0e5}
.vp-sheet-grab{justify-self:center;width:56px;height:6px;padding:0;border:0;border-radius:3px;background:#ffffff40;cursor:pointer}
@media(min-width:761px){.vp-sheet{left:auto;right:20px;bottom:20px;width:440px;max-height:82dvh;border-radius:22px}}
/* Phone: video edge to edge, the top bar floats over it, the description lives in the sheet */
@media(max-width:760px){
  .vp.is-immersive,.vp.vp-full{padding:0}
  .vp.is-immersive .vp-top,.vp.vp-full .vp-top{position:absolute;z-index:20;top:max(8px,env(safe-area-inset-top));left:8px;right:64px;margin:0;padding:0;gap:6px}
  .vp.is-immersive .vp-search,.vp.vp-full .vp-search{flex:1 1 auto;height:44px;background:#000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .vp.is-immersive .vp-search input,.vp.vp-full .vp-search input{font-size:15px}
  .vp.is-immersive .vp-stage,.vp.vp-full .vp-stage{border-radius:0;box-shadow:none}
  .vp.is-immersive .vp-chap,.vp.vp-full .vp-chap{top:calc(max(8px,env(safe-area-inset-top)) + 52px)}
  .vp.is-immersive .vp-slabel,.vp.vp-full .vp-slabel{top:calc(max(8px,env(safe-area-inset-top)) + 60px)}
  .vp.vp-full{overflow:hidden}.vp.vp-full .vp-pl{display:none}
  .vp.vp-full .vp-close{top:max(8px,env(safe-area-inset-top));width:44px;height:44px}
  .vp:not(.vp-full):not(.is-immersive) .vp-info p,.vp .vp-info .vp-tags{display:none}
  .vp.is-immersive .vp-info p,.vp.vp-full .vp-info p{display:none}
}
@media(max-width:760px){.vp.is-immersive .vp-pills,.vp.vp-full .vp-pills{display:none}}
@media(max-width:760px){
  .vp.is-immersive .vp-top,.vp.vp-full .vp-top{background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;flex-wrap:nowrap!important;align-items:center}
  .vp.is-immersive .vp-search,.vp.vp-full .vp-search{flex:1 1 auto!important;margin-top:0!important;min-width:0}
  .vp.is-immersive .vp-search .vp-seg,.vp.vp-full .vp-search .vp-seg{display:none}
  .vp.is-immersive .vp-fbtn,.vp.vp-full .vp-fbtn{flex:none;background:#000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
}
/* Your own marks: ✎ and ✕ right on the opened mark, no need to find the «метки» mode */
.vp-mk.is-own:not(.is-min) .vp-mkx{display:flex}
.vp-mkx i{width:28px;height:28px;font-size:13px}
/* Cards, filters, studio and reader open above the immersive gallery and the feed (they were opening under the video) */
body.vp-immersive .detail-drawer,body.vp-full-open .detail-drawer{z-index:1430}
body.vp-immersive .drawer-backdrop,body.vp-full-open .drawer-backdrop{z-index:1425}
body.vp-immersive #site-product-overlay{z-index:1430}
body.vp-immersive .ck-reader,body.vp-full-open .ck-reader{z-index:1440}
body.vp-immersive .ps-shade,body.vp-full-open .ps-shade{z-index:1460}
body.vp-immersive .vp-scrim,body.vp-full-open .vp-scrim{z-index:1462}
body.vp-immersive .vp-drawer,body.vp-full-open .vp-drawer{z-index:1463}
body.vp-immersive .cv-mem,body.vp-immersive .ka-menu,body.vp-full-open .cv-mem{z-index:1470}
/* ---------- Cinema on a computer: one tidy top row, no duplicate captions on the video, «Дальше» always at hand ---------- */
.vp.is-cine .vp-top{flex-wrap:nowrap}
.vp.is-cine .vp-search{flex:0 1 420px;min-width:300px}
.vp.is-cine .vp-pills{min-width:0;flex:1 1 auto;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.vp.is-cine .vp-pills::-webkit-scrollbar{display:none}
.vp.is-cine .vp-pills>*{flex:none}
.vp.is-cine .vp-info{display:none}
.vp.is-cine .vp-pl{display:none}
.vp.is-cine .vp-cine .vp-pcard{align-items:center}
.vp.is-cine .vp-cine .vp-pcard .vp-why{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vp.is-cine .vp-cine-l{scrollbar-width:thin}
/* ---------- «Нашёл в кадре»: on a computer a right-hand panel, the frame with the numbered finds stays visible ---------- */
.vp-vis{align-content:start;background:#0a151def;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:16}
.vp-vis header{position:sticky;top:-10px;z-index:2;padding:4px 0;background:#0a151d}
.vp-vis .vp-chips{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.vp-vis .vp-chips::-webkit-scrollbar{display:none}
.vp-vis .vp-chips .vp-chip{flex:none;white-space:nowrap}
.vp-vis .vp-sim{display:grid;gap:8px}
.vp-vis .vp-pcard img{width:60px;height:60px;border-radius:12px;object-fit:cover;background:#fff}
.vp-vis .vp-row input{min-height:42px;font-size:14px}
.vp-found.is-on{transform:scale(1.35);background:#6ff7d8;color:#04130f;box-shadow:0 0 0 4px #6ff7d855,0 0 24px #6ff7d8;z-index:6}
@media(min-width:900px){
  .vp-stage:not(.is-low) .vp-vis{left:auto;top:12px;bottom:12px;right:12px;width:min(440px,46%);max-height:none}
  .vp-stage:has(.vp-vis) .vp-rail{opacity:0;pointer-events:none}
}
/* ---------- Scrubber: the bottom line grows under the finger, shows the second ---------- */
.vp-progress{height:4px;bottom:0;cursor:pointer;touch-action:none;transition:height .2s}
.vp-progress:before{content:'';position:absolute;left:0;right:0;bottom:0;height:28px}
.vp-progress:hover,.vp-progress.is-scrub{height:9px}
.vp-progress i{position:relative}
.vp-progress i:after{content:'';position:absolute;right:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #6ff7d8aa,0 0 14px #6ff7d8;opacity:0;transition:opacity .2s}
.vp-progress:hover i:after,.vp-progress.is-scrub i:after{opacity:1}
.vp-scrubtip{position:absolute;bottom:18px;transform:translateX(-50%);padding:4px 8px;border-radius:8px;background:#000c;color:#fff;font:700 12px "JetBrains Mono",monospace;opacity:0;pointer-events:none;transition:opacity .15s}
.vp-progress.is-scrub .vp-scrubtip{opacity:1}
/* ---------- Mark looks ---------- */
.vp-mk.is-styled{transform:translate(calc(var(--mw) / -2 - 3px),calc(var(--mh) / -2 - 3px))}
.vp-mk.is-styled .vp-face,.vp-mk.is-styled:before{width:var(--mw);height:var(--mh);border-radius:var(--mr)}
.vp-mk.is-styled .vp-face:after{border-radius:var(--mr)}
.vp-mk.is-styled .vp-face img{object-fit:cover}
.vp-mk[data-look="card"]{flex-direction:column;align-items:stretch;gap:4px;padding:5px;border-radius:16px;background:#0a151df2;box-shadow:inset 0 0 0 1px #6ff7d877,0 14px 34px #000c}
.vp-mk[data-look="card"] .vp-lbl,.vp-mk[data-look="card"].is-min .vp-lbl{max-width:var(--mw);opacity:1;padding:2px 4px 3px;white-space:normal}
.vp-mk[data-look="card"] .vp-lbl b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
.vp-mk[data-look="card"]:before,.vp-mk[data-look="photo"]:before{display:none}
.vp-mk[data-look="photo"]{padding:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.vp-mk[data-look="photo"] .vp-face{box-shadow:0 18px 40px #000b,0 0 0 2px #fff}
.vp-mk[data-look="photo"] .vp-lbl,.vp-mk[data-look="photo"].is-min .vp-lbl{position:absolute;left:6px;right:6px;bottom:6px;max-width:none;opacity:1;padding:5px 8px;border-radius:10px;background:#000b}
.vp-mk[data-look="neon"]{background:none;box-shadow:none}
.vp-mk[data-look="neon"] .vp-face{box-shadow:0 0 0 2px var(--mint),0 0 26px var(--mint),inset 0 0 18px #6ff7d855;animation:vpNeon 2s ease-in-out infinite}
@keyframes vpNeon{50%{box-shadow:0 0 0 2px var(--violet),0 0 36px var(--violet),inset 0 0 18px #c3a9fd55}}
.vp-mk[data-look="tag"] .vp-lbl{margin-left:8px;padding:6px 12px 6px 16px;border-radius:6px 10px 10px 6px;background:#ffd36b;color:#2a1700;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%)}
.vp-mk[data-look="tag"] .vp-lbl em{color:#2a1700}
.vp-mk[data-look="tag"].is-min .vp-lbl{max-width:220px;opacity:1}
.vp-mk[data-look="glass"]{background:#ffffff14}
.vp-mk[data-look="glass"] .vp-face{background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.vp-mk[data-look="glass"] .vp-face img{opacity:.92;mix-blend-mode:luminosity}
/* Handles and the look palette in the «метки» mode */
.vp-hz,.vp-hr{display:none;position:absolute;z-index:4;width:26px;height:26px;border-radius:50%;background:var(--mint);color:#04130f;font:800 13px/26px Manrope,sans-serif;text-align:center;touch-action:none;box-shadow:0 0 0 3px #04130fbb,0 0 16px var(--mint)}
.vp-hz{right:-10px;bottom:-10px;cursor:nwse-resize}
.vp-hr{left:50%;top:-36px;margin-left:-13px;background:var(--violet);cursor:ns-resize;box-shadow:0 0 0 3px #04130fbb,0 0 16px var(--violet)}
.vp-editing .vp-mk.is-sel .vp-hz,.vp-editing .vp-mk.is-sel .vp-hr{display:block}
.vp-editing .vp-mk.is-sel{outline:2px solid var(--mint);z-index:5}
.vp-looks{position:absolute;z-index:17;display:flex;gap:4px;padding:6px;border-radius:16px;background:#0b151df5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #c3a9fd88,0 16px 36px #000c}
.vp-looks button{display:grid;justify-items:center;gap:2px;min-width:54px;padding:6px 4px;border:0;border-radius:11px;background:#122630;color:#eaf4f6;cursor:pointer}
.vp-looks button i{font-style:normal;font-size:18px;line-height:1}.vp-looks button small{font:600 10px Manrope,sans-serif;color:#9fb6bd}
.vp-looks button.is-on{background:#6ff7d826;box-shadow:inset 0 0 0 1px var(--mint)}
@media(max-width:760px){.vp-looks{flex-wrap:wrap;width:min(260px,90%);justify-content:center}}
/* ---------- Close buttons: red by default, dark on hover; the ✕ sits in the top row next to the filters ---------- */
.vp.is-immersive .vp-exit,.vp.vp-full .vp-close{position:static;flex:none;margin-left:auto;width:44px;height:44px;border-radius:14px;font-size:20px;background:#e5364f;color:#fff;box-shadow:0 6px 18px #e5364f55;-webkit-backdrop-filter:none;backdrop-filter:none}
.vp.is-immersive .vp-exit:hover,.vp.vp-full .vp-close:hover{background:#0b1a23;box-shadow:inset 0 0 0 1px #ffffff2a}
.vp.is-immersive .vp-top,.vp.vp-full .vp-top{padding-right:0}
@media(max-width:760px){.vp.is-immersive .vp-top,.vp.vp-full .vp-top{right:8px}}
.vp-sheet-x{position:absolute;top:10px;right:12px;width:40px;height:40px;border:0;border-radius:12px;background:#e5364f;color:#fff;font-size:18px;cursor:pointer;box-shadow:0 6px 18px #e5364f55}
.vp-sheet-x:hover{background:#0b1a23;box-shadow:inset 0 0 0 1px #ffffff2a}
.vp-sheet{position:fixed}.vp-sheet h3{padding-right:46px}
/* Cinema panels are exactly as tall as the video; a wide video keeps its info on the right */
.vp.is-cine .vp-cine{height:var(--stage-h,640px);max-height:var(--stage-h,640px)}
.vp.is-cine .vp-wrap{align-items:stretch}
.vp.is-cine.is-wide-v .vp-wrap{grid-template-columns:auto minmax(260px,340px)}
.vp.is-cine.is-wide-v .vp-cine-l{order:2}
/* The whole feed list scrolls on its own, the current moment is lit */
.vp-next.vp-all{max-height:min(460px,52vh);overflow:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}
.vp.is-cine .vp-next.vp-all{max-height:none}
.vp-nx.is-on{background:#6ff7d81f;box-shadow:inset 0 0 0 1px var(--mint)}
.vp-nx.is-on small{color:var(--mint)}
.vp.is-cine .vp-cine{display:flex;flex-direction:column}
.vp.is-cine .vp-cine>.vp-sec:has(.vp-all){flex:1 1 auto;min-height:240px;display:flex;flex-direction:column}
.vp.is-cine .vp-next.vp-all{flex:1 1 auto;min-height:0;overflow:auto}
/* ---------- ⚡ Video triggers ---------- */
.vs-trig{display:grid;gap:18px;margin-top:14px}
.vt-intro{display:grid;gap:6px;max-width:900px}.vt-intro small{font:800 11px "JetBrains Mono",monospace;letter-spacing:.14em;color:#ffd36b}
.vt-intro h2{margin:0;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.02em}.vt-intro p{margin:0;color:#cfe0e5;line-height:1.55}
.vt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;align-items:start}
.vt-card{position:relative;display:grid;gap:8px;padding:10px 10px 14px;border-radius:20px;background:#0b161e;box-shadow:inset 0 0 0 1px #ffffff14}
.vt-card.is-main{grid-column:1/-1;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;column-gap:18px;padding:14px;background:linear-gradient(150deg,#1f1a0b,#0b161e 60%);box-shadow:inset 0 0 0 2px #ffd36b,0 0 40px #ffd36b22}
.vt-card.is-main .vt-video{grid-row:1/4}
.vt-crown{position:absolute;top:-11px;left:22px;padding:4px 12px;border-radius:999px;background:linear-gradient(90deg,#ffd36b,#ffb86b);color:#2a1700;font:800 11px "JetBrains Mono",monospace;letter-spacing:.06em;z-index:2}
.vt-video{width:100%;border-radius:14px;background:#000;aspect-ratio:16/9;object-fit:contain}
.vt-card:not(.is-main) .vt-video[src*="avatar"]{aspect-ratio:9/16;max-height:360px}
.vt-meta{display:grid;gap:2px}.vt-meta b{font-size:16px}.vt-meta span{font:700 12px "JetBrains Mono",monospace;color:#6ff7d8}.vt-meta em{font-style:normal;font-size:12.5px;color:#c3a9fd}
.vt-card p{margin:0;font-size:13.5px;line-height:1.5;color:#cfe0e5}
.vt-card.is-main .vt-meta b{font-size:22px}.vt-card.is-main p{font-size:15px}
.vt-build{display:grid;gap:12px;padding:18px;border-radius:22px;background:#0a151d;box-shadow:inset 0 0 0 1px #c3a9fd55;max-width:980px}
.vt-k{font:800 11px "JetBrains Mono",monospace;letter-spacing:.14em;color:#c3a9fd}.vt-build h3{margin:0;font-size:20px}
.vt-step{display:grid;gap:8px;padding:12px 14px;border-radius:16px;background:#ffffff06}
.vt-step>strong{display:inline;font-size:14.5px}.vt-n{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:#6ff7d8;color:#04130f;font:800 12px "JetBrains Mono",monospace}
.vt-where{margin:0;color:#cfe0e5;font-size:13.5px}
.vt-btn{justify-self:start;border:0;border-radius:11px;padding:8px 12px;background:#16303a;color:#6ff7d8;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}
.vt-seg,.vt-vars{display:flex;flex-wrap:wrap;gap:6px}
.vt-seg button,.vt-vars button{border:0;border-radius:10px;padding:7px 11px;background:#122630;color:#eaf4f6;font-family:inherit;font-weight:600;font-size:12.5px;cursor:pointer}
.vt-seg button.is-on{background:#6ff7d8;color:#04130f}.vt-vars button{background:#c3a9fd22;color:#e3d8ff}
.vt-frames{display:flex;gap:8px;flex-wrap:wrap}.vt-frames img,.vt-slot{width:120px;height:90px;border-radius:12px;object-fit:cover;background:#122630}
.vt-slot{display:grid;place-items:center;color:#8fa6ae;border:1px dashed #3a5a68;font-size:13px}
.vt-hint{color:#8fa6ae;font-size:12px}
.vt-text{width:100%;padding:10px 12px;border:1px solid #3a5a68;border-radius:12px;background:#071017;color:#eaf4f6;font:15px inherit;resize:vertical}
.vt-preview{margin:0;font-size:13.5px;color:#bfffee}.vt-preview small{color:#8fa6ae}
.vt-sel{min-height:42px;padding:0 10px;border:1px solid #3a5a68;border-radius:12px;background:#071017;color:#eaf4f6;font:14px inherit}
.vt-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.vt-acts small{color:#8fa6ae}
.vt-go{border:0;border-radius:14px;padding:12px 18px;background:linear-gradient(135deg,#ffd36b,#ff8a5c);color:#2a1700;font-family:inherit;font-weight:800;font-size:14px}
.vt-go:disabled{opacity:.45;cursor:not-allowed}.vt-saved{color:#6ff7d8;font-size:12.5px}
@media(max-width:760px){.vt-card.is-main{grid-template-columns:1fr}.vt-card.is-main .vt-video{grid-row:auto}}
.vt-how{margin:0;padding:10px 12px 10px 28px;border-radius:12px;background:#ffd36b14;box-shadow:inset 0 0 0 1px #ffd36b44;display:grid;gap:4px;font-size:13px;line-height:1.45;color:#f3e3bd}

/* full window: the side panel is as tall as the video and scrolls inside; the video and panel stick under the top bar */
.vp-full[data-v]:not(.is-narrow) .vp-pl{position:sticky;top:70px;max-height:var(--stage-h,80vh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.vp.vp-full:not(.is-immersive) .vp-top{position:sticky;top:0;z-index:20;margin:-14px -18px 10px;padding:10px 18px;background:#02060aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 #6ff7d822}
.vp-full .vp-body{min-height:calc(100vh - 60px)}
@media(max-width:820px){.vp-full{scroll-padding-top:70px}}
/* Phone, full screen: bottom buttons open the side panel as a sheet; the top row leaves room for ✕ */
.vp-phonebar{display:none}
@media(max-width:760px){
  .vp.vp-full .vp-top{padding-right:62px}
  .vp.vp-full .vp-memb span{display:none}
  .vp-phonebar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:45;gap:8px}
  .vp.vp-full.pl-open .vp-phonebar button{background:#13232df2}
  .vp-phonebar button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:16px;padding:12px 8px;background:#0b151ee8;color:#e6f2f0;font-weight:800;font-size:13px;box-shadow:inset 0 0 0 1px #ffffff1c,0 12px 30px #000a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .vp-phonebar button i{font-style:normal}
  .vp.vp-full.pl-open .vp-pl{display:block!important;position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-height:68vh;overflow:auto;z-index:40;margin:0;border-radius:26px 26px 0 0;
    padding:44px 14px calc(78px + env(safe-area-inset-bottom));background:#0b151ef7;box-shadow:0 -30px 80px #000c,inset 0 1px 0 #ffffff1a;animation:vp-sheet .4s cubic-bezier(.2,1,.3,1)}
  .vp-sheet-x{position:sticky;top:-34px;float:right;z-index:2;width:36px;height:36px;margin:-34px 0 0;border:0;border-radius:50%;background:#ffffff14;color:#fff;font-size:15px}
  @keyframes vp-sheet{from{transform:translateY(100%)}}
}
/* Player opened over a product card: the player is above the card; a product tapped on the video (vp-card-front) opens above the player again */
body.vp-card-front .detail-drawer,body.vp-card-front #detail-drawer{z-index:2147483647!important}body.vp-card-front #site-product-overlay{z-index:2147483647!important}body.vp-card-front .vp-over-box{z-index:2147483645!important}body.vp-card-front .vp-full{z-index:2147483645!important}
/* YouTube viewers: reactions and questions answered by the master; link to the full video */
.vp-yt{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 11px;border-radius:999px;background:#ff00331a;color:#ffb3bf!important;font-size:12px;font-weight:800;text-decoration:none;box-shadow:inset 0 0 0 1px #ff335566}
.vp-yt b{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;background:#ff0033;color:#fff;font-size:9px}
.vp-yt:hover{background:#ff003333}
.vp-viewers{display:grid;gap:8px}
.vp-react{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 8px;padding:10px 12px;border-radius:16px 16px 16px 4px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff14;animation:vp-pop .45s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--k)*60ms)}
.vp-react em{font-style:normal;font-size:20px;line-height:1.2}.vp-react p{margin:0;font-size:13px;line-height:1.4;color:#e6eef0}
.vp-react-m{grid-column:2;display:flex;gap:8px;align-items:center;font-size:11px;color:#ff9aa4}.vp-react-m i{font-style:normal}
.vp-react-m button{border:0;border-radius:8px;padding:3px 8px;background:#6ff7d81f;color:#6ff7d8;font:700 11px "JetBrains Mono",monospace;cursor:pointer}
@keyframes vp-pop{from{opacity:0;transform:translateY(10px) scale(.96)}}
.vp-qa{display:grid;gap:6px}
.vp-qa-i{border-radius:14px;background:#a68cff12;box-shadow:inset 0 0 0 1px #a68cff3a;overflow:hidden}
.vp-qa-i summary{padding:10px 12px;font-size:13px;font-weight:700;color:#ece8ff;cursor:pointer;list-style:none}.vp-qa-i summary::-webkit-details-marker{display:none}
.vp-qa-i summary:before{content:'❓ '}.vp-qa-i[open] summary{color:#cdbfff}
.vp-qa-i p{margin:0;padding:0 12px 12px 30px;font-size:13px;line-height:1.45;color:#cfdadc}.vp-qa-i p:before{content:'🧑‍🔧 '}
/* «Пульс-точка» mark (random share of product marks): a pulsing dot, label slides out on hover / when shown */
.vp-mk.vp-pulse .vp-face,.vp-mk.vp-pulse .vp-lbl{display:none}
.vp-mk.vp-pulse{width:46px;height:46px;padding:0;border:0!important;border-radius:50%;background:radial-gradient(circle,#6ff7d8 0 10px,#6ff7d855 10px 14px,transparent 15px)!important;box-shadow:none!important;overflow:visible}
.vp-mk.vp-pulse:before,.vp-mk.vp-pulse:after{content:'';position:absolute;inset:9px;border-radius:50%;border:2px solid #6ff7d8;animation:vp-ring 1.8s ease-out infinite;pointer-events:none}
.vp-mk.vp-pulse:after{animation-delay:.9s}
@keyframes vp-ring{to{transform:scale(2.4);opacity:0}}
.vp-ptag{position:absolute;left:40px;top:50%;display:flex;flex-direction:column;gap:1px;white-space:nowrap;padding:6px 11px;border-radius:12px;background:#071016e8;box-shadow:inset 0 0 0 1px #6ff7d866,0 10px 26px #000a;
  transform:translateY(-50%) scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,1.2,.3,1);pointer-events:none;text-align:left}
.vp-ptag b{font-size:12px;color:#fff}.vp-ptag em{font-style:normal;font-size:12px;font-weight:800;color:#6ff7d8}
.vp-mk.vp-pulse:hover .vp-ptag,.vp-mk.vp-pulse:not(.is-min) .vp-ptag{transform:translateY(-50%)}
.vp-mk.vp-pulse.is-min .vp-ptag{transform:translateY(-50%) scaleX(0)}
.vp-mk.vp-pulse:hover .vp-ptag{transform:translateY(-50%)!important}
/* Reaction toast (🛒 хочу · 📌 момент · 🛠 сделал) */
.vp-toast{position:absolute;left:50%;bottom:22%;z-index:30;transform:translateX(-50%);max-width:86%;padding:10px 16px;border-radius:14px;background:#071016ee;color:#fff;font-weight:800;font-size:13px;box-shadow:inset 0 0 0 1px #6ff7d877,0 14px 40px #000a;pointer-events:none;text-align:center}
.vp-rb.is-on small{color:#6ff7d8}
/* Memory menu: the person's searches, voice, videos and products with source filters */
.vp-menu.vp-mem{width:min(420px,94vw);max-height:72vh;padding:14px;border-radius:22px;gap:10px;background:radial-gradient(120% 60% at 100% 0,#a68cff1c,transparent 60%),#0b151df7;box-shadow:inset 0 0 0 1px #a68cff44,0 24px 60px #000c}
.vm-h{display:flex;align-items:center;gap:12px}.vm-orb{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#a68cff22;font-size:19px;box-shadow:0 0 22px #a68cff44}
.vm-h small{display:block;font:700 9.5px "JetBrains Mono",monospace;letter-spacing:.16em;color:#cdbfff}.vm-h b{font-size:16px;letter-spacing:-.01em}
.vm-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.vm-tabs::-webkit-scrollbar{display:none}
.vm-tabs button{flex:none;border:0;border-radius:999px;padding:6px 11px;background:#ffffff0a;color:#b9c8cc;font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;transition:background .2s,color .2s}
.vm-tabs button.on{background:#a68cff;color:#140c2c}
.vm-list{display:grid;gap:4px}
.vm-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;border:0;border-radius:14px;background:transparent;color:#eef6f4;text-align:left;font-family:inherit;cursor:pointer;transition:background .2s}
.vm-row:hover{background:#ffffff0a}
.vm-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#ffffff0d;font-size:16px;color:#6ff7d8}.vm-ic.img{background:#fff center/cover no-repeat}
.vm-t b{display:block;font-size:13.5px;line-height:1.3;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vm-t small{font-size:11px;color:#8fa6ae}
.vm-go{font-style:normal;color:#6ff7d8;opacity:0;transition:opacity .2s}.vm-row:hover .vm-go{opacity:1}
.vm-empty{color:#8fa6ae;font-size:12.5px;padding:6px}
/* Personal playlist: watched moments and the next step */
.vp-th-why{position:relative;display:block}.vp-th-why img{display:block;width:100%}
.vp-th-why i{position:absolute;left:4px;bottom:4px;padding:2px 6px;border-radius:6px;font:800 9px "JetBrains Mono",monospace;font-style:normal;letter-spacing:.04em}
.vp-th-why i.is-seen{background:#0b161de0;color:#9fb3b8}.vp-th-why i.is-next{background:#6ff7d8;color:#06231c}
.vp-pl-g{margin:8px 0 2px;font:800 10px "JetBrains Mono",monospace;letter-spacing:.12em;color:#8fa6ae}.vp-pl-g.is-next{color:#6ff7d8}
/* The player's own drawers (filters, product) lie above the full-screen player, whatever its layer */
body.vp-full-open .vp-scrim,body.vp-full-open .vp-drawer{z-index:2147483647}
/* Phone, full screen: one tidy top row; the bottom buttons are their own bar under the video, never over it */
@media(max-width:760px){
  .vp.vp-full .vp-top{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;padding:8px 10px!important;margin:0 0 8px!important}
  .vp.vp-full .vp-search{flex:1 1 auto!important;height:42px;padding-left:10px}
  .vp.vp-full .vp-search input{font-size:16px;transform:scale(.86);transform-origin:left center;width:116%;max-width:none}/* looks like 14px; 16px keeps iPhone from zooming in on focus */
  .vp.vp-full .vp-pills,.vp.vp-full .vp-style{display:none!important}
  .vp.vp-full .vp-fbtn,.vp.vp-full .vp-memb{width:40px!important;height:40px!important;border-radius:12px}
  .vp.vp-full .vp-close{position:static!important;flex:none;width:40px!important;height:40px!important;border-radius:12px!important;font-size:20px;background:#e5364f!important}
  .vp.vp-full .vp-stage{width:100%!important;height:calc(100dvh - 200px - env(safe-area-inset-bottom))!important;border-radius:20px}/* top row + title line above, the bottom bar below */
  .vp.vp-full .vp-wrap{top:62px}
  .vp-phonebar{left:0!important;right:0!important;bottom:0!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#060d13f7;box-shadow:0 -1px 0 #ffffff14,0 -10px 30px #000a}
  .vp-phonebar button{padding:11px 6px;background:#0f1d26;box-shadow:inset 0 0 0 1px #ffffff14}
}

/* the top search gives way to the universal composer at the bottom; the filters stay */
.vp .vp-search{display:none}
body.vp-full-open #space-command{z-index:2147483647}
body.vp-full-open .vp.vp-full{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
/* 29.10: the expand button in the corner of the video (full screen only on request) */
.vp-exp{position:absolute;z-index:6;right:10px;bottom:10px;width:42px;height:42px;border:0;border-radius:13px;display:grid;place-items:center;background:#000b;color:#fff;font-size:20px;cursor:pointer;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff2e}
.vp-exp:active{transform:scale(.92)}
.vp.is-immersive .vp-exp,.vp.vp-full .vp-exp{display:none}

/* «Мастер 250BAR говорит» — the master's own words from a video under the answer (canvas-video.js masterCard) */
.cv-master{display:grid;gap:10px;margin:0 0 16px;padding:14px 16px;border-radius:20px;background:radial-gradient(600px 200px at 0 0,#c3a9fd1f,transparent 70%),#0e1420;box-shadow:inset 0 0 0 1px #c3a9fd55}
.cv-master .cv-head b{color:#c3a9fd}
.cv-m-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:start}
.cv-m-body img{width:150px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#0b161e}
.cv-m-text{display:grid;gap:6px;justify-items:start}
.cv-m-text blockquote{margin:0;color:#f1ecff;font:500 15px/1.5 Manrope,system-ui,sans-serif}
.cv-m-text small{color:#8fa6ae;font-size:12px}
@media(max-width:760px){.cv-m-body{grid-template-columns:1fr}.cv-m-body img{width:100%}.cv-m-text blockquote{font-size:14px}}
/* 05.11.2026: line icons (video-player.js ICONS) and, on a phone, the info chip above the «find in video» line */
.vp-ico{display:inline-grid;place-items:center;font-style:normal;line-height:1}.vp-ico svg{width:1.15em;height:1.15em}
.vp-rb>span svg{width:24px;height:24px}
.vp-rb.is-on>span svg{fill:currentColor}
@media(max-width:760px){body.vp-full-open .vp.vp-full.is-narrow{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important}}
@media(max-width:760px){body.vp-full-open .vp.vp-full.is-narrow .vp-stage{height:calc(100dvh - 64px - 140px - env(safe-area-inset-bottom,0px))!important;max-height:none!important}
  body.vp-full-open .vp.vp-full.is-narrow .vp-meta-line,body.vp-full-open .vp.vp-full.is-narrow .vp-count{display:none!important}}
@media(max-width:760px){
  /* the query card above the video is hidden on a phone: the stage starts right under the buttons, like a reel */
  body.vp-full-open .vp.vp-full.is-narrow .vp-intent{display:none!important}
}
@media(max-width:760px){body.vp-full-open .vp.vp-full.is-narrow .vp-wrap{top:0!important;bottom:auto!important}
  body.vp-full-open .vp.vp-full.is-narrow .vp-stage{height:calc(100dvh - 92px - 140px - env(safe-area-inset-bottom,0px))!important}}

/* kit-agent.css */
/* «Магазины» page agent: cursor, focus glow, fake select menu, toast, ghost cards */
#kit-list{position:relative}
.ka-ghost{position:absolute;margin:0;pointer-events:none;z-index:1}
.ka-cursor{position:fixed;left:0;top:0;z-index:600;width:0;height:0;pointer-events:none}
.ka-cursor i{position:absolute;left:-18px;top:-18px;width:36px;height:36px;border-radius:50%;border:2px solid #6ff7d8;box-shadow:0 0 22px #6ff7d8,inset 0 0 12px #6ff7d866;animation:kaPulse 1.1s ease-in-out infinite}
.ka-cursor b{position:absolute;left:-7px;top:-11px;color:#bfffee;font-size:16px;text-shadow:0 0 10px #6ff7d8}
@keyframes kaPulse{50%{transform:scale(1.25);opacity:.6}}
.ka-focus{box-shadow:0 0 0 2px #6ff7d8,0 0 26px #6ff7d855!important;transition:box-shadow .3s}
.ka-press{transform:scale(.94);transition:transform .2s}
.ka-menu{position:fixed;z-index:590;display:grid;padding:6px;border-radius:14px;background:#0b151df7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #6ff7d844,0 20px 50px #000c;transform-origin:top}
.ka-opt{padding:8px 10px;border-radius:9px;color:#cfe0e5;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ka-opt.is-pick{background:linear-gradient(135deg,#6ff7d8,#c3a9fd);color:#04130f;font-weight:700;box-shadow:0 0 18px #6ff7d855}
.ka-toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:580;display:flex;gap:8px;align-items:center;max-width:min(560px,92vw);padding:10px 16px;border-radius:16px;background:#0b151df2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #6ff7d855,0 18px 40px #000a;color:#eaf4f6;font-size:13.5px}
.ka-toast b{color:#6ff7d8;white-space:nowrap}
.ka-toast.is-busy b{animation:kaPulse 1s ease-in-out infinite}
.ka-tip{margin-top:6px;color:#9fb4bb;font-size:13px}.ka-tip b{color:#6ff7d8}
@media(max-width:760px){.ka-toast{bottom:150px}}
/* Pinterest tiles */
#kit-list.product-grid.ka-masonry{grid-auto-rows:4px;row-gap:0;align-items:start}
#kit-list.ka-masonry>.product-card{margin-bottom:0}
/* Agent answer above the tiles */
.ka-answer{position:relative;margin:0 0 16px;padding:16px 46px 16px 18px;border-radius:18px;background:radial-gradient(600px 200px at 0 0,#6ff7d81f,transparent 70%),#0b161e;box-shadow:inset 0 0 0 1px #6ff7d855,0 16px 40px #0007}
.ka-ah{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}.ka-ah b{color:#6ff7d8;font-size:12px;letter-spacing:.08em}.ka-ah span{color:#8fa6ae;font-size:12.5px}
.ka-answer p{margin:0;color:#eaf4f6;font-size:15px;line-height:1.55}
.ka-ax{position:absolute;right:10px;top:10px;width:30px;height:30px;border:0;border-radius:10px;background:#16303a;color:#fff;font-size:18px;cursor:pointer}
/* Edit skill: flipped card with old → new, confirm bar */
.product-card.ka-pending{position:relative;box-shadow:0 0 0 2px #c3a9fd,0 0 30px #c3a9fd44!important}
.ka-edit{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;display:grid;gap:6px;padding:10px;border-radius:14px;background:#0b151df5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #c3a9fd88,0 12px 30px #000c}
.ka-eh{font:700 9.5px "JetBrains Mono",monospace;letter-spacing:.14em;color:#c3a9fd}
.ka-row{display:grid;gap:2px;padding:6px 8px;border-radius:10px;background:#122630;cursor:pointer;transition:opacity .2s}
.ka-row small{font:700 9.5px "JetBrains Mono",monospace;letter-spacing:.08em;color:#8fa6ae;text-transform:uppercase}
.ka-row s{color:#ff9cb0;font-size:12.5px}.ka-row em{font-style:normal;color:#6ff7d8;font-weight:800;font-size:14px;line-height:1.3}
.ka-row.is-off{opacity:.4}.ka-row.is-off em{text-decoration:line-through;color:#8fa6ae}
.ka-warn{font-style:normal;font-size:11px;color:#ffb86b}
.product-card.ka-saving .ka-edit:after{content:'';position:absolute;right:10px;top:10px;width:16px;height:16px;border-radius:50%;border:2px solid transparent;border-top-color:#6ff7d8;animation:kaSpin .7s linear infinite}
.product-card.ka-saved .ka-eh:after{content:' · ЗАПИСАНО ✓';color:#6ff7d8}
.product-card.ka-failed{box-shadow:0 0 0 2px #ff6b8a!important}
@keyframes kaSpin{to{transform:rotate(360deg)}}
.ka-bar{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:585;display:flex;align-items:center;gap:10px;width:min(720px,94vw);padding:12px 12px 12px 18px;border-radius:18px;background:#0b151df7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px #c3a9fd88,0 20px 50px #000c}
.ka-binfo{flex:1;min-width:0;display:grid;gap:2px}.ka-binfo b{color:#fff;font-size:14px}.ka-binfo span{color:#8fa6ae;font-size:12px}
.ka-apply,.ka-cancel{height:44px;padding:0 16px;border:0;border-radius:13px;font-weight:800;cursor:pointer}
.ka-apply{background:linear-gradient(135deg,#6ff7d8,#c3a9fd);color:#04130f}.ka-apply:disabled{opacity:.4}
.ka-cancel{background:#16303a;color:#eaf4f6}
@media(max-width:760px){.ka-bar{bottom:150px;flex-wrap:wrap}.ka-binfo{flex-basis:100%}}
/* The shelf while the agent thinks */
#kit-list.ka-thinking>.product-card{filter:saturate(.5) brightness(.7);transition:filter .4s}
#kit-list.ka-thinking:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:18px;
  background:linear-gradient(100deg,transparent 30%,#6ff7d81f 45%,#c3a9fd26 50%,#6ff7d81f 55%,transparent 70%) 0 0/250% 100%;animation:kaScan 1.4s linear infinite}
@keyframes kaScan{from{background-position:120% 0}to{background-position:-120% 0}}
@media(prefers-reduced-motion:reduce){#kit-list.ka-thinking:after{animation:none}}

/* canvas-knowledge.css */
/* «Знания 250BAR» block and the magazine reader */
.ck-block{--c1:#6ff7d8;--c2:#c3a9fd;margin:22px 0 30px;padding:18px;border-radius:22px;background:radial-gradient(800px 260px at 0 0,color-mix(in srgb,var(--c1) 14%,transparent),transparent 70%),#0a151c;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 35%,transparent)}
.ck-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}.ck-head b{color:var(--c1);font:800 12px "JetBrains Mono",monospace;letter-spacing:.14em}.ck-head span{color:#8fa6ae;font-size:13px}
.ck-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}
.ck-col{border-radius:18px;padding:14px;background:#0d1b24;box-shadow:inset 0 0 0 1px #ffffff12}
.ck-col h4{margin:0 0 10px;font-size:14px;color:#fff}
.ck-q{border-radius:12px;margin-bottom:6px;background:#112530;transition:background .25s}.ck-q.is-open{background:color-mix(in srgb,var(--c1) 12%,#112530)}
.ck-q button{display:block;width:100%;padding:9px 11px;border:0;background:none;color:#eaf4f6;font:700 13px/1.35 Manrope,sans-serif;text-align:left;cursor:pointer}
.ck-q p{margin:0;padding:0 11px 11px;color:#cfe0e5;font-size:13px;line-height:1.55}
.ck-chips{display:flex;flex-wrap:wrap;gap:6px}
.ck-chip{border:0;padding:7px 11px;border-radius:12px;background:#122630;color:#dbe8ec;font:600 12.5px Manrope,sans-serif;cursor:pointer;transition:transform .2s,background .2s}
.ck-chip:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--c2) 22%,#122630)}
.ck-article{position:relative;display:grid;align-content:end;gap:6px;min-height:200px;overflow:hidden;border:0;text-align:left;cursor:pointer;color:#fff;
  background:linear-gradient(150deg,color-mix(in srgb,var(--c1) 40%,#0b1620),color-mix(in srgb,var(--c2) 35%,#0b1620));transition:transform .3s,box-shadow .3s}
.ck-article:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0008,0 0 30px color-mix(in srgb,var(--c1) 40%,transparent)}
.ck-article:before,.ck-reader .ck-hero:before{content:'';position:absolute;inset:0;opacity:.35;pointer-events:none}
[data-pattern=grid].ck-article:before,.ck-reader[data-pattern=grid] .ck-hero:before{background:linear-gradient(#ffffff22 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,#ffffff22 1px,transparent 1px) 0 0/22px 22px}
[data-pattern=rings].ck-article:before,.ck-reader[data-pattern=rings] .ck-hero:before{background:repeating-radial-gradient(circle at 85% 20%,#ffffff26 0 2px,transparent 2px 16px)}
[data-pattern=gears].ck-article:before,.ck-reader[data-pattern=gears] .ck-hero:before{background:radial-gradient(circle at 80% 25%,transparent 28px,#ffffff30 29px 33px,transparent 34px) 0 0/90px 90px}
[data-pattern=diag].ck-article:before,.ck-reader[data-pattern=diag] .ck-hero:before{background:repeating-linear-gradient(135deg,#ffffff1f 0 2px,transparent 2px 14px)}
[data-pattern=waves].ck-article:before,.ck-reader[data-pattern=waves] .ck-hero:before{background:radial-gradient(ellipse 40px 12px at 50% 100%,transparent 70%,#ffffff2e 72% 80%,transparent 82%) 0 0/60px 24px}
[data-pattern=bubbles].ck-article:before,.ck-reader[data-pattern=bubbles] .ck-hero:before{background:radial-gradient(circle,#ffffff38 2px,transparent 3px) 0 0/26px 26px,radial-gradient(circle,#ffffff22 5px,transparent 6px) 13px 13px/52px 52px}
.ck-emo{position:absolute;right:14px;top:10px;font-size:54px;filter:drop-shadow(0 8px 20px #0008);animation:ckFloat 4s ease-in-out infinite}
@keyframes ckFloat{50%{transform:translateY(-8px) rotate(6deg)}}
.ck-article small{position:relative;font:800 10px "JetBrains Mono",monospace;letter-spacing:.12em;color:#ffffffcc}
.ck-article strong{position:relative;font-size:17px;line-height:1.25}
.ck-read{position:relative;font-weight:800;font-size:13px;color:#fff}
@media(max-width:1100px){.ck-grid{grid-template-columns:1fr}}
/* Reader */
body.ck-open{overflow:hidden}body.ck-open .top-dock{opacity:0;pointer-events:none}
.ck-reader{--c1:#6ff7d8;--c2:#c3a9fd;position:fixed;inset:0;z-index:450;display:grid;justify-items:center;overflow:auto;padding:4vh 16px;background:#02060acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ck-paper{position:relative;width:min(820px,100%);border-radius:26px;overflow:hidden;background:#0a141b;box-shadow:0 40px 100px #000c,inset 0 0 0 1px color-mix(in srgb,var(--c1) 30%,transparent);align-self:start}
.ck-close{position:absolute;right:14px;top:14px;z-index:3;width:42px;height:42px;border:0;border-radius:13px;background:#000a;color:#fff;font-size:24px;cursor:pointer}
.ck-hero{position:relative;padding:46px 34px 30px;background:linear-gradient(150deg,color-mix(in srgb,var(--c1) 38%,#0a141b),color-mix(in srgb,var(--c2) 30%,#0a141b))}
.ck-big{position:absolute;right:34px;top:30px;font-size:84px;filter:drop-shadow(0 12px 30px #000a)}
.ck-hero small{position:relative;font:800 11px "JetBrains Mono",monospace;letter-spacing:.14em;color:#ffffffcc}
.ck-hero h1{position:relative;margin:10px 90px 10px 0;font-size:clamp(24px,3.4vw,36px);line-height:1.15;letter-spacing:-.02em}
.ck-lead{position:relative;margin:0;max-width:640px;color:#f0f6f8;font-size:16px;line-height:1.55}
.ck-meta{position:relative;display:inline-block;margin-top:12px;padding:5px 10px;border-radius:10px;background:#0006;font-size:12.5px;color:#fff}
.ck-body{display:grid;gap:14px;padding:26px 34px 34px}
.ck-skel{height:64px;border-radius:14px;background:linear-gradient(90deg,#122630,#1b3540,#122630) 0 0/200% 100%;animation:ckShine 1.2s linear infinite}
@keyframes ckShine{to{background-position:-200% 0}}
.ck-sec{position:relative;padding:16px 18px 16px 58px;border-radius:16px;background:#0e1d26}
.ck-sec-e{position:absolute;left:16px;top:14px;font-size:26px}
.ck-sec h2{margin:0 0 6px;font-size:18px}.ck-sec p{margin:0;color:#dbe8ec;font-size:15px;line-height:1.65}
.ck-mistakes{padding:16px 18px;border-radius:16px;background:#2a0f18;box-shadow:inset 0 0 0 1px #ff6b8a55}
.ck-mistakes h3,.ck-faq h3,.ck-video h3{margin:0 0 8px;font-size:16px}.ck-mistakes ul{margin:0;padding-left:20px;color:#ffd6de;line-height:1.6}
.ck-tip{padding:18px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 22%,#0e1d26),#0e1d26);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 50%,transparent)}
.ck-tip b{color:var(--c1)}.ck-tip p{margin:6px 0 0;font-size:16px;line-height:1.6;color:#fff}
.ck-faq details{padding:10px 14px;border-radius:12px;background:#0e1d26;margin-bottom:6px}.ck-faq summary{cursor:pointer;font-weight:700}.ck-faq p{margin:8px 0 0;color:#cfe0e5}
.ck-video{padding:16px;border-radius:16px;background:#0e1d26}.ck-video video{width:100%;max-height:380px;border-radius:12px;background:#000}
.ck-vcap{margin:6px 0;color:#8fa6ae;font-size:12.5px}.ck-vrow{display:flex;gap:8px;overflow-x:auto}
.ck-vrow button{flex:none;display:grid;width:150px;gap:4px;padding:0 0 6px;border:0;border-radius:10px;overflow:hidden;background:#122630;color:#dbe8ec;text-align:left;font-size:11.5px;cursor:pointer}
.ck-vrow button.is-on{box-shadow:0 0 0 2px var(--c1)}.ck-vrow img{width:100%;aspect-ratio:16/10;object-fit:cover}.ck-vrow span{padding:0 7px}
.ck-foot{display:flex;gap:8px;flex-wrap:wrap}.ck-foot button{height:44px;padding:0 16px;border:0;border-radius:13px;background:#16303a;color:#eaf4f6;font-weight:800;cursor:pointer}
.ck-foot .ck-ask{background:linear-gradient(135deg,var(--c1),var(--c2));color:#04130f}
.ck-err{color:#ffb3c2}
@media(max-width:760px){.ck-hero{padding:40px 20px 24px}.ck-big{font-size:56px;right:18px}.ck-hero h1{margin-right:56px}.ck-body{padding:18px 16px 24px}.ck-sec{padding-left:50px}}
@media(prefers-reduced-motion:reduce){.ck-emo,.ck-skel{animation:none}}
/* Full knowledge window */
.ck-h{margin:6px 0 2px;font-size:16px}
.ck-qgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ck-qcard{border-radius:16px;background:#0e1d26;box-shadow:inset 0 0 0 1px #ffffff12;transition:box-shadow .3s}
.ck-qcard.is-open{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 60%,transparent),0 12px 30px #0006;grid-column:span 2}
.ck-qcard button{display:flex;gap:10px;align-items:flex-start;width:100%;padding:14px;border:0;background:none;color:#fff;text-align:left;cursor:pointer;font:inherit}
.ck-qi{font-size:20px;line-height:1}.ck-qcard strong{font-size:15px;line-height:1.35}
.ck-qcard p{margin:0;padding:0 16px 16px 44px;color:#dbe8ec;font-size:15px;line-height:1.65}
.ck-qcard.is-video{background:#140e1f}.ck-qcard.is-video strong{color:#e6ddff}
.ck-window .ck-article{min-height:150px;border-radius:18px;padding:18px}
@media(max-width:760px){.ck-qgrid{grid-template-columns:1fr}.ck-qcard.is-open{grid-column:auto}}
/* Source of an answer and the product card Q&A block */
.ck-src{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 9px;border-radius:999px;background:#6ff7d81a;color:#bfffee;font:700 11px Manrope,system-ui,sans-serif;text-decoration:none}
.ck-src.is-yt{background:#ff003322;color:#ffd0da;box-shadow:inset 0 0 0 1px #ff003355}
a.ck-src.is-yt:hover{background:#ff0033;color:#fff}
.ck-qcard.is-yt .ck-qi{background:#ff003322}

/* ---------- «Знания 250BAR» window, Space style (kw-*) ---------- */
.kw{position:fixed;inset:0;z-index:1450;display:grid;place-items:start center;overflow:auto;overscroll-behavior:contain;padding:calc(18px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px));background:radial-gradient(1000px 600px at 50% 0,color-mix(in srgb,var(--c1) 14%,transparent),transparent 60%),#02060ae6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.kw-sheet{position:relative;width:min(1080px,100%);border-radius:24px;background:linear-gradient(170deg,#0b1d26f2,#060f15f5);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 45%,transparent),0 40px 120px #000c;overflow:hidden}
.kw-sheet:before,.kw-sheet:after{content:'';position:absolute;width:16px;height:16px;border:2px solid var(--c1);filter:drop-shadow(0 0 6px var(--c1));pointer-events:none;z-index:2}
.kw-sheet:before{left:8px;top:8px;border-right:0;border-bottom:0;border-radius:6px 0 0 0}.kw-sheet:after{right:8px;bottom:8px;border-left:0;border-top:0;border-radius:0 0 6px 0}
.kw-close{position:absolute;right:16px;top:16px;z-index:5;width:44px;height:44px;border:0;border-radius:13px;background:#e5364f;color:#fff;font-size:18px;cursor:pointer}.kw-close:hover{background:#0b1a23;box-shadow:inset 0 0 0 1px #e5364f}
.kw-hero{position:relative;display:flex;gap:22px;align-items:center;padding:34px 80px 26px 30px;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 22%,transparent),color-mix(in srgb,var(--c2) 10%,transparent) 60%,transparent);border-bottom:1px solid #ffffff12}
.kw-hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.35;background:linear-gradient(#ffffff0d 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,#ffffff0d 1px,transparent 1px) 0 0/28px 28px;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent)}
.kw-orb{position:relative;flex:none;width:104px;height:104px;display:grid;place-items:center}
.kw-orb i{position:absolute;inset:0;border-radius:50%;border:2px solid var(--c1);border-left-color:transparent;border-bottom-color:transparent;filter:drop-shadow(0 0 8px var(--c1));animation:kwSpin 4s linear infinite}
.kw-orb i+i{inset:12px;border-color:var(--c2);border-right-color:transparent;border-top-color:transparent;animation-duration:2.6s;animation-direction:reverse}
.kw-orb b{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle,color-mix(in srgb,var(--c1) 35%,#0b1d26),#0b1d26);box-shadow:0 0 30px color-mix(in srgb,var(--c1) 50%,transparent)}
@keyframes kwSpin{to{transform:rotate(360deg)}}
.kw-head{position:relative;z-index:1;min-width:0}.kw-eye{font:700 10.5px "JetBrains Mono",monospace;letter-spacing:.22em;color:var(--c1)}
.kw-head h1{margin:8px 0 14px;font:800 clamp(24px,3.2vw,40px)/1.1 Manrope,system-ui,sans-serif;color:#f2fbfc;letter-spacing:-.01em}
.kw-stats{display:flex;gap:10px;flex-wrap:wrap}.kw-stat{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:12px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1a;font-size:12.5px;color:#c9dadf}
.kw-stat b{font:800 16px "JetBrains Mono",monospace;color:#fff}.kw-stat.is-wa .kw-ic{color:#25d366}.kw-stat.is-yt .kw-ic{color:#ff3b4e}.kw-stat.is-vid .kw-ic{color:#c3a9fd}
.kw-ic{display:inline-grid;place-items:center;width:18px;height:18px;flex:none}.kw-ic svg{width:100%;height:100%}
.kw-body{padding:20px 26px 26px}
.kw-tabs{position:sticky;top:-1px;z-index:3;display:flex;gap:6px;flex-wrap:wrap;margin:-4px -4px 16px;padding:6px 4px;background:linear-gradient(#081720f0,#081720d0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.kw-tab{display:flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:8px 14px;background:#ffffff0b;color:#cfe2e6;font:700 13px Manrope,system-ui,sans-serif;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff18;transition:background .2s,box-shadow .2s,color .2s}
.kw-tab em{font:700 11px "JetBrains Mono",monospace;font-style:normal;color:#8fa6ae}.kw-tab:hover{box-shadow:inset 0 0 0 1px var(--c1)}
.kw-tab.is-on{background:color-mix(in srgb,var(--c1) 18%,transparent);color:#fff;box-shadow:inset 0 0 0 1px var(--c1)}.kw-tab.is-on em{color:var(--c1)}
.kw-tab:nth-child(2) .kw-ic{color:#25d366}.kw-tab:nth-child(3) .kw-ic{color:#ff3b4e}.kw-tab:nth-child(4) .kw-ic{color:#c3a9fd}
.kw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.kw-card{position:relative;border-radius:16px;background:linear-gradient(160deg,#0e212bdd,#0a1820dd);box-shadow:inset 0 0 0 1px #ffffff14;overflow:hidden;transition:box-shadow .25s,transform .25s}
.kw-card:before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--src)}
.kw-card.is-wa{--src:#25d366}.kw-card.is-yt{--src:#ff3b4e}.kw-card.is-vid{--src:#c3a9fd}
.kw-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--src) 55%,transparent),0 14px 34px #0008}
.kw-card.is-open{grid-column:1/-1;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--src) 70%,transparent),0 0 40px color-mix(in srgb,var(--src) 15%,transparent)}
.kw-q{display:flex;gap:12px;align-items:flex-start;width:100%;padding:16px 16px 16px 18px;border:0;background:none;color:#eef8fa;text-align:left;cursor:pointer;font:inherit}
.kw-q strong{flex:1;font:700 15px/1.35 Manrope,system-ui,sans-serif}.kw-src-ic{width:22px;height:22px;color:var(--src);margin-top:1px}
.kw-chev{flex:none;color:#8fa6ae;font-size:18px;line-height:1;transition:transform .3s}.kw-card.is-open .kw-chev{transform:rotate(180deg);color:var(--src)}.kw-card.is-vid .kw-chev{transform:none}
.kw-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1)}.kw-card.is-open .kw-a{grid-template-rows:1fr}.kw-a>div{overflow:hidden;padding:0 18px 0 52px}
.kw-card.is-open .kw-a>div{padding-bottom:16px}.kw-a p{margin:0 0 12px;color:#cfe2e6;font-size:14.5px;line-height:1.65}
.kw-from{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--src) 14%,transparent);color:color-mix(in srgb,var(--src) 80%,#fff);font:700 11.5px Manrope,system-ui,sans-serif;text-decoration:none}
.kw-from .kw-ic{width:15px;height:15px}a.kw-from:hover{background:color-mix(in srgb,var(--src) 26%,transparent)}
.kw-h{margin:22px 0 10px;font:700 11px "JetBrains Mono",monospace;letter-spacing:.2em;color:#8fa6ae;text-transform:uppercase}
.kw-chips{display:flex;gap:8px;flex-wrap:wrap}.kw-chip{border:0;border-radius:999px;padding:8px 13px;background:#ffffff0b;color:#e0f0f3;font:600 13px Manrope,system-ui,sans-serif;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff18}.kw-chip:hover{box-shadow:inset 0 0 0 1px var(--c1);color:#fff}
.kw-article{position:relative;display:flex;align-items:center;gap:16px;width:100%;margin-top:22px;padding:20px 22px;border:0;border-radius:18px;text-align:left;cursor:pointer;color:#fff;overflow:hidden;
  background:linear-gradient(120deg,color-mix(in srgb,var(--c1) 26%,#0b1d26),color-mix(in srgb,var(--c2) 18%,#0b1d26));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 60%,transparent),0 20px 50px #0008;transition:transform .25s}
.kw-article:hover{transform:translateY(-3px)}.kw-art-ic{width:34px;height:34px;color:var(--c1)}.kw-article div{flex:1;display:grid;gap:4px}
.kw-article small{font:700 10.5px "JetBrains Mono",monospace;letter-spacing:.2em;color:var(--c1)}.kw-article strong{font:800 17px/1.3 Manrope,system-ui,sans-serif}.kw-read{font:700 12.5px Manrope;color:#d6eef2}
.kw-art-e{font-size:46px;opacity:.9;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--c1) 60%,transparent))}
@media(max-width:760px){.kw{padding:0}.kw-sheet{border-radius:0;min-height:100%}.kw-hero{flex-direction:column;align-items:flex-start;gap:12px;padding:calc(18px + env(safe-area-inset-top,0px)) 70px 18px 16px}.kw-orb{width:72px;height:72px}.kw-orb b{width:44px;height:44px;font-size:22px}
  .kw-body{padding:14px 12px 20px}.kw-grid{grid-template-columns:1fr}.kw-q strong{font-size:14px}.kw-a>div{padding:0 14px 0 46px}.kw-article{padding:16px}.kw-art-e{display:none}}
@media(prefers-reduced-motion:reduce){.kw-orb i{animation:none}.kw-a{transition:none}}

/* Product Q&A: masters' answers, WhatsApp in green, YouTube in red */
.ck-pqa{position:relative;display:grid;gap:12px;margin:22px 0;padding:20px;border-radius:24px;overflow:hidden;background:radial-gradient(120% 80% at 100% 0,#25d36614,transparent 55%),radial-gradient(90% 70% at 0 100%,#ff003310,transparent 60%),linear-gradient(160deg,#10202a,#0b161e);box-shadow:inset 0 0 0 1px #ffffff14,0 18px 50px #0006}
.ck-pqa-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ck-pqa-k{display:block;font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:800;font-size:10.5px;letter-spacing:.16em;color:#c3a9fd}
.ck-pqa-h h3{margin:4px 0 0;font-size:24px;letter-spacing:-.03em;color:#f2fbf8}
.ck-pqa-srcs{display:flex;gap:6px}
.ck-pqa-src{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;border-radius:999px;font-size:12px}
.ck-pqa-src b{font-size:13px}.ck-pqa-src small{font-size:11px;opacity:.8}
.ck-pqa-src.is-wa{background:#25d3661c;color:#b8f5cf;box-shadow:inset 0 0 0 1px #25d36640}.ck-pqa-src.is-yt{background:#ff00331a;color:#ffc9d4;box-shadow:inset 0 0 0 1px #ff003340}
.ck-qi{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px}.ck-qi svg{width:17px;height:17px}
.ck-qi.is-wa{background:linear-gradient(145deg,#2fe27a,#14a24f);color:#fff;box-shadow:0 6px 16px #25d36644}
.ck-qi.is-yt{background:linear-gradient(145deg,#ff2a4d,#c4001f);color:#fff;box-shadow:0 6px 16px #ff003344}
.ck-pqa-src .ck-qi{width:22px;height:22px;border-radius:50%;box-shadow:none}.ck-pqa-src .ck-qi svg{width:13px;height:13px}
.ck-pqa-list{display:grid;gap:8px}.ck-pqa-note{margin:0;color:#8fa6ae;font-size:13px}
.ck-pqa-i{border-radius:18px;background:#ffffff06;box-shadow:inset 0 0 0 1px #ffffff10;transition:background .3s,box-shadow .3s;animation:ck-qin .5s cubic-bezier(.2,1,.3,1) both;animation-delay:calc(var(--k,0)*70ms)}
@keyframes ck-qin{from{opacity:0;transform:translateY(12px)}}
.ck-pqa-i summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:12px 14px;font-weight:700;font-size:15px;line-height:1.35;color:#eef6f4}
.ck-pqa-i summary::-webkit-details-marker{display:none}
.ck-qq{flex:1;min-width:0}.ck-qc{flex:none;font-style:normal;font-size:18px;color:#7f969c;transition:transform .3s}
.ck-pqa-i[open] .ck-qc{transform:rotate(180deg)}
.ck-pqa-i.is-wa[open]{background:linear-gradient(160deg,#25d36612,#ffffff05);box-shadow:inset 0 0 0 1px #25d36638}
.ck-pqa-i.is-yt[open]{background:linear-gradient(160deg,#ff003312,#ffffff05);box-shadow:inset 0 0 0 1px #ff003338}
.ck-qa{padding:0 16px 14px 56px;display:grid;gap:6px;justify-items:start;animation:ck-qopen .35s ease-out}
@keyframes ck-qopen{from{opacity:0;transform:translateY(-6px)}}
.ck-qwho{font-size:11px;font-weight:700;letter-spacing:.04em;color:#7fe3a8}.is-yt .ck-qwho{color:#ff9fb2}
.ck-pqa-i p{margin:0;font-size:14.5px;line-height:1.6;color:#d6e4e8}
.ck-pqa-more{justify-self:start;border:0;border-radius:12px;padding:9px 14px;background:#6ff7d814;color:#6ff7d8;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s}.ck-pqa-more:hover{background:#6ff7d82a}
@media(max-width:640px){.ck-pqa{padding:16px;border-radius:20px}.ck-pqa-h h3{font-size:21px}.ck-qa{padding:0 14px 14px}.ck-pqa-i summary{font-size:14.5px}}
/* «Мастер о товаре» on a product card (canvas-knowledge.js masterAbout) */
.ck-master{display:grid;gap:8px;margin:0 0 14px;padding:12px;border-radius:16px;background:#c3a9fd12;box-shadow:inset 0 0 0 1px #c3a9fd44}
.ck-m-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:6px;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.ck-m-row:hover{background:#ffffff0d}.ck-m-row img{width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:9px;background:#0b161e}
.ck-m-tx{display:grid;gap:3px}.ck-m-tx q{color:#f1ecff;font-size:14px;line-height:1.45}.ck-m-tx small{color:#8fa6ae;font-size:11.5px}

/* canvas-expert.css */
/* Canvas templates (A · best, B · finds) */
.ct-chips{display:flex;flex-wrap:wrap;gap:5px}.ct-chip{padding:4px 9px;border-radius:9px;background:#6ff7d81c;color:#bfffee;font:600 11.5px "JetBrains Mono",ui-monospace,monospace}
.ct-price{font:800 22px "JetBrains Mono",ui-monospace,monospace;color:#6ff7d8}
.ct-src{font:10px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;color:#8fa6ae}
.ct-a1{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-radius:18px;overflow:hidden;background:#0b161e;box-shadow:inset 0 0 0 1px #ffffff14;cursor:pointer}
.ct-a1-ph{min-height:280px;border-radius:0}
.ct-a1-in{display:grid;gap:10px;align-content:start;padding:18px}.ct-a1-in h4{margin:0;font-size:18px;line-height:1.3}
.ct-toggle{justify-self:start;border:0;border-radius:11px;padding:8px 12px;background:#16303a;color:#6ff7d8;font-family:inherit;font-weight:800;font-size:12.5px;cursor:pointer}
.ct-bom{display:none;gap:4px;max-height:320px;overflow:auto}.ct-bom.is-open{display:grid}
.ct-bom div{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:9px;background:#122630;font-size:12.5px}.ct-bom em{font:700 11px "JetBrains Mono",monospace;font-style:normal;color:#6ff7d8;min-width:22px}
.ct-a2{position:relative;min-height:440px;border-radius:18px;overflow:hidden;cursor:pointer;background:linear-gradient(#0d2a3a 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,#0d2a3a 1px,transparent 1px) 0 0/22px 22px,#071722}
.ct-a2-lines{position:absolute;inset:0;width:100%;height:100%}.ct-a2-lines line{stroke:#6ff7d866;stroke-dasharray:4 4;animation:ct-dash 1.6s linear infinite}
@keyframes ct-dash{to{stroke-dashoffset:-16}}
.ct-a2-center{position:absolute!important;left:50%;top:46%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%!important;box-shadow:0 0 0 6px #6ff7d833,0 0 60px #6ff7d844}
.ct-a2-lbl{position:absolute;transform:translate(-50%,-50%);max-width:150px;padding:5px 8px;border-radius:9px;background:#0b161ee6;box-shadow:inset 0 0 0 1px #6ff7d866;font-size:11px;line-height:1.3;text-align:center}
.ct-a2-tag{position:absolute;left:16px;right:16px;bottom:12px;display:flex;justify-content:space-between;align-items:end;gap:10px}.ct-a2-tag h4{margin:0;font-size:15px;max-width:60%}
.ct-a3{position:relative;min-height:380px;display:grid;align-content:end;gap:8px;padding:22px;border-radius:18px;overflow:hidden;color:#fff;cursor:pointer;background:#000}
.ct-a3-bg{position:absolute;inset:0;background:#fff center/contain no-repeat;animation:ct-ken 18s ease-in-out infinite alternate}
@keyframes ct-ken{to{transform:scale(1.08)}}
.ct-a3:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#000e)}
.ct-a3>*:not(.ct-a3-bg){position:relative;z-index:1}.ct-a3 h4{margin:0;font-size:21px;max-width:85%}
.ct-a3-badges{display:flex;gap:6px;flex-wrap:wrap}.ct-hot{padding:4px 10px;border-radius:999px;background:#ff3b6b44;color:#ffd0da;font-size:12px;font-weight:700}.ct-hot.is-v{background:#b9a4ff44;color:#eee6ff}
.ct-mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.ct-mq div{display:flex;gap:8px;width:max-content;animation:ct-mq 30s linear infinite}.ct-mq span{white-space:nowrap;padding:5px 10px;border-radius:9px;background:#ffffff22;font-size:12px}
@keyframes ct-mq{to{transform:translateX(-50%)}}
.ct-b1{height:320px;display:grid;place-items:center;overflow:hidden}
.ct-fan{position:relative;width:170px;height:240px}
.ct-fan-c{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto auto;gap:4px;padding:0 0 8px;border:0;border-radius:16px;overflow:hidden;background:#0b161e;box-shadow:0 14px 30px #0009,inset 0 0 0 1px #ffffff1c;color:#eaf4f6;font:inherit;text-align:left;cursor:pointer;transform-origin:50% 130%;transition:transform .55s cubic-bezier(.2,1.2,.3,1)}
.ct-fan-img{height:150px;border-radius:0}.ct-fan-c b{padding:0 9px;font:800 13px "JetBrains Mono",monospace;color:#6ff7d8}.ct-fan-c span{padding:0 9px;font-size:11.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ct-axis{position:relative;height:210px;margin:10px 14px 34px}.ct-axis:before{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,#6ff7d8,#c3a9fd,#ffb86b)}
.ct-dot{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;border:0;background:none;color:inherit;cursor:pointer;padding:0}
.ct-dot.up{top:20%}.ct-dot.dn{top:80%}
.ct-dot-img{width:48px!important;height:48px!important;border-radius:12px;box-shadow:0 0 0 2px #0b161e,0 0 0 4px #6ff7d8;transition:transform .25s}
.ct-dot:hover .ct-dot-img,.ct-dot:focus-visible .ct-dot-img{transform:scale(1.5);z-index:3}
.ct-dot small{font:700 10.5px "JetBrains Mono",monospace;color:#bfffee;white-space:nowrap}
.ct-lab{position:absolute;left:0;bottom:-28px;font:700 11px "JetBrains Mono",monospace;color:#8fa6ae}.ct-lab.is-r{left:auto;right:0}
.ct-flt{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.ct-flt button{border:0;border-radius:10px;padding:6px 11px;background:#122630;color:#eaf4f6;font-family:inherit;font-weight:700;font-size:12px;cursor:pointer}.ct-flt button.is-on{background:#6ff7d8;color:#04130f}
.ct-mason{columns:3 140px;column-gap:8px}
.ct-mc{display:grid;width:100%;break-inside:avoid;margin:0 0 8px;padding:0 0 8px;border:0;border-radius:12px;overflow:hidden;background:#122630;color:#eaf4f6;font:inherit;text-align:left;cursor:pointer;transition:opacity .3s,transform .3s}
.ct-mc:nth-child(3n+1) .ct-mc-img{height:170px}.ct-mc-img{height:130px;border-radius:0}.ct-mc span{padding:6px 8px 2px;font-size:11.5px;line-height:1.25}.ct-mc b{padding:0 8px;color:#6ff7d8;font:800 12px "JetBrains Mono",monospace}
.ct-mc.is-off{opacity:.15;transform:scale(.94)}
@media(max-width:700px){.ct-a1{grid-template-columns:1fr}.ct-a1-ph{min-height:220px}.ct-a2{min-height:400px}.ct-a2-center{width:140px;height:140px}.ct-a2-lbl{max-width:96px;font-size:10px}}

/* Expert block: layout director + tiles */
.cx-expert{display:grid;gap:12px;margin:18px 0}
.cx-head{display:flex;align-items:center;gap:10px;font:700 11px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;color:#8fa6ae}.cx-head b{color:#6ff7d8;font-weight:700}
.cx-lay{padding:3px 9px;border-radius:999px;background:#b9a4ff22;color:#d9ccff}
.cx-expert.is-loading .cx-head{animation:cx-pulse 1.4s ease-in-out infinite}@keyframes cx-pulse{50%{opacity:.45}}
.cx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;align-items:start}
.cx-journal .cx-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.cx-journal .cx-tile:first-child{grid-row:span 2}
.cx-story .cx-grid{grid-template-columns:1fr;max-width:820px}
.cx-duel .cx-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.cx-tile{position:relative;display:grid;gap:10px;align-content:start;padding:16px;border-radius:20px;background:linear-gradient(165deg,#0f1f29,#0a141b);box-shadow:inset 0 0 0 1px #ffffff14,0 18px 40px #0005;color:#eaf4f6}
.cx-tile h4{margin:0;font-size:17px;line-height:1.3}
.cx-k{font:800 10px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;color:#c3a9fd}
.cx-calc,.cx-constructor{grid-column:1/-1}
.cx-quote{background:linear-gradient(150deg,#1c1636,#0b161e)}.cx-quote p{margin:0;font-size:16px;line-height:1.6;color:#fff}.cx-quote p:before{content:'“';font-size:44px;line-height:0;vertical-align:-16px;color:#c3a9fd;margin-right:4px}
.cx-badge{justify-self:start;padding:4px 9px;border-radius:9px;background:#6ff7d81c;color:#bfffee;font:600 11px "JetBrains Mono",monospace}
.cx-check{display:grid;gap:6px}.cx-check label{display:flex;gap:9px;align-items:flex-start;padding:8px 10px;border-radius:12px;background:#ffffff08;font-size:13.5px;cursor:pointer;transition:background .25s}
.cx-check input{accent-color:#6ff7d8;margin-top:3px}.cx-check label.is-on{background:#6ff7d81a}.cx-check label.is-on span{text-decoration:line-through;opacity:.6}
.cx-tl{display:grid;gap:0;border-left:2px solid #ffb86b55;margin-left:6px}.cx-tl div{position:relative;display:grid;gap:2px;padding:6px 0 10px 16px;font-size:13px}
.cx-tl div:before{content:'';position:absolute;left:-7px;top:9px;width:12px;height:12px;border-radius:50%;background:#ffb86b;box-shadow:0 0 12px #ffb86b}.cx-tl b{font:700 12px "JetBrains Mono",monospace;color:#ffb86b}
.cx-sph{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.cx-sph span{display:grid;justify-items:center;gap:2px;padding:9px 4px;border-radius:13px;background:#122630;text-align:center;opacity:.55;transition:.3s}
.cx-sph span.is-on{opacity:1;background:#6ff7d822;box-shadow:inset 0 0 0 1px #6ff7d8}
.cx-sph em{font-style:normal;font-size:24px}.cx-sph b{font-size:11.5px}.cx-sph small{font:10px "JetBrains Mono",monospace;color:#8fa6ae}
.cx-ba{position:relative;min-height:150px;border-radius:14px;overflow:hidden}
.cx-ba-a,.cx-ba-b{position:absolute;inset:0;display:grid;align-content:center;gap:6px;padding:16px 18px 36px}
.cx-ba-a{background:linear-gradient(135deg,#3a1420,#1a0d12)}.cx-ba-b{background:linear-gradient(135deg,#0f3a32,#0b1f24)}
.cx-ba small{font:800 10px "JetBrains Mono",monospace;letter-spacing:.12em;opacity:.8}.cx-ba p{margin:0;font-size:14px;line-height:1.45}
.cx-ba-line{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;background:#fff;box-shadow:0 0 12px #fff;pointer-events:none}
.cx-ba input{position:absolute;left:8px;right:8px;bottom:8px;width:calc(100% - 16px);accent-color:#fff}
.cx-story{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:s}
.cx-story li{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:12px;padding:12px;border-radius:16px;background:#ffffff08}
.cx-story em{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#6ff7d81c;font-style:normal;font-size:22px}
.cx-story b{font-size:14.5px}.cx-story p{margin:2px 0 0;font-size:13px;color:#cfe0e5}
.cx-parts{display:grid;gap:6px}
.cx-part{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:0;border-radius:14px;background:#ffffff0a;color:#eaf4f6;font:inherit;text-align:left;cursor:pointer;transition:background .2s,transform .2s}
.cx-part:hover{background:#6ff7d814;transform:translateX(3px)}
.cx-part>em{font-style:normal;font-size:22px;text-align:center}
.cx-part-t{display:grid;gap:1px;min-width:0}.cx-part-t small{font:700 10px "JetBrains Mono",monospace;letter-spacing:.1em;color:#c3a9fd;text-transform:uppercase}.cx-part-t b{font-size:13.5px;line-height:1.3}.cx-part-t i{font-style:normal;font-size:12px;color:#9fb6bd}
.cx-part-p{display:grid;justify-items:center;gap:2px}.cx-part-p img{width:46px;height:46px;border-radius:10px;background:#fff;object-fit:contain}.cx-part-p small{font:700 10.5px "JetBrains Mono",monospace;color:#6ff7d8;white-space:nowrap}
.cx-rng{display:grid;gap:4px}.cx-rng span{display:flex;justify-content:space-between;font-size:13px;color:#cfe0e5}.cx-rng b{font:800 14px "JetBrains Mono",monospace;color:#fff}.cx-rng input{width:100%;accent-color:#6ff7d8}
.cx-seg,.cx-sphs{display:flex;flex-wrap:wrap;gap:6px}
.cx-seg button,.cx-sphs button{border:0;border-radius:11px;padding:7px 11px;background:#122630;color:#eaf4f6;font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;transition:.2s}
.cx-seg button.is-on{background:#6ff7d8;color:#04130f}.cx-sphs button{font-weight:600;font-size:12px}.cx-sphs button.is-on{background:#b9a4ff;color:#140b2a}
.cx-meter{display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:#6ff7d812;box-shadow:inset 0 0 0 1px #6ff7d844}
.cx-meter.is-warn{background:#ff6b8a14;box-shadow:inset 0 0 0 1px #ff6b8a77}
.cx-kw{font:800 24px "JetBrains Mono",monospace;color:#6ff7d8}.cx-meter.is-warn .cx-kw{color:#ff9fb3}
.cx-kw-track{height:8px;border-radius:4px;background:#ffffff12;overflow:hidden}.cx-kw-bar{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#6ff7d8,#ffd36b,#ff6b8a);transition:width .35s cubic-bezier(.2,1.2,.3,1)}
.cx-warn{font-size:12.5px;color:#cfe0e5}
.cx-note{margin:0;font-size:12.5px;color:#9fb6bd}
.cx-go{justify-self:start;border:0;border-radius:14px;padding:12px 18px;background:linear-gradient(135deg,#6ff7d8,#c3a9fd);color:#04130f;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 10px 26px #6ff7d833}
.cx-go:disabled{opacity:.7;cursor:progress;animation:cx-pulse 1.2s ease-in-out infinite}
.cx-res{display:grid;gap:12px}.cx-skel{height:70px;border-radius:14px;background:linear-gradient(110deg,#ffffff08 12%,#b9a4ff33 48%,#ffffff08 84%);background-size:220% 100%;animation:cx-shim 1.5s linear infinite}
@keyframes cx-shim{to{background-position:-220% 0}}
.cx-verdict{display:grid;gap:4px;padding:12px 14px;border-radius:14px}.cx-verdict p{margin:0;font-size:14px;line-height:1.5}
.cx-verdict.is-ok{background:#6ff7d81a;box-shadow:inset 0 0 0 1px #6ff7d877}.cx-verdict.is-bad{background:#ffb86b1a;box-shadow:inset 0 0 0 1px #ffb86b88}.cx-fix{color:#ffd9a8}
.cx-kits{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.cx-kit{display:grid;gap:8px;align-content:start;padding:14px;border-radius:18px;background:#0b161e;box-shadow:inset 0 0 0 1px #ffffff18}
.cx-kit.is-mid{box-shadow:inset 0 0 0 2px #c3a9fd,0 0 30px #c3a9fd33}
.cx-kit header{display:grid;gap:2px}.cx-kit header small{font:800 10.5px "JetBrains Mono",monospace;letter-spacing:.12em;color:#ffd36b}.cx-kit header strong{font-size:15px}
.cx-why{margin:0;font-size:12.5px;color:#9fb6bd}
.cx-sum{font:700 13px "JetBrains Mono",monospace;color:#6ff7d8;text-align:right}
.cx-err{margin:0;color:#ff9fb3}
@media(max-width:700px){.cx-journal .cx-grid{grid-template-columns:1fr}.cx-journal .cx-tile:first-child{grid-row:auto}.cx-sph{grid-template-columns:repeat(4,minmax(0,1fr))}.cx-part{grid-template-columns:28px 1fr auto}}
@media(prefers-reduced-motion:reduce){.ct-a2-lines line,.ct-a3-bg,.ct-mq div{animation:none}}
.cx-approx{font-style:normal;font:600 9.5px "JetBrains Mono",monospace;color:#ffd36b;white-space:nowrap}
.cx-part.is-approx .cx-part-p img{opacity:.75}
.cx-part-t b,.cx-part-t i{overflow-wrap:anywhere}
.ct-a2-center{background:#fff!important}
.cx-approx.is-draft{color:#c3a9fd}.cx-part.is-draft{box-shadow:inset 0 0 0 1px #c3a9fd55}
.cx-draft{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:16px;background:#01070bd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:auto}
.cx-draft-card{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;width:min(940px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:18px;border-radius:24px;background:#0b161e;box-shadow:inset 0 0 0 1px #c3a9fd55,0 30px 80px #000c;color:#eaf4f6}
.cx-draft-x{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:#000a;color:#fff;font-size:24px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff33}
.cx-draft-ph{width:100%;border-radius:18px;object-fit:cover;cursor:zoom-in;align-self:start}
.cx-draft-in{display:grid;gap:10px;align-content:start}.cx-draft-in h3{margin:0;font-size:20px;line-height:1.3;padding-right:44px}.cx-draft-in p{margin:0;font-size:14px;line-height:1.5;color:#cfe0e5}
.cx-draft-badge{justify-self:start;padding:5px 10px;border-radius:999px;background:#c3a9fd26;color:#e3d8ff;font:800 10.5px "JetBrains Mono",monospace;letter-spacing:.08em}
.cx-draft-price{font:800 26px "JetBrains Mono",monospace;color:#6ff7d8}.cx-draft-note{color:#8fa6ae;margin-top:-8px}
.cx-draft-fit{padding:10px 12px;border-radius:12px;background:#6ff7d814}
.cx-draft-specs{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px}.cx-draft-specs dt{color:#8fa6ae}.cx-draft-specs dd{margin:0;font-weight:700}
.cx-draft-check{padding:12px 14px;border-radius:14px;background:#ffb86b14;box-shadow:inset 0 0 0 1px #ffb86b55}.cx-draft-check ul{margin:6px 0 0;padding-left:18px;font-size:13px;line-height:1.55}
@media(max-width:700px){.cx-draft-card{grid-template-columns:1fr}}
@media(max-width:700px){.cx-draft-ph{max-height:46vh;object-fit:contain;background:#fff}}
.cx-draft-video{justify-self:start;padding:9px 14px;border-radius:12px;background:#ff003322;color:#ffd0da;font-weight:800;text-decoration:none;box-shadow:inset 0 0 0 1px #ff003366}
/* Calculator: why it exists + practical numbers */
.cx-why{margin:-2px 0 10px;color:#9fb3b8;font-size:13px;line-height:1.45}
.cx-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px}
.cx-m{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:8px;padding:10px 11px;border-radius:14px;background:#ffffff07;box-shadow:inset 0 0 0 1px #ffffff12;transition:box-shadow .3s}
.cx-m:hover{box-shadow:inset 0 0 0 1px #6ff7d866}
.cx-m em{grid-row:1/4;font-style:normal;font-size:18px;line-height:1}
.cx-m small{font:700 9px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#8da3a8}
.cx-m b{font-size:17px;color:#fff;font-variant-numeric:tabular-nums}
.cx-m i{font-style:normal;font-size:11px;color:#86a3a6;line-height:1.3}
@media(max-width:760px){.cx-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cx-send{width:100%;margin-top:10px;border:0;border-radius:12px;padding:11px;font-weight:800;background:linear-gradient(135deg,#6ff7d8,#2bd9b0);color:#06231c;cursor:pointer}
body.builder-open .cx-draft{z-index:2147483645}
html.role-client .cx-draft-check{display:none}

/* 31.10: «Где работает» across the whole width, «Из чего собрать» as one row of compact cards */
.cx-spheres{grid-column:1/-1}
.cx-sph{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.cx-sph span{padding:12px 6px}.cx-sph b{overflow-wrap:anywhere;hyphens:auto}
.cx-constructor .cx-parts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.cx-constructor .cx-part{grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:start;gap:6px 8px;padding:10px;height:100%}
.cx-constructor .cx-part>em{grid-area:1/1;justify-self:start;text-align:left}
.cx-constructor .cx-part-p{grid-area:1/2}
.cx-constructor .cx-part-t{grid-area:2/1/3/3}
.cx-constructor .cx-part:hover{transform:translateY(-3px)}
@media(max-width:700px){.cx-constructor .cx-parts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.cx-constructor .cx-parts::-webkit-scrollbar{display:none}
  .cx-constructor .cx-part{flex:0 0 62%;scroll-snap-align:start}.cx-sph{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* the tiles of one row share it fully (no empty third of the row next to a tip and a checklist) */
.cx-expert:not(.cx-journal):not(.cx-story) .cx-grid{display:flex;flex-wrap:wrap;align-items:stretch}
.cx-expert:not(.cx-journal):not(.cx-story) .cx-tile{flex:1 1 300px;min-width:0}
.cx-expert:not(.cx-journal):not(.cx-story) :is(.cx-calc,.cx-constructor,.cx-spheres){flex-basis:100%}

/* video-space.css */
/* «▶ Видео»: modes, the photo base; the player itself is video-player.css */
.vs-search{display:flex;align-items:center;gap:8px;margin:12px 0;padding:6px 8px 6px 14px;border-radius:16px;background:#071017;box-shadow:inset 0 0 0 1px #6ff7d844,0 0 30px #6ff7d811}
.vs-search[hidden]{display:none}
.vs-search i{font-style:normal;color:#6ff7d8;font-size:18px}
.vs-search input{flex:1;min-width:0;min-height:44px;border:0;background:none;color:#e9f3f6;font:16px Manrope,system-ui,sans-serif;outline:none}
.vs-go{min-height:44px;padding:0 16px;border:0;border-radius:12px;background:#6ff7d8;color:#04211a;font:700 14px Manrope,system-ui,sans-serif;cursor:pointer}
.vs-player{margin:10px 0 30px}.vs-player[hidden]{display:none}
.vs-tags{display:flex;flex-wrap:wrap;gap:4px}.vs-tags span{font:10.5px "JetBrains Mono",ui-monospace,monospace;padding:2px 7px;border-radius:8px;background:#6ff7d814;color:#9ff9d9}
.vs-corpus{display:inline-block;margin:6px 0;color:#9ff9d9;font-size:13px}
.vs-modes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.vs-mode{min-height:38px;padding:0 14px;border:1px solid #2c4552;border-radius:12px;background:#0a151d;color:#d6e4e8;font:600 13px Manrope,system-ui,sans-serif;cursor:pointer}.vs-mode.is-on{border-color:#6ff7d8;background:#6ff7d81a;color:#fff}
.vs-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.vs-photos[hidden],.quiet-note[hidden]{display:none}
.vs-photo{display:grid;grid-template-rows:auto 1fr auto;border-radius:14px;overflow:hidden;background:#0a151dd9;box-shadow:inset 0 0 0 1px #ffffff0d}
.vs-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#000}
.vs-photo-info{display:grid;gap:4px;padding:10px 12px}.vs-photo-info strong{font-size:14px}.vs-photo-info span{font-size:12.5px;color:#b6c8cf}.vs-photo-info small{font-size:11.5px;color:#6f8893}
.vs-photo-acts{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 12px}.vs-photo-acts button{min-height:32px;padding:0 10px;border:1px solid #2c4552;border-radius:9px;background:#071017;color:#e9f3f6;font:600 12px Manrope,system-ui,sans-serif;cursor:pointer}
.vs-feed{border-color:#ff3b6b!important;background:linear-gradient(135deg,#3a0f1f,#1d1838)!important;color:#fff!important;box-shadow:0 0 18px #ff3b6b44}

/* TikTok lock (video-space.js): the page stands on the player, the moments scroll */
#video-view.vs-locked .vs-player{scroll-margin-top:8px}
html:has(#video-view.vs-locked) {overscroll-behavior-y:none}

/* top-dock.css */
/* Top-right dock (column on desktop, row on phones) */
.top-dock{position:fixed;z-index:210;right:23px;top:92px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;transition:top .35s cubic-bezier(.16,1,.3,1)}
.cd-scrolled .top-dock{top:10px}
.top-dock .pin-quick,.top-dock .cd-mini{position:static!important;top:auto!important;right:auto!important}
.top-dock .cd-mini{display:flex;gap:6px}
.top-dock .cd-mini[hidden]{display:none!important}
.top-dock #command-voice,.top-dock #command-call{position:relative;width:56px;height:52px;display:grid;place-items:center;padding:0;border:1px solid #4f7f74;border-radius:15px;background:#123932;color:#baf7df;box-shadow:0 8px 30px #0008;cursor:pointer;transition:transform .25s,box-shadow .25s}
.top-dock #command-call{border-color:#6a5f95;background:linear-gradient(135deg,#221c3c,#17303a);color:#d9ccff}
.top-dock #command-voice:hover,.top-dock #command-call:hover{transform:translateY(-2px);box-shadow:0 0 22px #69e7be44,0 8px 30px #0008}

/* AI voice orb */
.ai-orb{position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center;gap:2.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2bd4a955,#0f4c4588 60%,transparent 72%);box-shadow:0 0 14px #6ff7d844}
.ai-orb:before{content:'';position:absolute;inset:-3px;border-radius:50%;border:1.5px solid #6ff7d866;animation:aiRing 2.8s ease-in-out infinite}
.ai-orb i{width:3px;height:6px;border-radius:2px;background:linear-gradient(#bfffee,#c3a9fd);animation:aiIdle 1.8s ease-in-out infinite}
.ai-orb i:nth-child(2){animation-delay:.15s}.ai-orb i:nth-child(3){animation-delay:.3s}.ai-orb i:nth-child(4){animation-delay:.45s}.ai-orb i:nth-child(5){animation-delay:.6s}
@keyframes aiIdle{50%{height:12px}}
@keyframes aiRing{50%{transform:scale(1.12);opacity:.4}}
#command-voice.is-speaking .ai-orb{box-shadow:0 0 22px #6ff7d899}
#command-voice.is-speaking .ai-orb i{animation:aiTalk .42s ease-in-out infinite alternate}
#command-voice.is-speaking .ai-orb i:nth-child(odd){animation-duration:.33s}
@keyframes aiTalk{from{height:4px}to{height:20px}}
.ai-off{position:absolute;right:6px;top:4px;display:none;color:#ff9c9c;font-size:15px}
#command-voice.is-off{border-color:#3a4e55;background:#0f1c22;color:#6f8893}
#command-voice.is-off .ai-orb{filter:grayscale(1);opacity:.5;box-shadow:none}#command-voice.is-off .ai-orb i,#command-voice.is-off .ai-orb:before{animation:none}
#command-voice.is-off .ai-off{display:block}

/* LIVE microphone */
.space-command #command-mic{width:96px;gap:7px}
.live-mic{position:relative;width:26px;height:26px;display:grid;place-items:center}
.live-mic svg{position:relative;z-index:1;width:20px;height:20px;fill:none;stroke:#bfffee;stroke-width:1.8;stroke-linecap:round}
.live-mic svg rect{fill:#6ff7d833}
.live-mic i{position:absolute;inset:0;border-radius:50%;border:1.5px solid #6ff7d888;animation:micRing 2.4s cubic-bezier(.2,.6,.3,1) infinite}
.live-mic i+i{animation-delay:1.2s;border-color:#c3a9fd88}
@keyframes micRing{from{transform:scale(.6);opacity:1}to{transform:scale(1.7);opacity:0}}
.space-command #command-mic.recording .live-mic svg{stroke:#fff}.space-command #command-mic.recording .live-mic svg rect{fill:#ff6b6b88}
.space-command #command-mic.recording .live-mic i{animation-duration:1s;border-color:#ff9c9c}

@media(max-width:1050px){
  .top-dock{flex-direction:row;align-items:center;right:12px;top:64px;gap:6px}
  .top-dock #command-voice,.top-dock #command-call{width:46px;height:46px;border-radius:14px}
  .ai-orb{width:26px;height:26px}
}
@media(max-width:760px){.space-command #command-mic{width:78px}}
@media(prefers-reduced-motion:reduce){.ai-orb i,.ai-orb:before,.live-mic i{animation:none!important}}
/* While a product card is open, the floating icons step aside so they never cover its close button */
.top-dock{transition:top .35s cubic-bezier(.16,1,.3,1),opacity .25s,transform .25s}
body:has(#detail-drawer.open) .top-dock,body:has(#site-product-overlay) .top-dock,body.vp-full-open .top-dock{opacity:0;pointer-events:none;transform:translateY(-12px)}
.pin-photo-host{position:relative}
.pin-in-photo{position:absolute!important;top:12px;right:12px;z-index:4;margin:0!important}

/* space-feed.css */
/* «Лента» (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}

/* space-shop.css */
/* «Магазины» 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}

/* product-card.css */
/* The product card — one for Space and for the client site /start/ (see product-card.js) */

/* On a computer the card opens in the middle of the screen, not as a side panel */
@media(min-width:1000px){
  #site-product-overlay{justify-content:center;align-items:center;background:radial-gradient(60% 70% at 50% 50%,#06231c88,transparent 70%),rgba(1,8,12,.74)}
  .site-product-drawer{width:min(1080px,92vw);height:min(92vh,1200px);border-radius:28px;border:0;box-shadow:0 50px 140px #000d,inset 0 0 0 1px #6ff7d844;animation:spc-in .6s cubic-bezier(.16,1,.3,1)}
  .site-product-drawer:before{display:none}
  .detail-drawer{left:50%;right:auto;top:4vh;bottom:4vh;width:min(1000px,92vw);border:0;border-radius:28px;overflow:hidden;box-shadow:0 50px 140px #000d,inset 0 0 0 1px #6ff7d844;transform:translate(-50%,36px) scale(.96);opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .3s}
  .detail-drawer.open{transform:translate(-50%,0);opacity:1;pointer-events:auto}
  .detail-drawer:before{display:none}
}
@keyframes spc-in{from{opacity:0;transform:translateY(46px) scale(.95)}}

/* Photos of any shape: whole, on a blurred copy of themselves */
.sp-fit{position:relative;isolation:isolate;overflow:hidden;height:auto!important;min-height:0!important;max-height:74vh;padding:0;background:#071016}
.sp-fit:before{content:"";position:absolute;inset:-30px;z-index:-1;background:var(--sp-bg) center/cover no-repeat;filter:blur(26px) brightness(.5) saturate(1.25);transform:scale(1.1)}
.sp-fit img{position:relative;display:block;width:100%!important;height:100%!important;max-height:74vh;object-fit:contain!important;background:none!important}
.sp-fit.is-tall img{filter:drop-shadow(0 18px 40px #000a)}
/* Catalog tiles: the photo fills the tile (the tile keeps the photo's shape) */
#kit-list .product-visual.sp-tile{height:auto!important;background:#0b161d!important;overflow:hidden}
#kit-list .product-visual.sp-tile img{width:100%!important;height:100%!important;object-fit:cover!important}
/* «Подходящие дополнения»: a full-bleed photo on top of each card */
.site-product-related-card{overflow:hidden;align-content:start}
.site-product-related-card img{display:block;width:calc(100% + 28px);max-width:none;height:auto;aspect-ratio:4/3;margin:-14px -14px 4px;object-fit:cover;background:#fff;border-radius:0}

/* «Спросить агента»: one even block — the field with the microphone inside, the send button, quick questions, the answer */
.sp-ask{display:grid;gap:12px;margin:18px 0;padding:18px;border-radius:22px;background:linear-gradient(160deg,#1a1430 0%,#0c1720 60%,#0a141b);box-shadow:inset 0 0 0 1px #c291ff38,0 20px 60px #0004}
.sp-ask .sp-k{font:800 10px "JetBrains Mono",monospace;letter-spacing:.16em;color:#cda8ff}
.sp-ask-f{display:flex;gap:10px;align-items:stretch}
.sp-ask-in{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:54px;padding:0 6px 0 16px;border-radius:16px;background:#060e14;box-shadow:inset 0 0 0 1px #ffffff1a;transition:box-shadow .25s}
.sp-ask-in:focus-within{box-shadow:inset 0 0 0 1.5px #6ff7d8aa,0 0 0 4px #6ff7d814}
.sp-ask-in input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:#fff;font:500 16px Manrope,sans-serif}
.sp-ask-in input::placeholder{color:#7f969e}
.sp-mic{flex:none;width:42px;height:42px;border:0;border-radius:12px;background:#0f2a2c;box-shadow:inset 0 0 0 1px #6ff7d855;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s}
.sp-mic:hover{background:#13393a;transform:scale(1.05)}
.sp-mic svg{width:20px;height:20px;fill:none;stroke:#6ff7d8;stroke-width:1.8;stroke-linecap:round}
.sp-mic.is-rec{background:#a5434e;box-shadow:0 0 0 0 #ff6b7a88;animation:sp-rec 1.2s infinite}.sp-mic.is-rec svg{stroke:#fff}
@keyframes sp-rec{70%{box-shadow:0 0 0 12px #ff6b7a00}}
/* the send button: a plane that breathes while waiting, leans in when there is a question */
.sp-send{position:relative;flex:none;width:54px;height:54px;border:0;border-radius:16px;display:grid;place-items:center;cursor:pointer;background:radial-gradient(120% 120% at 20% 10%,#2a1e48,#10202a);box-shadow:inset 0 0 0 1px #c291ff66;overflow:visible;transition:transform .25s cubic-bezier(.2,1.4,.4,1),box-shadow .3s}
.sp-send svg{width:26px;height:26px;overflow:visible;animation:sp-breathe 2.8s ease-in-out infinite}
.sp-send .sp-pl{fill:url(#spg)}.sp-send .sp-pl-fold{fill:none;stroke:#0c1720;stroke-width:1.4;stroke-linecap:round}
.sp-send.is-ready{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #6ff7d8,0 10px 30px #58e2ca44}
.sp-send.is-ready svg{animation:sp-lean 1.4s ease-in-out infinite}
.sp-send:hover{transform:translateY(-2px) scale(1.04)}
.sp-send:disabled{cursor:default}
.sp-ring{position:absolute;inset:-3px;border-radius:18px;padding:2px;background:conic-gradient(from var(--a,0deg),#6ff7d8,#c291ff,transparent 55%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
.sp-send.is-busy .sp-ring{opacity:1;animation:sp-orbit 1s linear infinite}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes sp-orbit{to{--a:360deg}}
@keyframes sp-breathe{50%{transform:translate(1px,-1px);filter:drop-shadow(0 0 6px #c291ff88)}}
@keyframes sp-lean{0%,100%{transform:rotate(0)}50%{transform:translate(2px,-2px) rotate(-6deg);filter:drop-shadow(0 0 8px #6ff7d8aa)}}
/* quick questions */
.sp-ask-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:34px}
.sp-ask-chips button{border:0;border-radius:999px;padding:8px 14px;background:#ffffff08;box-shadow:inset 0 0 0 1px #c291ff44;color:#e2d4ff;font:600 13px Manrope,sans-serif;cursor:pointer;text-align:left;animation:sp-chip .5s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--k,0)*80ms);transition:background .2s,transform .2s}
.sp-ask-chips button:hover{background:#c291ff22;transform:translateY(-1px)}
.sp-chip-wait{width:180px;height:34px;border-radius:999px;background:linear-gradient(90deg,#ffffff08,#c291ff22,#ffffff08) 0 0/200% 100%;animation:sp-shim 1.2s linear infinite}
.sp-chip-wait:nth-child(2){width:220px}.sp-chip-wait:nth-child(3){width:150px}
@keyframes sp-shim{to{background-position:-200% 0}}
@keyframes sp-chip{from{opacity:0;transform:translateY(6px) scale(.96)}}
/* the answer */
.sp-ask-out:empty{display:none}
.sp-ans{position:relative;padding:18px 20px;border-radius:18px;background:linear-gradient(160deg,#16202f,#0b141c);box-shadow:inset 0 0 0 1px #6ff7d833;animation:sp-ans-in .45s cubic-bezier(.16,1,.3,1)}
.sp-ans.is-typing{box-shadow:inset 0 0 0 1px #6ff7d877,0 0 30px #6ff7d81a}
@keyframes sp-ans-in{from{opacity:0;transform:translateY(8px)}}
.sp-ans-q{display:flex;gap:8px;align-items:baseline;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ffffff10;font-size:13px;color:#9fb6bc}.sp-ans-q b{color:#e8f0f2;font-weight:600}
.sp-ans-k{font:800 10px "JetBrains Mono",monospace;letter-spacing:.14em;color:#6ff7d8}
.sp-ans-h{display:block;margin:6px 0 6px;font-size:19px;line-height:1.3;color:#fff}
.sp-ans-p{margin:0;color:#c9d6da;font-size:15px;line-height:1.65;white-space:pre-wrap}
.sp-caret{display:inline-block;width:8px;height:1.05em;margin-left:3px;vertical-align:-2px;border-radius:2px;background:#6ff7d8;animation:sp-blink .8s steps(2) infinite}
@keyframes sp-blink{50%{opacity:0}}
.sp-ans-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sp-ai{border:0;border-radius:12px;padding:0 16px;height:44px;background:linear-gradient(135deg,#c291ff,#58e2ca);color:#120b26;font:800 13px Manrope,sans-serif;cursor:pointer}
.sp-ans-again{border:0;border-radius:12px;height:44px;padding:0 14px;background:#ffffff0c;color:#cfe;font:700 13px Manrope,sans-serif;cursor:pointer}
.sp-ans-more details{margin-top:4px}.sp-ans-more summary{cursor:pointer;color:#9fb6bc;font-size:13px;font-weight:700}
.sp-qa{margin-top:8px;padding:10px 12px;border-radius:12px;background:#ffffff06}.sp-qa b{display:block;font-size:13.5px}.sp-qa p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:#c9d6da}
@media(max-width:640px){.sp-ask{padding:14px;border-radius:18px}.sp-ask-in,.sp-send{height:50px}.sp-send{width:50px}.sp-ans{padding:14px 16px}}

/* The site's description, rebuilt into readable pieces (tidyRich in site-product-detail.js) */
.site-product-rich p{margin:0 0 12px;line-height:1.7}
.site-product-rich .site-rich-heading{margin:30px 0 12px}
/* questions: cards that open */
.sr-faq{margin:0 0 10px;border-radius:16px;background:linear-gradient(160deg,#122530,#0c1820);box-shadow:inset 0 0 0 1px #6ff7d822;overflow:hidden;transition:box-shadow .3s}
.sr-faq[open]{box-shadow:inset 0 0 0 1px #6ff7d855,0 14px 40px #0005}
.sr-faq summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}
.sr-faq summary::-webkit-details-marker{display:none}
.sr-faq summary b{flex:1;font-size:16px;line-height:1.4;color:#f1f7f8}
.sr-q{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#6ff7d8,#58b8e2);color:#06141a;font:900 15px Manrope,sans-serif}
.sr-chev{flex:none;color:#6ff7d8;font-style:normal;font-size:20px;transition:transform .3s}
.sr-faq[open] .sr-chev{transform:rotate(180deg)}
.sr-a{padding:0 18px 16px 56px;color:#c4d4d8;font-size:15px;line-height:1.7}
.sr-a p{margin:0 0 10px}.sr-a p:last-child{margin:0}
/* reviews: cards with a face, a role and stars */
.sr-revs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;margin:4px 0 18px}
.sr-rev,.sr-quote{margin:0;padding:18px;border-radius:18px;background:linear-gradient(160deg,#14222c,#0c161d);box-shadow:inset 0 0 0 1px #ffffff14}
.sr-rev-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sr-rev-h>div{flex:1;min-width:0;display:grid}.sr-rev-h b{font-size:15.5px;color:#fff}.sr-rev-h small{font-size:12.5px;color:#8fa6ae;line-height:1.35}
.sr-av{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#c291ff,#58e2ca);color:#120b26;font:800 17px Manrope,sans-serif;box-shadow:0 0 0 3px #ffffff0d}
.sr-stars{flex:none;color:#ffd166;letter-spacing:2px;font-size:14px;text-shadow:0 0 12px #ffd16655}
.sr-rev blockquote,.sr-quote blockquote{margin:0;color:#d3dfe2;font-size:15px;line-height:1.7}
.sr-rev blockquote p,.sr-quote blockquote p{margin:0 0 10px}.sr-rev blockquote p:last-child,.sr-quote blockquote p:last-child{margin:0}
.sr-rev figcaption{margin-top:12px;font-size:12px;color:#7fc8b4}
/* an expert's word: a quote with a big mark */
.sr-quote{position:relative;margin:6px 0 18px;padding:22px 22px 20px;background:linear-gradient(160deg,#1d1736,#0d1820 70%);box-shadow:inset 0 0 0 1px #c291ff40}
.sr-quote:after{content:"“";position:absolute;top:-6px;right:18px;font:900 96px/1 Georgia,serif;color:#c291ff2e;pointer-events:none}
.sr-quote blockquote{font-size:15.5px;color:#e4dcf7}
.sr-quote blockquote p:first-child{font-size:17px;font-weight:600;color:#fff}
@media(max-width:640px){.sr-a{padding:0 14px 14px 14px}.sr-faq summary b{font-size:15px}}
/* a spec list from the site: label on the left, value on the right */
.sr-specs{display:grid;margin:4px 0 18px;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14;background:#0b161d}
.sr-spec{display:grid;grid-template-columns:minmax(140px,38%) 1fr;gap:14px;padding:11px 16px;border-top:1px solid #ffffff0d}
.sr-spec:first-child{border-top:0}.sr-spec:nth-child(odd){background:#ffffff04}
.sr-spec span:first-child{color:#8fa6ae;font-size:14px}.sr-spec span:last-child{color:#f1f7f8;font-weight:700;font-size:14.5px}
@media(min-width:1000px){.site-product-related{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* the price right under the photos (product-card.js order()) */
.sp-price{display:grid;gap:4px;margin:14px 0 4px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#123a35,#151c33);border:1px solid #6ff7d844}
.sp-price-k{font:800 10px "JetBrains Mono",monospace;letter-spacing:.14em;color:#6ff7d8}
.sp-price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.sp-price-row strong{font:800 30px/1.1 Manrope,sans-serif;color:#eafff9;letter-spacing:-.01em}
.sp-price-row s{color:#8fa9ae;font-size:16px}
.sp-stock{margin-left:auto;padding:5px 10px;border-radius:10px;background:#6ff7d81c;color:#bfffee;font:700 12.5px Manrope,sans-serif}.sp-stock.is-out{background:#ffd27a1f;color:#ffe3a6}
@media(max-width:760px){.sp-price-row strong{font-size:26px}}

/* Market product = the assembly's layout: photos left, the panel right (product-card.js .sp-top/.sp-side) */
.sp-top{display:grid;gap:18px;margin-bottom:18px}
.sp-side{display:grid;align-content:start;gap:14px}
@media(min-width:1000px){
  .sp-top{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:26px}
  .sp-side{position:sticky;top:12px;padding:22px;border-radius:26px;background:linear-gradient(160deg,#0f2329,#0b151c);box-shadow:inset 0 0 0 1.5px #6ff7d855,0 20px 60px -30px #000}
  .sp-side .sp-price{margin:0;padding:0;background:none;box-shadow:none}
  .sp-side .detail-grid{grid-template-columns:1fr 1fr;gap:10px}
  .sp-side .detail-grid .detail-field:last-child:nth-child(odd){grid-column:1/-1}
  .sp-side .sc-delivery{margin:0}
}
@media(min-width:1000px){.sp-top .sp-side .detail-grid{grid-template-columns:1fr 1fr!important}.sp-side .detail-field strong{overflow-wrap:normal;word-break:normal;hyphens:auto}}
/* 04.11 phone: the title and «250BAR.RU · СБОРКА 1С» scroll away with the card, only ✕ and the cart stay — in one row at the top.
   The same for an assembly (#site-product-overlay) and a Market product (#detail-drawer). The header loses its blur:
   a blurred parent would hold the fixed buttons inside itself and they would scroll away with it. */
@media(max-width:760px){
  #site-product-overlay .site-product-head,#detail-drawer.open .drawer-top{position:relative!important;top:auto!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  #site-product-overlay .site-product-head{padding-right:16px!important}
  #detail-drawer.open .drawer-top{grid-template-columns:minmax(0,1fr)!important}
  #detail-drawer.open{display:block!important;overflow-y:auto!important;overscroll-behavior:contain}  /* the whole card scrolls, not only its body under the title */
  #detail-drawer.open #drawer-body{overflow:visible!important;height:auto!important}
  #detail-drawer.open #drawer-title{padding-right:0!important}
  #site-product-overlay .site-product-head .eyebrow,#detail-drawer.open .drawer-top .eyebrow{display:flex;align-items:center;min-height:46px;padding-right:150px}
  #site-product-overlay .site-product-close,#detail-drawer.open #drawer-close{position:fixed!important;top:calc(12px + env(safe-area-inset-top))!important;right:14px!important;width:46px!important;height:46px!important;z-index:2147483646}
  body:has(#site-product-overlay) .sc-fab,body:has(#detail-drawer.open) .sc-fab{opacity:1!important;pointer-events:auto!important;top:calc(12px + env(safe-area-inset-top))!important;right:70px!important;bottom:auto!important;height:46px;padding:0 10px!important;border-radius:14px!important;
    background:#0c1b25e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
}
/* 04.11 PC: a Market product wears the same head and price as an assembly — a big title without a rule under it, the price open, mint, in mono */
@media(min-width:761px){
  #detail-drawer.open .drawer-top{border-bottom:0;padding:34px 34px 4px 40px}
  #detail-drawer.open .drawer-top h2{font-size:clamp(26px,3vw,42px);line-height:1.08;letter-spacing:-.04em;margin:14px 0 6px;-webkit-line-clamp:unset;display:block}
  #detail-drawer.open .sp-side .sp-price{background:none;border:0;padding:0;margin:0 0 8px}
  #detail-drawer.open .sp-price-row strong{font:800 38px/1.1 "JetBrains Mono",monospace;color:#6ff7d8;letter-spacing:-.02em}
}

/* space-tour.css */
/* «Обучение» — the guided tour of Space (space-tour.js) */
.tour-nav{position:relative;background:linear-gradient(120deg,#c291ff22,#6ff7d814)!important;box-shadow:inset 0 0 0 1px #c291ff55;margin-bottom:6px}
.tour-nav:hover{box-shadow:inset 0 0 0 1px #c291ffaa,0 0 24px #c291ff33}
.tour-new{margin-left:auto;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#c291ff,#58e2ca);color:#120b26;font:900 9px "JetBrains Mono",monospace;font-style:normal;letter-spacing:.08em;animation:tour-pulse 1.8s ease-in-out infinite}
@keyframes tour-pulse{50%{box-shadow:0 0 0 6px #c291ff00,0 0 16px #c291ff88}}
.tour-mnav{color:#e2d4ff!important}
.tour-nav-on{box-shadow:inset 0 0 0 1.5px #6ff7d8,0 0 24px #6ff7d844!important;background:#6ff7d814!important}

.tour{position:fixed;inset:0;z-index:2147483600}
/* the spotlight: everything around dims, the target sits in a neon frame */
.tour-spot{position:fixed;border-radius:18px;box-shadow:0 0 0 200vmax rgba(2,8,12,.74),0 0 0 2px #6ff7d8,0 0 40px #6ff7d877,inset 0 0 30px #6ff7d822;pointer-events:none;
  transition:top .65s cubic-bezier(.65,0,.2,1),left .65s cubic-bezier(.65,0,.2,1),width .65s cubic-bezier(.65,0,.2,1),height .65s cubic-bezier(.65,0,.2,1),opacity .4s}
.tour-spot:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from var(--ta,0deg),transparent 0 70%,#c291ff 80%,#6ff7d8 90%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;animation:tour-orbit 3s linear infinite}
@property --ta{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes tour-orbit{to{--ta:360deg}}
html.tour-on .tour-target{position:relative;z-index:auto}
/* the card */
.tour-card{position:fixed;display:grid;gap:14px;padding:18px 20px 16px;border-radius:24px;color:#eef6f4;
  background:linear-gradient(160deg,rgba(26,20,48,.97),rgba(9,20,27,.97) 60%);box-shadow:inset 0 0 0 1px #c291ff55,0 30px 90px #000c,0 0 60px #6ff7d81a;backdrop-filter:blur(14px);
  transition:left .6s cubic-bezier(.65,0,.2,1),top .6s cubic-bezier(.65,0,.2,1),width .4s,opacity .25s,transform .25s;max-height:calc(100vh - 32px);overflow:auto}
.tour-card.is-moving{opacity:.35;transform:scale(.98)}
.tour-card.is-sheet{left:8px!important;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));top:auto!important;width:auto!important;max-height:58vh;border-radius:22px 22px 18px 18px}
.tour-card.is-end{box-shadow:inset 0 0 0 1.5px #6ff7d8,0 30px 90px #000c,0 0 90px #6ff7d844}
.tour-bar{display:flex;gap:4px}
.tour-seg{position:relative;flex:1;height:22px;border:0;padding:0;border-radius:7px;background:#ffffff0c;cursor:pointer;overflow:hidden}
.tour-seg i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#c291ff,#6ff7d8);opacity:.35;transition:width .6s cubic-bezier(.16,1,.3,1)}
.tour-seg.done i{opacity:.22}.tour-seg.on i{opacity:.55}
.tour-seg span{position:relative;font:800 9px "JetBrains Mono",monospace;letter-spacing:.06em;color:#9fb6bc;text-transform:uppercase}
.tour-seg.on span{color:#fff}
.tour-top{display:flex;align-items:center;gap:12px}
.tour-emo{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:radial-gradient(circle at 30% 20%,#c291ff44,#10202a);box-shadow:inset 0 0 0 1px #c291ff55,0 0 24px #c291ff33}
.tour-top>div{flex:1;min-width:0}
.tour-k{font:800 9.5px "JetBrains Mono",monospace;letter-spacing:.14em;color:#cda8ff}
.tour-top h3{margin:3px 0 0;font-size:20px;line-height:1.2;letter-spacing:-.01em}
.tour-tools{display:flex;gap:6px;align-self:flex-start}
.tour-voice,.tour-x{width:36px;height:36px;border:0;border-radius:11px;background:#ffffff0d;color:#dfe;font-size:16px;cursor:pointer}
.tour-voice.on{background:#6ff7d822;box-shadow:inset 0 0 0 1px #6ff7d888}
.tour-body p{margin:0 0 10px;font-size:15px;line-height:1.6;color:#d6e3e6}
.tour-w{display:inline-block;opacity:0;transform:translateY(6px);filter:blur(4px);animation:tour-word .5s cubic-bezier(.16,1,.3,1) forwards}
@keyframes tour-word{to{opacity:1;transform:none;filter:none}}
.tour-tip{display:grid;gap:3px;margin-top:4px;padding:11px 13px;border-radius:14px;background:linear-gradient(120deg,#6ff7d814,#c291ff10);box-shadow:inset 0 0 0 1px #6ff7d844;font-size:13.5px;line-height:1.5;color:#cfeee4;
  opacity:0;animation:tour-word .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d,600ms)}
.tour-tip b{font-size:12px;color:#6ff7d8}
.tour-nav-row{display:flex;gap:8px;justify-content:space-between}
.tour-back,.tour-go{height:44px;border:0;border-radius:13px;padding:0 18px;font:800 14px Manrope,sans-serif;cursor:pointer}
.tour-back{background:#ffffff0d;color:#cfe}.tour-back:disabled{opacity:.3;cursor:default}
.tour-go{flex:1;max-width:240px;margin-left:auto;background:linear-gradient(135deg,#c291ff,#58e2ca);color:#120b26;box-shadow:0 10px 30px #58e2ca33;transition:transform .2s}
.tour-go:hover{transform:translateY(-1px)}
.tour-confetti{position:fixed;top:0;font-style:normal;font-size:26px;pointer-events:none;z-index:2}
@media(max-width:760px){.tour-top h3{font-size:17px}.tour-emo{width:44px;height:44px;font-size:23px}.tour-body p{font-size:14px}.tour-seg span{display:none}.tour-seg{height:8px}}
@media(prefers-reduced-motion:reduce){.tour-spot,.tour-card{transition:none}.tour-spot:after{animation:none}}
.tour-spot.is-free{box-shadow:0 0 0 200vmax rgba(2,8,12,.74)}.tour-spot.is-free:after{display:none}
html.tour-on .tour-target{scroll-margin-top:72px}

/* space-filters.css */
/* «Магазины»: compact toolbar + filter panel (space-filters.js) */
#kit-stores{display:none!important}
#kit-view .page-head p{display:none}#kit-view .page-head h1{font-size:clamp(34px,5vw,64px)}

.kf-bar #kit-store-pills{display:none!important}
.kf-bar{position:sticky;top:12px;z-index:30;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 14px;padding:8px;border-radius:20px;background:#0b161ee8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px #6ff7d826,0 16px 40px #0006}
.kf-bar .site-pills{display:flex;gap:2px;padding:3px;border-radius:14px;background:#ffffff08;margin:0;flex:none}
.kf-bar .site-pills .pill{border:0;border-radius:11px;padding:8px 12px;font-size:12.5px;font-weight:800;background:transparent;color:#9fb3b8;white-space:nowrap;transition:background .25s,color .25s}
.kf-bar .site-pills .pill.active{background:#6ff7d8;color:#06231c;box-shadow:0 6px 16px #2bd9b044}
.kf-search{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;padding:0 14px;height:44px;border-radius:14px;background:#071119;box-shadow:inset 0 0 0 1px #ffffff1a;transition:box-shadow .2s}
.kf-search:focus-within{box-shadow:inset 0 0 0 1.5px #6ff7d8,0 0 0 4px #6ff7d814}
.kf-s-ic{color:#6ff7d8;font-size:18px}
.kf-search input{flex:1;min-width:0;border:0!important;background:transparent!important;color:#fff;font-size:15px;outline:0;box-shadow:none!important;padding:0!important;height:100%}
.kf-btn{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:0;border-radius:14px;background:#ffffff0d;color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1a;transition:background .2s,box-shadow .2s}
.kf-btn:hover{background:#ffffff16}.kf-btn.has{box-shadow:inset 0 0 0 1.5px #6ff7d8;background:#6ff7d812}
.kf-btn b,.kf-fab b{min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:#6ff7d8;color:#06231c;font-size:11px}
.kf-btn[hidden]{display:none}

.kf-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.kf-wrap.kf-folded,.kf-wrap.kf-none{grid-template-columns:minmax(0,1fr)}
.kf-wrap.kf-folded .kf-side,.kf-wrap.kf-none .kf-side{display:none}
.kf-main{min-width:0}
.kf-active{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.kf-active[hidden]{display:none}
.kf-on{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:6px 8px 6px 12px;background:#6ff7d81a;color:#bfffee;font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:inset 0 0 0 1px #6ff7d855;animation:kf-pop .3s cubic-bezier(.2,1.4,.4,1)}
.kf-on i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;font-size:10px}
.kf-on:hover i{background:#ff5c7a;color:#fff}.kf-clear{background:transparent;color:#ff9aa4;box-shadow:inset 0 0 0 1px #ff9aa455;padding-right:12px}
@keyframes kf-pop{from{transform:scale(.7);opacity:0}}

.kf-side{position:sticky;top:138px;max-height:calc(100vh - 160px);overflow:auto;display:grid;gap:4px;padding:16px;border-radius:24px;background:radial-gradient(120% 60% at 100% 0,#6ff7d812,transparent 60%),linear-gradient(170deg,#0f2129,#0a151c);box-shadow:inset 0 0 0 1px #6ff7d830,0 20px 60px #0007;scrollbar-width:thin}
.kf-head{display:flex;align-items:center;gap:8px;padding-bottom:8px}.kf-head>div{flex:1}
.kf-k{display:block;font:800 10px "JetBrains Mono",monospace;letter-spacing:.16em;color:#6ff7d8}.kf-head b{font-size:20px;letter-spacing:-.02em}
.kf-reset{border:0;background:none;color:#8fa6ae;font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;padding:6px}.kf-reset:hover{color:#ff9aa4}
.kf-x{display:none;width:36px;height:36px;border:0;border-radius:12px;background:#ffffff10;color:#fff;cursor:pointer}
.kf-sec{display:grid;gap:8px;padding:12px 0;border-top:1px solid #ffffff0d}
.kf-sec h4{margin:0;font:800 10px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#8fa6ae}
.kf-sec select,.kf-sec input{width:100%;height:42px;border:0;border-radius:12px;padding:0 12px;background:#071119;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1a;font-size:14px;appearance:none;-webkit-appearance:none}
.kf-sec select{background-image:linear-gradient(45deg,transparent 50%,#6ff7d8 50%),linear-gradient(135deg,#6ff7d8 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}
.kf-sec select:focus,.kf-sec input:focus{outline:0;box-shadow:inset 0 0 0 1.5px #6ff7d8}
.kf-chips{display:flex;flex-wrap:wrap;gap:6px}.kf-src{display:none!important}
.kf-chip{border:0;border-radius:11px;padding:8px 12px;background:#ffffff0a;color:#d6e4e8;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff14;transition:background .2s,box-shadow .2s,transform .15s}
.kf-chip:hover{background:#ffffff14}.kf-chip:active{transform:scale(.95)}
.kf-chip.on{background:#6ff7d8;color:#06231c;box-shadow:0 6px 16px #2bd9b044}
.kf-foot{display:none}
.kf-veil{position:fixed;inset:0;z-index:1700;background:#01070bb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s}.kf-veil.on{opacity:1;pointer-events:auto}
.kf-fab{display:none}

/* On a computer the stuck toolbar sits on one line with «Войти» and the voice button and leaves them room */
@media(min-width:761px){.kf-bar{max-width:calc(100% - 210px);padding:6px}.kf-search,.kf-btn{height:42px}}
/* Tablet: the panel becomes a drawer from the right */
@media(max-width:1179px){
  .kf-wrap{grid-template-columns:minmax(0,1fr)}
  .kf-side{position:fixed;z-index:1710;top:0;right:0;bottom:0;width:min(380px,92vw);max-height:none;border-radius:26px 0 0 26px;padding:max(16px,env(safe-area-inset-top)) 18px 0;transform:translateX(105%);transition:transform .45s cubic-bezier(.2,1,.3,1);align-content:start}
  .kf-side.open{transform:none}
  .kf-wrap.kf-folded .kf-side{display:grid}
  .kf-x{display:grid;place-items:center}
  .kf-foot{display:block;position:sticky;bottom:0;margin:6px -18px 0;padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0a151c 30%)}
  .kf-show{width:100%;height:52px;border:0;border-radius:16px;background:linear-gradient(135deg,#8bffe3,#2bd9b0);color:#06231c;font-family:inherit;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 26px #2bd9b044}
}
/* Phone: a bottom sheet and a floating button */
@media(max-width:760px){
  .kf-bar{top:calc(54px + env(safe-area-inset-top));border-radius:18px;padding:6px;gap:6px}
  .kf-bar .site-pills{order:1;width:100%;overflow-x:auto;scrollbar-width:none}.kf-bar .site-pills .pill{flex:1}
  .kf-search{order:2;min-width:0;height:42px}.kf-btn{order:3;height:42px;padding:0 12px}.kf-btn span:not(.kf-btn-ic){display:none}
  .kf-side{top:auto;left:0;right:0;width:auto;max-height:86vh;border-radius:26px 26px 0 0;transform:translateY(105%)}
  .kf-side.open{transform:none}
  .kf-head{position:sticky;top:-16px;z-index:2;margin:-16px -18px 0;padding:18px 18px 10px;background:#0f2129;border-radius:26px 26px 0 0}
  .kf-head:before{content:'';position:absolute;left:50%;top:7px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#ffffff33}
  .kf-chip{padding:10px 14px;font-size:14px}
  body:has(#kit-view.active) .kf-fab:not(.kf-off):not(.kf-near){display:inline-flex}
  .kf-fab{position:fixed;z-index:225;left:14px;bottom:calc(140px + env(safe-area-inset-bottom));align-items:center;gap:8px;height:48px;padding:0 16px;border:0;border-radius:24px;background:#0d1b24f0;color:#fff;font-family:inherit;font-weight:800;font-size:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #6ff7d855,0 14px 34px #000a,0 0 24px #6ff7d822;animation:kf-pop .4s cubic-bezier(.2,1.4,.4,1)}
  .kf-fab span{color:#6ff7d8;font-size:16px}.kf-fab.has{box-shadow:inset 0 0 0 1.5px #6ff7d8,0 14px 34px #000a,0 0 30px #6ff7d844}
  body.kf-sheet .kf-fab,body.kf-sheet .sc-fab{opacity:0;pointer-events:none}
}
/* A product card or an assembly always lies above the catalog's sticky search row */
.kf-bar{z-index:12}
body:has(#detail-drawer.open) .kf-bar,body:has(#site-product-overlay) .kf-bar{z-index:1}
/* 29.10: chips big enough for a finger on a phone */
@media(max-width:760px){.kf-on{min-height:38px;padding:8px 10px 8px 14px;font-size:13.5px}.kf-on i{width:22px;height:22px;font-size:11px}.kf-clear{padding:8px 14px}}

/* space-nav.css */
/* Back / forward arrows (space-nav.js) */
.sp-nav{display:flex;gap:4px;margin-right:12px;flex:none}
.sp-nb{width:34px;height:34px;border:0;border-radius:11px;background:#ffffff0d;color:#e6f2ef;font-size:16px;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1a;transition:background .2s,opacity .2s,transform .15s}
.sp-nb:hover:not(:disabled){background:#6ff7d822;box-shadow:inset 0 0 0 1px #6ff7d877;color:#6ff7d8}
.sp-nb:active:not(:disabled){transform:scale(.9)}
.sp-nb:disabled{opacity:.3;cursor:default}
@media(max-width:760px){.sp-nav{order:-1;margin-right:8px}.sp-nb{width:32px;height:32px;border-radius:10px}}
/* Phone: arrows on the left, the brand in the middle of what the floating buttons on the right leave free */
@media(max-width:760px){
  .topbar:has(.sp-nav) .mobile-brand{flex:1;min-width:0;display:block;text-align:center;padding-right:var(--dock-w,140px);font-size:11px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #command-input::placeholder{font-size:14px}/* the text itself stays 16px: smaller makes iPhone zoom in on focus */
}
/* Phone: «Войти» and the voice button sit in the same row as the arrows and the brand, compact, never over each other */
@media(max-width:760px){
  .au-chip{top:calc(env(safe-area-inset-top) + 10px)!important;right:58px!important;height:34px;padding:0 11px!important;border-radius:11px!important;font-size:13px!important;gap:5px!important}
  .top-dock{top:calc(env(safe-area-inset-top) + 9px)!important;right:10px!important}
  .top-dock #command-voice,.top-dock #command-call{width:38px!important;height:36px!important;border-radius:11px!important}
  .top-dock #command-voice svg,.top-dock #command-voice img{transform:scale(.8)}
}

/* space-loader.css */
/* The 250BAR preloader (space-loader.js): a gauge that builds pressure + steps lighting up */
.spl{display:grid;justify-items:center;gap:10px;padding:28px 20px;text-align:center;color:#eafff9;font-family:Manrope,sans-serif;animation:spl-in .4s cubic-bezier(.16,1,.3,1)}
.spl.out{opacity:0;transform:scale(.97);transition:opacity .35s,transform .35s}
@keyframes spl-in{from{opacity:0;transform:translateY(10px) scale(.97)}}
.spl-dial{position:relative;width:180px;height:136px}
.spl-g{width:100%;height:100%;overflow:visible}
.spl-track{fill:none;stroke:#ffffff14;stroke-width:9;stroke-linecap:round}
.spl-fill{fill:none;stroke:url(#splg);stroke-width:9;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 6px #6ff7d877)}
.spl-tick{stroke:#ffffff40;stroke-width:2;stroke-linecap:round}
.spl-needle{transform-origin:80px 86px;transform:rotate(-120deg)}
.spl-needle line{stroke:#fff;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 4px #6ff7d8)}.spl-needle circle{fill:#0b1a20;stroke:#6ff7d8;stroke-width:2.5}
.spl-num{position:absolute;left:0;right:0;bottom:6px;font:800 26px/1 "JetBrains Mono",monospace;color:#eafff9}
.spl-unit{position:absolute;left:0;right:0;bottom:-10px;font:700 10px "JetBrains Mono",monospace;letter-spacing:.2em;color:#6ff7d8}
.spl-t{display:grid;gap:4px;margin-top:8px}.spl-eye{font:800 10px "JetBrains Mono",monospace;letter-spacing:.16em;color:#6ff7d8}.spl-t strong{font-size:19px;font-weight:800}
.spl-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;min-width:220px;text-align:left}
.spl-steps li{position:relative;padding-left:28px;color:#5f777d;font-size:13.5px;transition:color .3s}
.spl-steps li:before{content:'';position:absolute;left:4px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;border:2px solid #ffffff26;transition:all .3s}
.spl-steps li.on{color:#eafff9}.spl-steps li.on:before{border-color:#6ff7d8;border-top-color:transparent;animation:spl-spin .8s linear infinite}
.spl-steps li.ok{color:#a9cfc6}.spl-steps li.ok:before{background:#6ff7d8;border-color:#6ff7d8;animation:none}
.spl-steps li.ok:after{content:'✓';position:absolute;left:6px;top:50%;margin-top:-8px;font:900 10px/16px Manrope,sans-serif;color:#06231c}
@keyframes spl-spin{to{transform:rotate(360deg)}}
.spl-tip{max-width:320px;margin:4px 0 0;color:#8fa9ae;font-size:12.5px;line-height:1.45}
@media(prefers-reduced-motion:reduce){.spl,.spl-steps li:before{animation:none!important}}
/* the constructor: the loader covers the frame until it is ready */
.bc-builder .spl{position:absolute;inset:0;z-index:2;align-content:center;background:radial-gradient(120% 90% at 50% 30%,#0f2a2c,#04080c 70%)}
.pc>.spl{margin:auto;min-height:60vh;align-content:center}

/* space-mobile.css */
/* iPhone / Android: Space feels like an installed app. Phone-only rules, loaded last; remove the <link> to roll back. */
@media(max-width:760px){
  html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
  body{overscroll-behavior-y:none}
  button,a,[role=button]{touch-action:manipulation;-webkit-user-select:none;user-select:none}

  /* Glass app bar: stays on top, the round buttons live inside it instead of floating over the text. */
  html body .topbar{position:sticky;top:0;z-index:205;height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;display:flex;align-items:center;
    background:linear-gradient(180deg,#0a1018f2,#0a1018cc)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid #ffffff10}
  html body .topbar{transition:transform .3s cubic-bezier(.2,.9,.3,1),opacity .2s}
  /* Windows (product card, video, knowledge, builder) own the whole screen: the bar steps away like iOS does. */
  body:has(#detail-drawer.open) .topbar,body:has(#site-product-overlay) .topbar,body.vp-full-open .topbar,body.vp-immersive .topbar,body.ck-open .topbar,body.builder-open .topbar{transform:translateY(-110%);opacity:0;pointer-events:none}
  body.ck-open .top-dock,body.builder-open .top-dock{opacity:0;pointer-events:none}
  .topbar .top-right{display:none!important}
  .detail-drawer{padding-top:env(safe-area-inset-top)}
  .topbar .mobile-brand{font-size:13px;letter-spacing:.06em;white-space:nowrap}
  body:has(.top-dock .cd-mini:not([hidden])) .topbar .mobile-brand{font-size:0}
  body:has(.top-dock .cd-mini:not([hidden])) .topbar .mobile-brand:before{content:'✳';font-size:20px;color:#6ff7d8}
  .top-dock,.cd-scrolled .top-dock{top:calc(env(safe-area-inset-top) + 8px)!important;right:12px!important;gap:5px!important}
  .top-dock #command-voice,.top-dock #command-call{width:38px!important;height:38px!important;border-radius:12px!important}
  .top-dock .ai-orb{width:22px;height:22px}
  .top-dock .pin-quick{height:38px!important;min-width:0!important;padding:0 10px!important;border-radius:12px!important;gap:5px!important;font-size:12px!important}
  .top-dock .cd-mini{gap:5px!important;height:auto!important}
  .top-dock .cd-mini-b{height:38px!important;min-width:0!important;padding:0 9px!important;border-radius:12px!important;font-size:12px!important}

  /* Bottom: tab bar above the home indicator, the input never makes iOS zoom the page (16px). */
  .mobile-nav{height:calc(62px + env(safe-area-inset-bottom))!important;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);background:#0d161ee8!important}
  .space-command{bottom:calc(68px + env(safe-area-inset-bottom))!important}
  #command-input{font-size:16px!important}

  /* Canvas tiles: pictures stay inside the card, the old/new look switch is a desktop thing. */
  .jv-switch{display:none!important}
  .bc-tile .bc-thumbs{overflow:hidden;border-radius:10px}
  .bc-tile .bc-thumbs>.bc-thumb{flex:1 1 0;min-width:0;max-width:64px}
  .bc-tile-k{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}

  /* Touch feedback like a native app: a short press-in on every card and button. */
  .bc-tile,.bc-btn,.bc-next-b,.canvas-claim-product,.canvas-next-step,.mobile-nav button,.space-command button,.top-dock button{transition:transform .18s cubic-bezier(.2,1.4,.4,1),filter .18s}
  .bc-tile:active,.bc-btn:active,.bc-next-b:active,.canvas-claim-product:active,.canvas-next-step:active,.mobile-nav button:active,.space-command button:active,.top-dock button:active{transform:scale(.96);filter:brightness(1.15)}

  /* Product hero in the dive: photo on top, words below on dark — no white text over a white photo. */
  .ct-a3{min-height:0;align-content:start;padding:0 0 16px;gap:8px}
  .ct-a3-bg{position:relative!important;inset:auto!important;height:240px;border-radius:18px 18px 0 0}
  .ct-a3:after{display:none}
  .ct-a3>*:not(.ct-a3-bg){margin:0 16px}
  .ct-a3 h4{font-size:19px;max-width:none;line-height:1.2}

  /* Jarvis decoration is lighter on a small screen: small corners, no ticks. */
  html.jv .jv-ticks{display:none}
  html.jv .jv-corner{width:8px;height:8px;opacity:.55}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.bc-tile:active,.bc-btn:active{transform:none}}

/* 05.11.2026 iPhone: the top bar — no back/forward on phones, a solid bar (the answer no longer shows through, no blur to repaint),
   the docked «Помню / Дальше» chips and the round buttons share one row without overlapping. */
@media (max-width:760px){
  .sp-nav,.sp-nb{display:none!important}
  .topbar{background:#070d12!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;gap:6px!important}
  .topbar button,.topbar .td-cart,.top-dock .cd-mini-b{flex:0 0 auto}
  .top-dock .cd-mini-b{height:38px!important;padding:0 8px!important}
  #command-voice{width:38px!important;height:38px!important}
}

/* space-lite.css */
/* 05.11.2026 — the phone «lite» layer, loaded last. One site for PC and phone, but on a phone: no backdrop blur (the heaviest repaint
   on an iPhone), no endless decorative loops, a solid top band when scrolled, and every block kept inside the screen. */
@media (max-width:760px){
  /* the scrolled top band: the dock becomes a solid strip, the answer no longer shows through the buttons */
  .cd-scrolled .top-dock{left:0!important;right:0!important;top:0!important;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px!important;
    justify-content:flex-end;background:#070d12;border-bottom:1px solid #6ff7d81f;box-shadow:0 8px 24px #000a}
  .top-dock{flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}
  .top-dock>*{flex:0 0 auto}
  /* blur behind glass panels: the same look with a solid tint */
  *,*:before,*:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .mobile-nav,.space-command,.drawer-top{background-color:#081016f2!important}
  /* decorative loops off (the loaders of an answer keep theirs) */
  .tq,.tq:before,.bab,.bab *,.cv-yt-icon,.rd-live-q:before,.ai-orb:before,.ai-orb i,.sp-mic i,.mic-ring,[class*="sweep"]{animation:none!important}
  #command-voice.is-speaking .ai-orb i{animation:aiTalk .42s ease-in-out infinite alternate!important}
  /* nothing wider than the screen */
  html,body{overflow-x:hidden}
  img,video,canvas,svg{max-width:100%}
}
@media (max-width:760px){.topbar .mobile-brand{margin-right:auto!important;margin-left:4px!important}}
/* two equal columns that can not be pushed wider by a long word («Профессиональные») */
@media (max-width:760px){
  .smn-grid,.hq-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .smn-tile,.hq-p{min-width:0!important}.smn-tile span,.hq-p b{overflow-wrap:break-word;word-break:normal}
}
@media (max-width:760px){
  /* a closed side drawer is not painted at all (it sat off-screen to the right and still cost every frame) */
  .detail-drawer:not(.open){visibility:hidden;transition:visibility 0s .35s}
  .detail-drawer.open{visibility:visible;transition:visibility 0s}
  /* the page footer ends above the ask line and the bottom menu */
  .sp-foot{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width:760px){.cd-scrolled .top-dock:before{content:"✳ 250BAR";margin-right:auto;font:800 15px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;color:#eaf5f0}}
@media (max-width:760px){
  /* «Пульт»: name over price, the cart button keeps its own corner */
  #kit-list[data-shop="table"] .product-card{position:relative}
  #kit-list[data-shop="table"] .product-card-info{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"name" "sales" "price"!important;padding-right:52px;gap:2px!important;justify-items:start}
  #kit-list[data-shop="table"] .product-card-info strong{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}
  /* «Лента»: the search line and its rows never wider than the screen */
  .fd-head>*,.fd-find{min-width:0!important;max-width:100%!important}
  .fd-find input{min-width:0!important;flex:1 1 auto}
  .fd-examples,.fd-pills,.fd-active{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
}
@media (max-width:760px){
  /* headings break between words, never inside one («авто-мобилей»), and the lines come out even */
  h1,h2,h3{-webkit-hyphens:manual!important;hyphens:manual!important;overflow-wrap:normal;text-wrap:balance}
}

/* space-client.css */
/* 250bar.ru/start/ — the client view of Space. Same page and styles; only what a client must not open is switched off. */
html.role-client [data-view]:not(.client-open){pointer-events:none;opacity:.42}
html.role-client [data-view].active{opacity:1}
html.role-client .sync-label,html.role-client .top-right .avatar,html.role-client #command-file,html.role-client .jv-switch,html.role-client .pin-quick,
html.role-client #kit-kind-pills,html.role-client .edit-group,html.role-client .photo-editor,html.role-client .pin-action{display:none!important}
html.role-client #bom-backlog-panel,html.role-client #kit-view .page-head>p:not(.ka-tip){display:none!important}
html.role-client .vs-corpus,html.role-client .vp-rb.vp-tool{display:none!important}

/* ---------- Sign-in invitation (space-auth.js) ---------- */
.au{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}
.au-veil{position:absolute;inset:0;background:#02060a99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .4s;pointer-events:auto}
.au-card{position:relative;width:min(430px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:26px 24px 18px;border-radius:28px;pointer-events:auto;color:#eef6f4;
  background:linear-gradient(160deg,#10222ef2,#08131bf5);box-shadow:inset 0 0 0 1px #6ff7d844,0 0 80px #6ff7d81f,0 40px 100px #000c;
  -webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);
  transform:translateY(40px) scale(.96);opacity:0;transition:transform .55s cubic-bezier(.2,1.1,.3,1),opacity .35s}
.au.on .au-veil{opacity:1}.au.on .au-card{transform:none;opacity:1}
.au-x{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;border:0;background:#ffffff12;color:#cfe;font-size:14px;cursor:pointer}
.au-orb{position:relative;width:64px;height:64px;margin-bottom:14px;display:grid;place-items:center}
.au-orb b{position:relative;z-index:1;font-size:26px;color:#6ff7d8;text-shadow:0 0 18px #6ff7d8}
.au-orb i{position:absolute;inset:0;border-radius:50%;border:1.5px solid #6ff7d8;opacity:0;animation:au-ring 2.8s ease-out infinite}
.au-orb i:nth-child(2){animation-delay:.9s}.au-orb i:nth-child(3){animation-delay:1.8s}
@keyframes au-ring{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.au-card h2{margin:0 0 8px;font-size:23px;line-height:1.15;letter-spacing:-.02em}
.au-lead{margin:0 0 16px;color:#9fb3b8;font-size:14px;line-height:1.45}
.au-perks{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.au-perks li{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:16px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12;
  opacity:0;transform:translateX(18px);transition:opacity .45s,transform .55s cubic-bezier(.2,1.1,.3,1);transition-delay:calc(.25s + var(--k)*.09s)}
.au.on .au-perks li{opacity:1;transform:none}
.au-ic{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#6ff7d81c;box-shadow:inset 0 0 0 1px #6ff7d855;font-size:16px}
.au-perks b{display:block;font-size:14px}.au-perks small{display:block;color:#9fb3b8;font-size:12px;line-height:1.35;margin-top:2px}
.au-ya{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:16px;background:#fff;color:#111!important;font-weight:800;text-decoration:none;font-size:15px;transition:transform .2s}
.au-ya span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fc3f1d;color:#fff;font-size:14px;font-weight:800}
.au-ya:active,.au-mail button:active{transform:scale(.97)}
.au-or{text-align:center;color:#6f878d;font-size:12px;margin:12px 0 8px}
.au-mail{display:flex;gap:6px;padding:5px;border-radius:16px;background:#071119;box-shadow:inset 0 0 0 1px #ffffff1c}
.au-mail:focus-within{box-shadow:inset 0 0 0 1px #6ff7d899}
.au-mail input{flex:1;min-width:0;border:0;background:none;color:#fff;font-size:16px;padding:10px;outline:0}
.au-mail button{border:0;border-radius:12px;padding:0 14px;font-weight:800;background:linear-gradient(135deg,#6ff7d8,#2bd9b0);color:#06231c;cursor:pointer}
.au-msg{min-height:18px;margin:8px 2px 0;color:#9fe;font-size:12px}
.au-later{display:block;margin:6px auto 0;border:0;background:none;color:#7f969c;font-size:13px;cursor:pointer;padding:6px 10px}
.au-card.done .au-perks,.au-card.done .au-ya,.au-card.done .au-or,.au-card.done .au-mail,.au-card.done .au-later{display:none}
.au-chip{position:fixed;z-index:220;right:max(92px,calc(env(safe-area-inset-right) + 92px));top:calc(env(safe-area-inset-top) + 18px);display:flex;align-items:center;gap:6px;border:0;border-radius:14px;padding:9px 13px;
  background:#0d1b24e8;color:#dff;font-weight:800;font-size:13px;box-shadow:inset 0 0 0 1px #6ff7d855,0 8px 30px #0008;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.au-chip i{font-style:normal;color:#6ff7d8}
@media(max-width:760px){
  .au{padding:0;align-items:flex-end}.au-card{width:100%;border-radius:28px 28px 0 0;padding:22px 20px calc(16px + env(safe-area-inset-bottom));transform:translateY(100%)}
  .au-chip{top:calc(env(safe-area-inset-top) + 12px);right:64px;bottom:auto;padding:8px 11px}
}
@media(prefers-reduced-motion:reduce){.au-card,.au-perks li{transition:none}.au-orb i{animation:none}}
html.role-client #kit-list .product-state{display:none}
html.role-client .vp-vlink,html.role-client .vp-vpick{display:none!important}

/* start-home.css */
/* Home of the client space (start-home.js). Shared Space tokens; client only. */
#home-view{padding-bottom:140px}
.sh-hero{padding:18px 0 8px;max-width:980px}
.sh-hero h1{margin:10px 0 10px;font-size:clamp(30px,5vw,58px);line-height:1.02;letter-spacing:-.035em}
.sh-hero h1 em{font-style:normal;background:linear-gradient(90deg,#6ff7d8,#9ff,#a68cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sh-lead{max-width:640px;color:#9fb3b8;font-size:16px;line-height:1.5;margin:0 0 18px}
.sh-cont h2,.sh-strip h2{margin:0 0 12px;font-size:20px}
.sh-qs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.sh-qs small,.sh-lbl{display:block;font:700 10px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#a99be6;margin-right:6px}
.sh-qs button{border:0;border-radius:12px;padding:8px 12px;background:#a68cff1f;box-shadow:inset 0 0 0 1px #a68cff55;color:#e2dbff;font-weight:700;font-size:13px;cursor:pointer}
.sh-lbl{margin:4px 0 8px}
.sh-ps{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}.sh-ps::-webkit-scrollbar{display:none}
.sh-p{flex:0 0 150px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;padding:6px;border:0;border-radius:18px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12;color:#e5eef0;text-align:left;cursor:pointer;transition:transform .3s cubic-bezier(.2,1.3,.3,1)}
.sh-p:hover{transform:translateY(-3px)}.sh-p:active{transform:scale(.97)}
.sh-ph{display:block;aspect-ratio:1;border-radius:13px;background:#fff center/contain no-repeat}
.sh-p b{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sh-p em{font-style:normal;font-size:12px;font-weight:800;color:#6ff7d8}
.sh-col{position:relative;display:flex;gap:10px;padding:14px;overflow:hidden}
.sh-col span{flex:1;border-radius:18px;background:#fff center/contain no-repeat;box-shadow:0 14px 30px #0008;transform:translateY(calc(var(--k)*8px)) rotate(calc((var(--k) - 1)*2deg));transition:transform .6s cubic-bezier(.2,1.2,.3,1)}
.sh-dir:hover .sh-col span{transform:translateY(calc(var(--k)*-4px)) rotate(0)}


.sh-strip{margin-top:28px}
.sh-strip .sh-p{flex-basis:170px}
@media(max-width:760px){
  .sh-hero h1{font-size:30px}
  .sh-p{flex-basis:132px}.sh-strip .sh-p{flex-basis:140px}
}
@media(prefers-reduced-motion:reduce){.sh-dir,.sh-col span,.sh-p{transition:none}}
@keyframes sh-sk{to{background-position:-200% 0}}
.sh-later>*{margin-top:12px}
.sh-page{margin-top:18px;padding:20px;border-radius:26px;background:linear-gradient(135deg,#0f2a2aee,#14203aee);box-shadow:inset 0 0 0 1px #6ff7d855,0 0 70px #6ff7d81a}
.sh-page h2{margin:6px 0 6px;font-size:24px;letter-spacing:-.02em}.sh-page .eyebrow{color:#6ff7d8}
.sh-text{margin:12px 0;padding:12px 14px;border-radius:16px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff10}.sh-text b{display:block;margin-bottom:4px}.sh-text p{margin:0;color:#c4d3d6;line-height:1.5}
.sh-vid{margin-top:22px;padding:18px;border-radius:26px;background:linear-gradient(135deg,#2a0f14ee,#13202aee);box-shadow:inset 0 0 0 1px #ff7a7a33}
.sh-vid-all{margin-left:auto;border:0;border-radius:12px;padding:10px 14px;background:#ffffff12;color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.sh-vrow{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}.sh-vrow::-webkit-scrollbar{display:none}
.sh-vc{flex:0 0 230px;scroll-snap-align:start;display:flex;flex-direction:column;gap:5px;padding:0;border:0;background:none;color:#f1e6e8;text-align:left;cursor:pointer;animation:cp-in .5s cubic-bezier(.2,1,.3,1) both;animation-delay:calc(var(--k)*60ms)}
.sh-vc-th{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;background:#1a0c10 center/cover no-repeat;box-shadow:0 12px 30px #0008;overflow:hidden;transition:transform .35s cubic-bezier(.2,1.3,.3,1)}
.sh-vc:hover .sh-vc-th{transform:translateY(-3px) scale(1.02)}
.sh-vc-th:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#000a)}
.sh-vc-th i{position:absolute;left:50%;top:50%;z-index:1;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#ff4d5ee6;color:#fff;font-size:15px;box-shadow:0 0 30px #ff4d5e88;transition:transform .3s}
.sh-vc:hover .sh-vc-th i{transform:scale(1.12)}
.sh-vc-th em{position:absolute;right:8px;bottom:8px;z-index:1;font:700 11px "JetBrains Mono",monospace;font-style:normal;padding:3px 6px;border-radius:7px;background:#000b;color:#fff}
.sh-vc small{font:700 10px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#ff9aa4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-vc b{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sh-vid .sh-lbl{color:#ff9aa4;margin:14px 0 8px}
@media(max-width:760px){.sh-vc{flex-basis:200px}.sh-vid-h small{display:none}}

/* ---------- Sherlock: past · present · future ---------- */
/* past */
.sh-tl{position:relative;display:grid;gap:4px}.sh-tl:before{content:'';position:absolute;left:17px;top:6px;bottom:6px;width:2px;background:linear-gradient(#a68cff66,#6ff7d833)}
.sh-tl-i{position:relative;display:flex;gap:10px;align-items:center;width:100%;padding:6px 4px;border:0;background:none;color:#e6eef0;text-align:left;cursor:pointer;border-radius:12px;animation:cp-in .5s both;animation-delay:calc(var(--k)*50ms)}
.sh-tl-i:hover{background:#ffffff08}
.sh-tl-dot{position:relative;z-index:1;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1c2346;box-shadow:inset 0 0 0 1.5px #a68cff88;font-size:13px}
.sh-tl-dot.img{background:#fff center/cover no-repeat}
.sh-tl-t{min-width:0}.sh-tl-t b{display:block;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-tl-t small{color:#8f86b8;font-size:11px}
/* present */
.sh-who{display:flex;gap:14px;align-items:center}
.sh-orb{--c:0;flex:none;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6ff7d8 calc(var(--c)*1%),#ffffff14 0);animation:sh-pulse 3s ease-in-out infinite}
.sh-orb span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#0e1a24;font-size:30px}
@keyframes sh-pulse{50%{box-shadow:0 0 34px #6ff7d844}}
.sh-who-h b{display:block;font-size:20px;letter-spacing:-.01em}.sh-who-h b:first-letter{text-transform:uppercase}.sh-who-h small{display:block;color:#9fb3b8;font-size:12px;margin:2px 0 6px}
.sh-role{display:inline-block;padding:4px 10px;border-radius:999px;background:#ffc35a1f;color:#ffc35a;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px #ffc35a55}
.sh-quote{margin:12px 0 4px;padding:12px 14px;border-radius:16px;background:#a68cff14;box-shadow:inset 0 0 0 1px #a68cff44;font-size:14px;line-height:1.45;color:#ece8ff}
.sh-quote:before{content:'🕵️ ';}.sh-quote.is-wait{opacity:.7;animation:sh-blink 1.2s ease-in-out infinite}@keyframes sh-blink{50%{opacity:.35}}
.sh-lbl2{display:block;font:700 9px "JetBrains Mono",monospace;letter-spacing:.14em;color:#7f969c;margin:12px 0 6px}
.sh-chips{display:flex;flex-wrap:wrap;gap:6px}.sh-chips span,.sh-chips button{border:0;border-radius:10px;padding:6px 10px;background:#ffffff0c;box-shadow:inset 0 0 0 1px #ffffff16;color:#e1ecee;font-size:12px;font-weight:700}
.sh-chips.is-int button{cursor:pointer;background:#6ff7d812;box-shadow:inset 0 0 0 1px #6ff7d844;color:#bfeee2}
.sh-ded{display:grid;gap:6px}.sh-ded>div{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:#ffffff06}
.sh-clue{font-size:12px;color:#9fb3b8}.sh-then{font-size:13px;font-weight:700;color:#fff}
.sh-fix{margin-top:12px;border:0;background:none;color:#cdbfff;font-weight:800;font-size:13px;cursor:pointer;padding:4px 0}
.sh-edit{display:grid;gap:6px;margin-top:8px}.sh-edit input{border:0;border-radius:11px;padding:10px 12px;background:#071119;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1c;font:inherit;font-size:15px}
.sh-edit button{justify-self:start;border:0;border-radius:11px;padding:9px 14px;font-weight:800;background:linear-gradient(135deg,#c2b2ff,#8f74ff);color:#140c33;cursor:pointer}
/* future */
.sh-kit{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:8px;margin-bottom:10px;border:0;border-radius:16px;background:linear-gradient(135deg,#6ff7d81f,#ffffff06);box-shadow:inset 0 0 0 1px #6ff7d855;color:#fff;text-align:left;cursor:pointer}
.sh-kit .sh-ph{width:72px}.sh-kit small{display:block;font:700 9px "JetBrains Mono",monospace;letter-spacing:.12em;color:#6ff7d8}.sh-kit b{display:block;font-size:13px;line-height:1.25;margin:2px 0}.sh-kit em{font-style:normal;font-size:11px;color:#9fb3b8}
.sh-ftl{position:relative;display:grid;gap:10px}.sh-ftl:before{content:'';position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:repeating-linear-gradient(#6ff7d855 0 6px,transparent 6px 10px)}
.sh-step{position:relative;padding-left:40px;animation:cn-in .5s both;animation-delay:calc(var(--k)*80ms)}
.sh-step-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.sh-timer{position:absolute;left:0;top:-2px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0e1a24;box-shadow:inset 0 0 0 1.5px #6ff7d8,0 0 16px #6ff7d833;font-size:14px}
.sh-step.is-half .sh-timer{box-shadow:inset 0 0 0 1.5px #ffc35a,0 0 16px #ffc35a33}.sh-step.is-year .sh-timer{box-shadow:inset 0 0 0 1.5px #ff8c96,0 0 16px #ff8c9633}
.sh-step-h b{font-size:14px}.sh-step-h em{font-style:normal;font-size:12px;color:#6ff7d8;font-weight:800}.sh-step>small{display:block;color:#8da3a8;font-size:11px;margin:2px 0 6px}
.sh-mini{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.sh-mini::-webkit-scrollbar{display:none}
.sh-mini button{flex:0 0 96px;display:flex;flex-direction:column;gap:3px;padding:4px;border:0;border-radius:12px;background:#ffffff08;color:#dfe9eb;text-align:left;cursor:pointer;transition:transform .25s}
.sh-mini button:hover{transform:translateY(-2px)}.sh-mini .sh-ph{border-radius:9px}
.sh-mini i{font-style:normal;font-size:10px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sh-mini em{font-style:normal;font-size:11px;font-weight:800;color:#6ff7d8}
@media(max-width:1100px){.sh-sher-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sh-col-past{grid-column:1/-1}}
@media(max-width:760px){.sh-sher{padding:14px;border-radius:24px}.sh-sher-grid{grid-template-columns:minmax(0,1fr)}.sh-col-past{grid-column:auto}.sh-orb{width:64px;height:64px}.sh-orb span{width:52px;height:52px;font-size:25px}}
.sh-tl,.sh-ftl,.sh-ded{grid-template-columns:minmax(0,1fr)}

/* Return home as compact tiles (like the first answer): 2 in a row on a phone, up to 4 on a computer; a tap dives in */
.sh-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 14px}
@media(max-width:1100px){.sh-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.sh-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.sh-tile{--tc:#6ff7d8;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:178px;padding:14px;border:0;border-radius:20px;text-align:left;color:#eef6f4;font-family:inherit;cursor:pointer;overflow:hidden;
  background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,var(--tc) 12%,transparent),transparent 60%),linear-gradient(165deg,#10222a,#0b161d);box-shadow:inset 0 0 0 1px #6ff7d830,0 14px 34px #0006;transition:transform .25s cubic-bezier(.2,1,.3,1),box-shadow .25s;animation:sh-tin .55s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--k)*60ms)}
@keyframes sh-tin{from{opacity:0;transform:translateY(16px) scale(.97)}}
.sh-tile:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 60%,transparent),0 18px 40px #0008,0 0 26px color-mix(in srgb,var(--tc) 20%,transparent)}
.sh-tile:active{transform:scale(.97)}
.sh-tile.t-violet{--tc:#a68cff}.sh-tile.t-amber{--tc:#ffc857}.sh-tile.t-ice{--tc:#7cc8ff}.sh-tile.t-red{--tc:#ff5c7a}
.sh-t-k{font:800 9.5px "JetBrains Mono",monospace;letter-spacing:.14em;color:var(--tc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sh-t-vis{position:relative;display:flex;align-items:center;height:56px;margin:4px 0 2px}
.sh-t-ph{width:52px;height:52px;border-radius:14px;background:#fff center/cover no-repeat;box-shadow:0 0 0 2px #0b161d,0 8px 18px #0008;margin-left:calc(var(--i)*-14px);transform:rotate(calc((var(--i) - 1)*5deg));transition:transform .3s}
.sh-t-ph:first-child{margin-left:0}.sh-tile:hover .sh-t-ph{transform:translateY(-3px) rotate(calc((var(--i) - 1)*8deg))}
.sh-t-ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:color-mix(in srgb,var(--tc) 16%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--tc) 30%,transparent)}
.sh-t-title{font-size:15px;line-height:1.25;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sh-t-m{font-size:12px;color:#9fb3b8;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sh-t-go{margin-top:auto;font:700 10.5px "JetBrains Mono",monospace;letter-spacing:.08em;color:#7f969c;font-style:normal;transition:color .2s}.sh-tile:hover .sh-t-go{color:var(--tc)}
.sh-tile.is-wait{pointer-events:none}.sh-tile.is-wait .sh-t-title{width:70%;height:14px;border-radius:6px;color:transparent;background:linear-gradient(110deg,#ffffff0b 12%,#6ff7d826 48%,#ffffff0b 84%);background-size:220% 100%;animation:sh-shim 1.6s linear infinite}
.sh-tile.is-wait .sh-t-vis:before{content:'';width:52px;height:52px;border-radius:14px;background:#ffffff0a}
@keyframes sh-shim{from{background-position:120% 0}to{background-position:-120% 0}}
@media(max-width:760px){.sh-tile{min-height:160px;padding:12px;border-radius:18px}.sh-t-ph,.sh-t-ic{width:44px;height:44px}.sh-t-vis{height:48px}.sh-t-title{font-size:14px}}
.sh-later{margin:4px 0 30px}
/* the dive panel */
.sh-dive{position:fixed;inset:0;z-index:1600;display:grid;place-items:stretch;background:#01070bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:sh-veil .35s ease-out}
@keyframes sh-veil{from{background:transparent}}
.sh-dive-p{position:relative;margin:max(12px,env(safe-area-inset-top)) auto 0;width:min(980px,100%);height:calc(100% - max(12px,env(safe-area-inset-top)));display:flex;flex-direction:column;border-radius:26px 26px 0 0;background:radial-gradient(120% 50% at 100% 0,#6ff7d814,transparent 60%),#0b161d;box-shadow:inset 0 0 0 1px #6ff7d838,0 -20px 80px #000c;overflow:hidden}
.sh-dive-h{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #ffffff10}
.sh-dive-h b{display:block;font-size:20px;letter-spacing:-.02em}.sh-dive-h small{color:#8fa6ae;font-size:12.5px}
.sh-dive-b{flex:none;width:42px;height:42px;border:0;border-radius:14px;background:#ffffff10;color:#fff;font-size:18px;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1a}.sh-dive-b:hover{background:#6ff7d822;color:#6ff7d8}
.sh-dive-c{flex:1;overflow:auto;padding:16px 16px calc(120px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.sh-ps-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;overflow:visible!important}
body.sh-diving .sc-fab,body.sh-diving .kf-fab{opacity:0;pointer-events:none}
.sh-t-live{font-size:11.5px;line-height:1.3;color:color-mix(in srgb,var(--tc) 85%,#fff);font-weight:700;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.sh-tile{touch-action:pan-y;transform-origin:center;transition:transform .25s cubic-bezier(.2,1,.3,1),box-shadow .25s}
.sh-t-ph{backface-visibility:hidden}
.sh-dive-p{transition:transform .2s}

/* «Новое от менеджера» (as in Intent) and smart steps */
.sh-mgr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 16px;align-items:center;margin:16px 0 4px;padding:16px 18px;border-radius:20px;
  background:linear-gradient(110deg,#5f36b138,#0f6b6f33);box-shadow:inset 0 0 0 1px #c291ff59,0 18px 40px #0007;animation:sh-mgr-in .7s cubic-bezier(.16,1,.3,1)}
@keyframes sh-mgr-in{from{opacity:0;transform:translateY(10px) scale(.98)}}
.sh-mgr-av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:800 12px "JetBrains Mono",monospace;color:#062421;background:linear-gradient(135deg,#c291ff,#58e2ca);box-shadow:0 0 22px #58e2ca55}
.sh-mgr small{display:block;color:#cda8ff;font:800 10px "JetBrains Mono",monospace;letter-spacing:.16em}.sh-mgr b{display:block;margin:3px 0;font-size:clamp(16px,2vw,21px)}
.sh-mgr p{margin:0;color:#c3d8d4;line-height:1.5;font-size:14px}
.sh-mgr-go{border:0;border-radius:14px;padding:12px 16px;background:#58e2ca;color:#062421;font:800 13px Manrope,sans-serif;cursor:pointer;white-space:nowrap}
@media(max-width:700px){.sh-mgr{grid-template-columns:auto minmax(0,1fr)}.sh-mgr-go{grid-column:1/-1;justify-self:start}}
@media(prefers-reduced-motion:reduce){.sh-mgr,.sh-step{animation:none}}
.sh-fresh{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:3000;transform:translateX(-50%);border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#c291ff,#58e2ca);color:#062421;font:800 13px Manrope,sans-serif;box-shadow:0 14px 40px #000a;cursor:pointer;animation:sh-mgr-in .5s cubic-bezier(.16,1,.3,1)}

/* The brief: facts as icon chips, then the offers «с чего продолжим» */
.sh-facts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.sh-fact{display:flex;align-items:center;gap:10px;max-width:100%;border:0;border-radius:16px;padding:7px 14px 7px 7px;text-align:left;color:#eef6f4;cursor:pointer;
  background:linear-gradient(160deg,#102229,#0a151c);box-shadow:inset 0 0 0 1px #6ff7d822;transition:transform .2s,box-shadow .2s;animation:sh-step-in .55s cubic-bezier(.16,1,.3,1) backwards}
.sh-fact:nth-child(2){animation-delay:.06s}.sh-fact:nth-child(3){animation-delay:.12s}.sh-fact:nth-child(4){animation-delay:.18s}.sh-fact:nth-child(5){animation-delay:.24s}
.sh-fact:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px #6ff7d8,0 0 22px #6ff7d822}.sh-fact:disabled{cursor:default;opacity:1;color:#eef6f4}
.sh-fact-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:radial-gradient(circle at 30% 25%,#6ff7d840,#6ff7d80d 70%);box-shadow:inset 0 0 0 1px #6ff7d833,0 0 18px #6ff7d81f}
.sh-fact-ic.is-img{background:#fff center/cover no-repeat}
.sh-fact.is-who .sh-fact-ic{background:radial-gradient(circle at 30% 25%,#c291ff55,#c291ff12 70%);box-shadow:inset 0 0 0 1px #c291ff55,0 0 18px #c291ff30}
.sh-fact>span:last-child{display:grid;min-width:0}.sh-fact small{font:800 9.5px "JetBrains Mono",monospace;letter-spacing:.12em;color:#7f969c;text-transform:uppercase}
.sh-fact b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.sh-offer-k{margin:18px 0 0;font:700 15px Manrope,sans-serif;color:#bfffee}
.sh-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:10px 0 18px}
.sh-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:0;border-radius:18px;text-align:left;color:#eef6f4;cursor:pointer;
  background:linear-gradient(160deg,#0f2129,#0a141b);box-shadow:inset 0 0 0 1px #6ff7d826;transition:transform .2s,box-shadow .2s;animation:sh-step-in .5s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--k)*60ms)}
@keyframes sh-step-in{from{opacity:0;transform:translateY(12px)}}
.sh-step:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px #6ff7d8,0 0 26px #6ff7d822}.sh-step:active{transform:scale(.97)}
.sh-step i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:21px;background:radial-gradient(circle at 30% 25%,#ffc85740,#ffc8570d 70%);box-shadow:inset 0 0 0 1px #ffc85744,0 0 20px #ffc85722}
.sh-step:nth-child(3n+2) i{background:radial-gradient(circle at 30% 25%,#6ff7d840,#6ff7d80d 70%);box-shadow:inset 0 0 0 1px #6ff7d844,0 0 20px #6ff7d822}
.sh-step:nth-child(3n) i{background:radial-gradient(circle at 30% 25%,#c291ff44,#c291ff10 70%);box-shadow:inset 0 0 0 1px #c291ff55,0 0 20px #c291ff26}
.sh-step>span{display:grid;gap:2px;min-width:0}.sh-step b{font-size:14.5px}.sh-step small{font-size:12px;color:#8fa6ae;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sh-step em{font-style:normal;color:#6ff7d8;opacity:.5;transition:opacity .2s,transform .2s}.sh-step:hover em{opacity:1;transform:translateX(3px)}
@media(max-width:700px){.sh-steps{grid-template-columns:1fr}.sh-fact b{max-width:180px}}
@media(prefers-reduced-motion:reduce){.sh-fact,.sh-step{animation:none}}

/* 02.11: the memory at the bottom of the home, and its one line on top for a person who comes back */
.sh-later+.sh-mem{margin-top:72px;padding-top:30px;border-top:1px solid #ffffff12}
.sh-later+.sh-mem .sh-hero h2{margin:10px 0 10px;font-size:clamp(26px,3.4vw,40px);line-height:1.08;letter-spacing:-.03em;color:#eef6f7}
.sh-later+.sh-mem .sh-hero h2 em{font-style:normal;color:#6ff7d8}
.sh-back{display:flex;gap:8px;align-items:stretch;max-width:1100px;margin:14px 0 2px}
.sh-back-go{flex:1;min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 8px 7px 7px;border:0;border-radius:16px;background:linear-gradient(135deg,#123631,#101f2a);box-shadow:inset 0 0 0 1px #2f5c54;color:#e9f5f2;text-align:left;cursor:pointer}
.sh-back-ph{width:48px;height:48px;border-radius:11px;background:#fff center/cover no-repeat;display:grid;place-items:center;color:#06231c;font-size:20px}
.sh-back-go span:nth-child(2){display:grid;gap:2px;min-width:0}
.sh-back-go small{font:700 9.5px "JetBrains Mono",ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#6ff7d8}
.sh-back-go b{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-back-go em{font-style:normal;font-weight:800;font-size:12.5px;padding:9px 12px;border-radius:11px;background:#6ff7d8;color:#04241d}
.sh-back-all{flex:0 0 auto;border:0;border-radius:16px;padding:0 14px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;color:#bfd6d2;font-weight:700;font-size:13px;cursor:pointer}
@media(max-width:760px){.sh-back{flex-direction:column}.sh-back-all{height:38px}.sh-back-go em{padding:8px 10px}}

/* start-first.css */
/* The first visit's home (start-first.js): numbers, turnkey and Market hits, videos by pressure, the AI, next steps, the company. */
.hf{--mint:#6ff7d8;--vio:#a68cff;--gold:#ffd27a;--line:#ffffff14;margin:56px 0 0;opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.hf.is-in{opacity:1;transform:none}
.hf-h{max-width:760px;margin-bottom:18px}
.hf-k{display:block;font:700 10px "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:#a99be6}
.hf-h h2{margin:8px 0 8px;font-size:clamp(24px,3.2vw,38px);line-height:1.08;letter-spacing:-.03em;color:#eef6f7}
.hf-line{margin:0;color:#9fb3b8;font-size:15.5px;line-height:1.55;max-width:680px}
.hf-more{margin-top:14px;border:0;border-radius:14px;padding:11px 16px;background:#6ff7d814;box-shadow:inset 0 0 0 1px #6ff7d844;color:#bff9ec;font-weight:800;font-size:14px;cursor:pointer;transition:background .2s,transform .2s}
.hf-more:hover{background:#6ff7d826;transform:translateX(3px)}

/* numbers */
.hf-trust{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 22px;max-width:1100px}
.hf-num{position:relative;padding:14px 16px;border-radius:18px;background:linear-gradient(160deg,#ffffff0a,#ffffff03);box-shadow:inset 0 0 0 1px #ffffff12;overflow:hidden;
  opacity:0;transform:translateY(12px);transition:opacity .6s calc(var(--k)*90ms) cubic-bezier(.16,1,.3,1),transform .6s calc(var(--k)*90ms) cubic-bezier(.16,1,.3,1)}
.hf-trust.is-in .hf-num{opacity:1;transform:none}
.hf-num::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#6ff7d8,transparent);transform:scaleX(0);transition:transform 1.2s calc(var(--k)*90ms + .3s) cubic-bezier(.16,1,.3,1)}
.hf-trust.is-in .hf-num::after{transform:scaleX(1)}
.hf-num b{display:block;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.hf-num span{display:block;margin-top:4px;color:#8fa6ab;font-size:12.5px;line-height:1.3}

/* product rails */
.hf-railwrap{position:relative}
.hf-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:none;overscroll-behavior-x:contain}.hf-rail::-webkit-scrollbar{display:none}
.hf-card{position:relative;flex:0 0 228px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;padding:8px 8px 12px;border:0;border-radius:22px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12;
  color:#e5eef0;text-align:left;cursor:pointer;transition:transform .35s cubic-bezier(.2,1.3,.3,1),box-shadow .25s}
.hf.is-in .hf-card,.hf.is-in .hf-tile{animation:hf-up .6s calc(var(--k)*60ms) backwards cubic-bezier(.16,1,.3,1)}
.hf .hf-card:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px #6ff7d855,0 18px 40px #0009}
.hf-card .hf-ph{position:relative;display:block;aspect-ratio:1/.86;border-radius:16px;overflow:hidden;background:#0b1418}
/* 04.11: the photo fills its frame (no white strips); on hover it leans in and the second photo fades over it */
.hf-ph .hf-img,.hf-ph .hf-alt{position:absolute;inset:0;background:center/cover no-repeat;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .45s}
.hf-ph .hf-alt{opacity:0}
.hf-card:hover .hf-img{transform:scale(1.07)}.hf-card:hover .hf-alt{opacity:1;transform:scale(1.03)}
.hf-card b{font-size:13.5px;line-height:1.3;padding:0 4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hf-meta{padding:0 4px;margin-top:auto}.hf-meta em{font-style:normal;font-weight:800;font-size:15px;color:var(--mint)}
.hf-badge{position:absolute;z-index:1;top:14px;left:14px;padding:5px 9px;border-radius:999px;background:#0b1216e6;box-shadow:0 0 0 1px #ffd27a55;color:var(--gold);font:700 11px/1 system-ui;font-style:normal;backdrop-filter:blur(6px)}
.hf-arrow{position:absolute;z-index:2;top:38%;width:42px;height:42px;border:0;border-radius:50%;background:#0d1519ee;box-shadow:inset 0 0 0 1px #ffffff22,0 10px 24px #0008;color:#e5eef0;font-size:18px;cursor:pointer;opacity:0;transition:opacity .2s}
.hf-arrow.is-l{left:-14px}.hf-arrow.is-r{right:-14px}.hf-railwrap:hover .hf-arrow{opacity:1}

/* videos */
.hf-tabs{position:relative;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:4px;margin-bottom:14px;border-radius:16px;background:#ffffff06;box-shadow:inset 0 0 0 1px #ffffff10;max-width:100%}.hf-tabs::-webkit-scrollbar{display:none}
.hf-tab{position:relative;z-index:1;flex:0 0 auto;border:0;border-radius:12px;padding:9px 14px;background:none;color:#9fb3b8;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap;transition:color .25s}
.hf-tab.is-on{color:#061014}
.hf-ink{position:absolute;top:4px;bottom:4px;left:4px;width:0;border-radius:12px;background:linear-gradient(90deg,#6ff7d8,#9ff);box-shadow:0 6px 18px #6ff7d844;transition:left .45s cubic-bezier(.2,1.2,.3,1),width .45s cubic-bezier(.2,1.2,.3,1)}
.hf-vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hf-vc{display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:none;color:#e5eef0;text-align:left;cursor:pointer;animation:hf-up .5s calc(var(--k)*50ms) both cubic-bezier(.16,1,.3,1)}
@keyframes hf-up{from{opacity:0;transform:translateY(12px)}}
.hf-vth{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;background:#0b1418 center/cover no-repeat;box-shadow:inset 0 0 0 1px #ffffff14;overflow:hidden;transition:transform .35s cubic-bezier(.2,1.3,.3,1)}
.hf-vth::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#000a)}
.hf-vc:hover .hf-vth{transform:scale(1.03)}
.hf-play{position:absolute;z-index:1;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#ffffffe6;box-shadow:0 8px 24px #0008;transition:transform .3s cubic-bezier(.2,1.3,.3,1)}
.hf-play::before{content:"";position:absolute;left:18px;top:14px;border-left:15px solid #061014;border-top:9px solid transparent;border-bottom:9px solid transparent}
.hf-play::after{content:"";position:absolute;inset:-6px;border-radius:50%;box-shadow:0 0 0 2px #ffffff88;opacity:0;transform:scale(.8)}
.hf-vc:hover .hf-play,.hf-star:hover .hf-play{transform:scale(1.1)}
.hf-vc:hover .hf-play::after,.hf-star:hover .hf-play::after{animation:hf-ring 1.2s infinite}
@keyframes hf-ring{0%{opacity:.9;transform:scale(.8)}100%{opacity:0;transform:scale(1.6)}}
.hf-short{position:absolute;z-index:1;top:8px;right:8px;padding:3px 7px;border-radius:8px;background:#ff3b5ccc;color:#fff;font:800 10px/1 system-ui;font-style:normal;letter-spacing:.04em}
.hf-vt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.3}
.hf-vt small{display:block;margin-top:4px;color:#8fa6ab;font-size:12px}

/* the AI */
.hf-ai-g{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:start}
.hf-can{list-style:none;margin:18px 0 10px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hf-can li{display:grid;grid-template-columns:34px 1fr;column-gap:10px;padding:12px;border-radius:16px;background:#ffffff07;box-shadow:inset 0 0 0 1px #ffffff10;opacity:0;transform:translateY(10px);transition:opacity .5s calc(var(--k)*90ms + .2s),transform .5s calc(var(--k)*90ms + .2s) cubic-bezier(.16,1,.3,1)}
.hf.is-in .hf-can li{opacity:1;transform:none}
.hf-can i{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#a68cff22;color:#d9d0ff;font-style:normal;font-size:16px}
.hf-can b{font-size:14px;color:#eef6f7}.hf-can span{font-size:12.5px;color:#8fa6ab;line-height:1.35}
.hf-note{margin:6px 0 0;color:#6f8489;font-size:12.5px}
.hf-src{list-style:none;margin:14px 0 4px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hf-src li{display:flex;align-items:baseline;gap:8px;padding:10px 12px;border-radius:14px;background:linear-gradient(160deg,#6ff7d80f,#ffffff04);box-shadow:inset 0 0 0 1px #6ff7d826;opacity:0;transform:translateY(8px);transition:opacity .5s calc(var(--k)*80ms + .1s),transform .5s calc(var(--k)*80ms + .1s) cubic-bezier(.16,1,.3,1)}
.hf.is-in .hf-src li{opacity:1;transform:none}
.hf-src b{flex:0 0 auto;font-size:19px;letter-spacing:-.02em;color:#6ff7d8;font-variant-numeric:tabular-nums}.hf-src span{font-size:12.5px;line-height:1.35;color:#a9bcc0}
.hf-line2{margin-top:10px;font-size:14.5px}
.hf-can .hf-me{grid-column:1/-1;grid-template-columns:34px 1fr auto;background:linear-gradient(120deg,#a68cff1f,#6ff7d814);box-shadow:inset 0 0 0 1px #a68cff55}
.hf-me i{background:#6ff7d822}.hf-me span{grid-column:2}
.hf-me-go{grid-column:3;grid-row:1/span 2;align-self:center;border:0;border-radius:12px;padding:10px 14px;background:linear-gradient(90deg,#6ff7d8,#9ff);color:#061014;font-weight:900;font-size:13px;cursor:pointer;white-space:nowrap}
.hf-screen{position:relative;padding:18px 18px 16px;border-radius:24px;background:radial-gradient(120% 140% at 0 0,#a68cff26,transparent 55%),radial-gradient(120% 140% at 100% 100%,#6ff7d81f,transparent 55%),#0a1216;box-shadow:inset 0 0 0 1px #ffffff18,0 24px 60px #0008;overflow:hidden}
.hf-screen::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a,0deg),transparent 0 70%,#6ff7d8 80%,#a68cff 90%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hf-spin 5s linear infinite;pointer-events:none}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes hf-spin{to{--a:360deg}}
.hf-typed{min-height:64px;margin:10px 0 14px;font-size:clamp(18px,1.8vw,22px);font-weight:700;line-height:1.3;color:#f2fbfc}
.hf-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-3px;background:var(--mint);animation:hf-blink 1s steps(1) infinite}
@keyframes hf-blink{50%{opacity:0}}
.hf-ask{border:0;border-radius:14px;padding:11px 16px;background:linear-gradient(90deg,#6ff7d8,#9ff);color:#061014;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 10px 24px #6ff7d833;transition:transform .2s}
.hf-ask:hover{transform:translateY(-2px)}
.hf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hf-chips button{border:0;border-radius:12px;padding:9px 12px;background:#a68cff1a;box-shadow:inset 0 0 0 1px #a68cff4d;color:#e2dbff;font-weight:700;font-size:13px;cursor:pointer;text-align:left;transition:background .2s,transform .2s}
.hf-chips button:hover{background:#a68cff33;transform:translateY(-2px)}
.hf-chips .hf-voice{background:#6ff7d814;box-shadow:inset 0 0 0 1px #6ff7d855;color:#bff9ec}

/* next */
.hf-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hf-tile{--x:50%;--y:50%;position:relative;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:16px;border:0;border-radius:22px;background:radial-gradient(260px circle at var(--x) var(--y),#6ff7d81c,transparent 60%),#ffffff07;
  box-shadow:inset 0 0 0 1px #ffffff12;color:#e5eef0;text-align:left;cursor:pointer;overflow:hidden;transition:transform .45s cubic-bezier(.2,1.3,.3,1),box-shadow .25s}
.hf .hf-tile:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #6ff7d855,0 18px 40px #0008}
.hf-ti{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border-radius:14px;background:linear-gradient(135deg,#6ff7d826,#a68cff26);box-shadow:inset 0 0 0 1px #ffffff1a;font-size:21px;transition:transform .4s cubic-bezier(.2,1.4,.3,1)}
.hf-tile:hover .hf-ti{transform:rotate(-8deg) scale(1.1)}
.hf-tile b{font-size:15.5px;color:#f2fbfc}.hf-tile small{color:#8fa6ab;font-size:12.5px;line-height:1.35}
.hf-tile em{position:absolute;right:16px;top:16px;font-style:normal;color:#6ff7d8;opacity:.5;transition:transform .3s,opacity .3s}.hf-tile:hover em{opacity:1;transform:translateX(4px)}

/* the company */
.hf-about-g{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:start}
.hf-about-t p{margin:0 0 12px;color:#c2d2d5;font-size:15.5px;line-height:1.6}
.hf-about-f{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:10px;margin:16px 0}
.hf-about-f div:first-child{background:linear-gradient(150deg,#6ff7d81f,#a68cff14);box-shadow:inset 0 0 0 1px #6ff7d855}.hf-about-f div:first-child b{color:#6ff7d8}
.hf-about-f div{flex:1;padding:12px 14px;border-radius:16px;background:#ffffff07;box-shadow:inset 0 0 0 1px #ffffff10}
.hf-about-f b{display:block;font-size:22px;color:#fff;letter-spacing:-.02em}.hf-about-f span{color:#8fa6ab;font-size:12.5px}
.hf-yt{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:#ff00331a;box-shadow:inset 0 0 0 1px #ff003355;color:#ffd6dd;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}
.hf-yt:hover{background:#ff003333;transform:translateX(3px)}
.hf-yt-ic{width:26px;height:18px;border-radius:5px;background:#ff0033;position:relative}.hf-yt-ic::after{content:"";position:absolute;left:10px;top:5px;border-left:8px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}
.hf-yt em{font-style:normal}
.hf-star{display:flex;flex-direction:column;gap:12px;padding:10px;border:0;border-radius:24px;background:#ffffff07;box-shadow:inset 0 0 0 1px #ffffff14;color:#e5eef0;text-align:left;cursor:pointer}
.hf-star .hf-vth{border-radius:18px}
.hf-star .hf-play{width:64px;height:64px;margin:-32px 0 0 -32px}.hf-star .hf-play::before{left:25px;top:19px;border-left-width:21px;border-top-width:13px;border-bottom-width:13px}
.hf-star-c{padding:0 6px 6px}.hf-star-c b{display:block;margin-top:6px;font-size:16px;line-height:1.3}

@media (max-width:1100px){.hf-trust{grid-template-columns:repeat(3,minmax(0,1fr))}.hf-vgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.hf-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.hf-ai-g,.hf-about-g{grid-template-columns:1fr}}
@media (max-width:640px){
  .hf{margin-top:40px}
  .hf-trust{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px -16px 18px;padding:0 16px}.hf-trust::-webkit-scrollbar{display:none}.hf-num{flex:0 0 40%;padding:12px}
  .hf-card{flex-basis:168px;border-radius:18px}.hf-card b{font-size:12.5px}.hf-arrow{display:none}
  .hf-vgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hf-vth{border-radius:12px}.hf-play{width:38px;height:38px;margin:-19px 0 0 -19px}.hf-play::before{left:15px;top:11px;border-left-width:12px;border-top-width:8px;border-bottom-width:8px}
  .hf-can{grid-template-columns:1fr}.hf-src{grid-template-columns:1fr}.hf-can .hf-me{grid-template-columns:34px 1fr}.hf-me-go{grid-column:1/-1;grid-row:auto;margin-top:8px}
  .hf-tiles{gap:8px}.hf-tile{min-height:132px;padding:12px;border-radius:18px}.hf-ti{width:38px;height:38px;font-size:18px}.hf-tile b{font-size:14px}
  .hf-about-f b{font-size:18px}.hf-about-f{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.hf,.hf-num,.hf-can li{opacity:1!important;transform:none!important;transition:none!important}.hf-vc,.hf .hf-card,.hf .hf-tile{animation:none!important}.hf-screen::before{animation:none}}

/* 02.11 — the top of the home: «Для чего вам мойка?», «Нужна запчасть?», a manager (start-first.js tasks/help) */
.hq{padding:18px 0 6px;max-width:1100px}
.hq-k{display:block;font:700 10px "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:#6ff7d8}
.hq h1{margin:10px 0 8px;font-size:clamp(32px,4.6vw,54px);line-height:1.03;letter-spacing:-.035em;color:#eef6f7;text-wrap:balance}
.hq h1 em,.hq-ph2 h2 em{font-style:normal;color:#6ff7d8}
.hq-lead{margin:0;color:#9fb3b8;font-size:15.5px;line-height:1.55;max-width:640px}
.hq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.hq-t{position:relative;display:block;height:clamp(150px,15vw,200px);border-radius:20px;overflow:hidden;background:#13272a;box-shadow:inset 0 0 0 1px #ffffff14;color:#fff;text-decoration:none;
  animation:hqIn .6s calc(var(--k)*55ms) cubic-bezier(.16,1,.3,1) backwards}
.hq-t .hq-ph{position:absolute;inset:0;background:#fff center/cover no-repeat;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.hq-t:hover .hq-ph{transform:scale(1.06)}
.hq-t .hq-tx{position:absolute;inset:auto 0 0;display:grid;gap:3px;padding:34px 12px 11px;background:linear-gradient(#06100f00,#06100fe8 58%)}
.hq-t b{font-size:15px;line-height:1.2;font-weight:800;text-wrap:balance}
.hq-t small{font-size:12px;color:#bfe9df}
.hq-t:focus-visible,.hq-p:focus-visible,.hq-quiz:focus-visible{outline:2px solid #6ff7d8;outline-offset:2px}
@keyframes hqIn{from{opacity:0;transform:translateY(14px)}}
.hq-quiz{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;margin-top:14px;padding:14px 14px 14px 18px;border:0;border-radius:18px;
  background:linear-gradient(135deg,#15403a,#152338);box-shadow:inset 0 0 0 1px #2f5c54;color:#e9f5f2;text-align:left;cursor:pointer}
.hq-quiz span{display:grid;gap:3px}.hq-quiz b{font-size:16px}.hq-quiz small{font-size:12.5px;color:#9fb3b8}
.hq-quiz i{font-style:normal;font-weight:800;font-size:13px;padding:11px 14px;border-radius:12px;background:#6ff7d8;color:#04241d}
.hq .hf-more{display:inline-block;text-decoration:none}
.hq-parts{margin-top:40px}
.hq-ph2 h2{margin:0 0 6px;font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;color:#eef6f7}
.hq-pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.hq-p{display:grid;grid-template-rows:auto 1fr;gap:0;padding:0;border:0;border-radius:18px;overflow:hidden;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12;color:#e9f5f2;text-align:left;cursor:pointer;
  animation:hqIn .6s calc(var(--k)*45ms) cubic-bezier(.16,1,.3,1) backwards;transition:transform .25s,box-shadow .25s}
.hq-p:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #6ff7d855}
.hq-p{isolation:isolate}.hq-p .hq-ph{height:130px;background:#0b1418 center/cover no-repeat;transition:transform .6s cubic-bezier(.16,1,.3,1)}.hq-p:hover .hq-ph{transform:scale(1.06)}
.hq-p .hq-tx{position:relative;z-index:1;display:grid;gap:3px;padding:10px 12px 12px;background:#0d1519}
.hq-p b{font-size:14px;line-height:1.25}.hq-p small{font-size:12px;color:#8fa6ab}
.hq .hf-trust{margin:34px 0 18px}
.hq-help{display:grid;gap:10px;max-width:560px}
.hq-hrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hq-hb{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border:0;border-radius:16px;background:#13272a;box-shadow:inset 0 0 0 1px #2f5c54;color:#dff7f1;font-weight:800;font-size:14px;cursor:pointer}
.hq-hb i{font-style:normal}.hq-hb.is-on{box-shadow:inset 0 0 0 1.5px #6ff7d8}
.hq-call{display:grid;gap:8px}
.hq-frow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.hq-call input[type=tel]{height:48px;padding:0 14px;border:0;border-radius:14px;background:#0f1d1f;box-shadow:inset 0 0 0 1px #2f5c54;color:#fff;font:inherit;font-size:16px}
.hq-send{border:0;border-radius:14px;padding:0 16px;background:#6ff7d8;color:#04241d;font-weight:800;cursor:pointer}
.hq-msg{margin:0;font-size:12.5px;color:#ffcf7a}.hq-msg:empty{display:none}
.hq-done{margin:0;padding:12px 14px;border-radius:14px;background:#6ff7d814;color:#bff9ec;font-weight:700}
@media(max-width:900px){.hq-grid,.hq-pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}
@media(max-width:760px){.hq{padding-top:8px}.hq-t{height:150px;border-radius:18px}.hq-t b{font-size:14px}.hq-p .hq-ph{height:112px}.hq-quiz i{padding:10px 11px}}
@media(prefers-reduced-motion:reduce){.hq-t,.hq-p{animation:none}.hq-t .hq-ph{transition:none}}

/* space-cart.css */
/* Smart cart with memory (space-cart.js), client space */
.sc-fab{position:fixed;z-index:230;right:max(18px,env(safe-area-inset-right));bottom:calc(108px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;border:0;border-radius:18px;padding:11px 14px;
  background:#0d1b24f0;color:#fff;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 1px #6ff7d855,0 14px 40px #000a,0 0 30px #6ff7d822;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .25s}
.sc-fab:hover{transform:translateY(-2px)}.sc-fab .sc-ic{font-size:18px}.sc-fab b{min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:grid;place-items:center;background:#ffffff1c;font-size:12px}
.sc-fab.has b{background:#6ff7d8;color:#06231c}.sc-fab i{font-style:normal;font-size:11px;color:#cdbfff}
body.vp-full-open .sc-fab{opacity:0;pointer-events:none}
.sc{position:fixed;inset:0;z-index:2147483600;display:flex;justify-content:flex-end;pointer-events:none}
.sc-veil{position:absolute;inset:0;background:#02060acc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .35s;pointer-events:auto}
.sc-pane{position:relative;width:min(460px,100vw);height:100%;overflow:auto;padding:calc(16px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));background:#0b151ef7;box-shadow:-30px 0 80px #000b,inset 1px 0 0 #ffffff14;
  transform:translateX(100%);transition:transform .45s cubic-bezier(.2,1,.3,1);pointer-events:auto;color:#eef6f4}
.sc.on .sc-veil{opacity:1}.sc.on .sc-pane{transform:none}
.sc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sc-head b{font-size:20px}
.sc-x{width:38px;height:38px;border:0;border-radius:50%;background:#ffffff14;color:#fff;cursor:pointer}
.sc-smart{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:linear-gradient(135deg,#1b1640,#0f2430);box-shadow:inset 0 0 0 1px #a68cff55;margin-bottom:14px}
.sc-orb{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#a68cff22;font-size:20px;box-shadow:0 0 24px #a68cff44}
.sc-smart small{display:block;font:700 9px "JetBrains Mono",monospace;letter-spacing:.14em;color:#cdbfff}.sc-smart b{display:block;margin:3px 0;font-size:15px}.sc-smart p{margin:0;color:#b9c8f0;font-size:13px}
.sc-lbl{display:block;font:700 10px "JetBrains Mono",monospace;letter-spacing:.14em;color:#7f969c;margin:14px 0 8px}
.sc-cl{display:grid;gap:8px}.sc-empty{color:#8da3a8;font-size:13px;margin:0}
.sc-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px;border-radius:14px;background:#ffffff07;animation:cp-in .4s both;animation-delay:calc(var(--k)*40ms)}
.sc-ph{display:block;width:56px;aspect-ratio:1;border-radius:11px;background:#fff center/contain no-repeat}
.sc-t b{display:block;font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-t em{font-style:normal;font-size:12px;font-weight:800;color:#6ff7d8}
.sc-q{display:flex;align-items:center;gap:6px}.sc-q button{width:28px;height:28px;border:0;border-radius:9px;background:#ffffff14;color:#fff;font-weight:800;cursor:pointer}.sc-q i{font-style:normal;min-width:18px;text-align:center;font-weight:800}
.sc-total{margin-top:10px;font-weight:800;text-align:right}
.sc-seen{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.sc-seen::-webkit-scrollbar{display:none}
.sc-seen button{flex:0 0 112px;display:flex;flex-direction:column;gap:4px;padding:5px;border:0;border-radius:12px;background:#ffffff08;color:#dfe9eb;text-align:left;cursor:pointer}
.sc-seen .sc-ph{width:100%}.sc-seen i{font-style:normal;font-size:11px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-seen em{font-style:normal;font-size:11px;color:#6ff7d8;font-weight:800}
.sc-form{display:grid;gap:8px;margin-top:6px}.sc-form input{border:0;border-radius:13px;padding:13px 14px;background:#071119;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1c;font:inherit;font-size:16px}
.sc-form input:focus{outline:0;box-shadow:inset 0 0 0 1.5px #6ff7d8}
.sc-go{border:0;border-radius:16px;padding:15px;font-weight:800;font-size:16px;background:linear-gradient(135deg,#6ff7d8,#2bd9b0);color:#06231c;cursor:pointer;box-shadow:0 0 30px #6ff7d844}
.sc-msg{margin:0;color:#ff9aa4;font-size:13px;min-height:16px}
.sc-ok{display:grid;justify-items:center;text-align:center;gap:10px;padding:60px 10px}
.sc-check{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:40px;font-weight:800;background:#6ff7d8;color:#06231c;box-shadow:0 0 60px #6ff7d899;animation:sc-pop .6s cubic-bezier(.2,1.5,.4,1)}
@keyframes sc-pop{from{transform:scale(0)}}
.sc-ok h3{margin:6px 0 0;font-size:22px}.sc-ok p{margin:0;color:#9fb3b8}
@media(max-width:760px){
  .sc-fab{bottom:calc(140px + env(safe-area-inset-bottom));right:12px;padding:10px 12px}.sc-fab i{display:none}
  .sc{align-items:flex-end}.sc-pane{width:100%;height:auto;max-height:92vh;border-radius:26px 26px 0 0;transform:translateY(100%)}
}
/* Product card for a client: buy bar at the bottom, service fields hidden, calm cards */
html.role-client .product-actions,html.role-client .product-evidence:not(.product-evidence-facets),html.role-client #detail-drawer .ai-box,.sc-hide{display:none!important}
html.role-client #detail-drawer .detail-grid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}
html.role-client #detail-drawer .detail-field{border:0;border-radius:14px;padding:11px 12px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12}
html.role-client #detail-drawer .detail-field small{font:700 9.5px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#7f969c;margin-bottom:5px}
html.role-client #detail-drawer .detail-field strong{font-size:13.5px;line-height:1.3}
html.role-client #detail-drawer .detail-section .detail-field{margin-bottom:6px}
/* An open product card owns the screen: the floating cart and the sign-in chip step aside (the buy bar has the cart) */
body:has(#detail-drawer.open) .sc-fab,body:has(#site-product-overlay) .sc-fab,body:has(#detail-drawer.open) .au-chip,body:has(#site-product-overlay) .au-chip,body.vp-full-open .au-chip{opacity:0;pointer-events:none;transform:scale(.9)}

/* Floating buy buttons: no strip across the screen, just two buttons over the card */
.sc-buy{position:absolute;z-index:8;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));display:flex;gap:8px;pointer-events:none;animation:sc-up .6s cubic-bezier(.16,1,.3,1) .25s both}
.site-product-drawer .sc-buy{position:sticky;float:right;margin:18px 0 0;bottom:calc(18px + env(safe-area-inset-bottom))}
@keyframes sc-up{from{transform:translateY(40px) scale(.9);opacity:0}}
.sc-buy button{pointer-events:auto;height:54px;border:0;border-radius:18px;font-family:inherit;font-weight:800;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .18s,box-shadow .25s,background .25s}
.sc-buy button:active{transform:scale(.94)}
.sc-bc{position:relative;padding:0 18px;background:#0e1a23e8;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px #ffffff26,0 14px 34px #000a}
.sc-bc:hover{box-shadow:inset 0 0 0 1px #6ff7d899,0 14px 34px #000a,0 0 24px #6ff7d833}
.sc-bc svg{width:20px;height:20px}
.sc-bc i{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:grid;place-items:center;background:#6ff7d8;color:#06231c;font:800 12px/1 Manrope,sans-serif;box-shadow:0 0 0 3px #0c1b25}
.sc-bo{padding:0 22px;background:linear-gradient(135deg,#8bffe3,#2bd9b0);color:#06231c;box-shadow:0 14px 34px #2bd9b055,0 0 0 1px #ffffff33 inset}
.sc-bo:hover{box-shadow:0 18px 40px #2bd9b077,0 0 0 1px #ffffff55 inset;transform:translateY(-2px)}
html.role-client #detail-drawer .drawer-body{padding-bottom:110px}
@media(max-width:760px){.sc-buy{left:14px;right:14px}.sc-buy button{flex:1;justify-content:center;height:56px}.sc-bc{flex:0 0 auto!important}.sc-bc span{display:none}.sc-bc{width:56px;padding:0}.site-product-drawer .sc-buy{float:none;left:auto;right:auto}}

/* Flying product, the cart catching it */
.sc-fly{position:fixed;z-index:2147483646;pointer-events:none;border-radius:22px;background:#fff center/cover no-repeat;box-shadow:0 0 0 3px #6ff7d8,0 20px 50px #000c,0 0 40px #6ff7d877;display:grid;place-items:center;font-size:28px;will-change:transform}
.sc-fly b{position:absolute;top:-8px;right:-8px;min-width:26px;height:26px;border-radius:13px;display:grid;place-items:center;background:#a68cff;color:#fff;font:800 13px Manrope,sans-serif}
.sc-ring{position:fixed;z-index:2147483646;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px #6ff7d8;animation:sc-ring .7s ease-out forwards}
@keyframes sc-ring{to{transform:scale(4.2);opacity:0}}
.sc-plus{position:fixed;z-index:2147483646;transform:translate(-50%,0);pointer-events:none;font:800 16px Manrope,sans-serif;color:#6ff7d8;text-shadow:0 0 14px #6ff7d8;animation:sc-plus .9s cubic-bezier(.2,1,.3,1) forwards}
@keyframes sc-plus{to{transform:translate(-50%,-42px);opacity:0}}

/* 🛒 badge on every product card */
.sc-add{position:absolute;z-index:6;top:10px;right:10px;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;cursor:pointer;color:#06231c;background:linear-gradient(135deg,#8bffe3,#2bd9b0);box-shadow:0 8px 20px #000a,0 0 0 1px #ffffff44 inset;transition:transform .2s,box-shadow .2s;animation:sc-badge .45s cubic-bezier(.2,1.4,.4,1) both}
.sc-add svg{width:20px;height:20px}
.sc-add:hover{transform:scale(1.1) rotate(-6deg);box-shadow:0 10px 26px #000a,0 0 24px #6ff7d877}
.sc-add.ok{background:#fff}
@keyframes sc-badge{from{transform:scale(0)}}
.product-card .sc-add{top:8px;right:8px}.bc-card .sc-add,.ct-mc .sc-add{width:36px;height:36px;border-radius:12px}
@media(max-width:760px){.sc-add{width:36px;height:36px;border-radius:12px}}

/* Phone field */
.sc-phone{font:700 20px/1 "JetBrains Mono",ui-monospace,monospace!important;letter-spacing:.04em;padding:16px!important;text-align:center}
.sc-go:disabled{opacity:.45;cursor:default;box-shadow:none}

/* Client: assembly card without service bits */
html.role-client .site-product-brief .site-product-link,html.role-client .spb-count,html.role-client .site-scenario-quick,html.role-client .site-related .quiet-note{display:none!important}

/* Client composition of an assembly (clientBom) */
.cb{position:relative;margin:26px 0;padding:22px;border-radius:26px;background:radial-gradient(120% 70% at 100% 0,#6ff7d812,transparent 55%),linear-gradient(160deg,#0f2129,#0b161e);box-shadow:inset 0 0 0 1px #6ff7d830,0 20px 60px #0006}
.cb-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cb-k{display:block;font:800 10.5px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.16em;color:#6ff7d8}
.cb-h h3{margin:4px 0 0;font-size:26px;letter-spacing:-.03em}
.cb-all{border:0;border-radius:16px;padding:12px 18px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;background:linear-gradient(135deg,#8bffe3,#2bd9b0);color:#06231c;box-shadow:0 10px 26px #2bd9b044;transition:transform .2s}
.cb-all:hover{transform:translateY(-2px)}
.cb-note{margin:8px 0 14px;color:#8fa6ae;font-size:13px}
.cb-list{display:grid;gap:6px}
.cb-row{display:grid;grid-template-columns:26px 30px minmax(0,1fr) auto 40px;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:16px;background:#ffffff05;box-shadow:inset 0 0 0 1px #ffffff0f;cursor:pointer;transition:background .25s,box-shadow .25s,transform .2s;animation:cb-in .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(min(var(--k),12)*40ms)}
@keyframes cb-in{from{opacity:0;transform:translateY(10px)}}
.cb-row:hover{background:#ffffff0a}
.cb-row.on{background:linear-gradient(135deg,#6ff7d81c,#6ff7d808);box-shadow:inset 0 0 0 1px #6ff7d877}
.cb-tick{width:24px;height:24px;border-radius:8px;box-shadow:inset 0 0 0 2px #ffffff40;display:grid;place-items:center;transition:background .2s,box-shadow .2s}
.cb-row.on .cb-tick{background:#6ff7d8;box-shadow:none}.cb-row.on .cb-tick:after{content:'✓';color:#06231c;font-weight:900;font-size:14px}
.cb-num{font:800 12px "JetBrains Mono",monospace;color:#6ff7d8aa}
.cb-main b{display:block;font-size:14.5px;line-height:1.3;color:#eef6f4}
.cb-meta{display:flex;align-items:center;gap:8px;margin-top:4px}
.cb-q{font-size:11.5px;padding:2px 8px;border-radius:8px;background:#ffffff0d;color:#a9bcc1}
.cb-open{border:0;background:none;padding:0;color:#6ff7d8;font-family:inherit;font-weight:700;font-size:12px;cursor:pointer}
.cb-price{font:800 14px "JetBrains Mono",monospace;color:#6ff7d8;white-space:nowrap}.cb-price.is-ask{font:600 12px Manrope,sans-serif;color:#8fa6ae}
.cb-one{width:40px;height:40px;border:0;border-radius:12px;background:#ffffff0d;cursor:pointer;font-size:17px;transition:background .2s,transform .2s}.cb-one:hover{background:#6ff7d82a;transform:scale(1.08)}
.cb-foot{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom));z-index:7;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 10px 10px 18px;border-radius:18px;background:#10302af0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #6ff7d866,0 16px 40px #000a;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s,transform .35s cubic-bezier(.2,1,.3,1)}
.cb-foot.on{opacity:1;transform:none;pointer-events:auto}
.cb-sum{display:grid}.cb-sum b{font-size:15px}.cb-sum small{font-size:12px;color:#a9d8c8}
.cb-add{border:0;border-radius:14px;padding:12px 20px;font-family:inherit;font-weight:800;cursor:pointer;background:#6ff7d8;color:#06231c}
@media(max-width:640px){.cb{padding:16px;border-radius:22px}.cb-h h3{font-size:22px}.cb-all{width:100%}.cb-row{grid-template-columns:24px minmax(0,1fr) 40px;gap:10px}.cb-num{display:none}.cb-price{grid-column:2;grid-row:2;justify-self:start;margin-top:-4px}.cb-one{grid-column:3;grid-row:1/3}}
/* the cart stays on top of an open product card (and steps above its buy buttons) */
body:has(#site-product-overlay) .sc-fab,body:has(.detail-drawer.open) .sc-fab,body:has(#market-component-overlay) .sc-fab{z-index:2147483645;bottom:calc(112px + env(safe-area-inset-bottom))}

/* The cart button: a drawn neon cart, no words (space-cart.js animates it) */
.sc-fab{gap:8px;padding:10px 13px 10px 11px;border-radius:20px}
.sc-cart{width:30px;height:28px;overflow:visible}
.sc-cart path,.sc-cart circle{fill:none;stroke:url(#scg);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sc-c-body,.sc-c-grid{stroke-dasharray:1}.sc-c-grid{stroke-width:1.4;opacity:.7}
.sc-c-w{stroke-dasharray:3 2;stroke:#6ff7d8!important}
.sc-c-box{fill:#6ff7d8;opacity:0;transform:translateY(4px);transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 4px #6ff7d8aa)}
.sc-fab.has .sc-cart{filter:drop-shadow(0 0 6px #6ff7d866)}
.sc-fab:hover .sc-c-all{transform:translateX(2px);transition:transform .3s cubic-bezier(.2,1.4,.4,1)}
/* over an open product card: up in the corner, above the card, never under its buy buttons */
body:has(#site-product-overlay) .sc-fab,body:has(.detail-drawer.open) .sc-fab,body:has(#detail-drawer.open) .sc-fab,body:has(#market-component-overlay) .sc-fab{opacity:1;pointer-events:auto;transform:none;z-index:2147483647!important;top:calc(18px + env(safe-area-inset-top));bottom:auto;right:max(18px,env(safe-area-inset-right))}
@media(max-width:760px){body:has(#site-product-overlay) .sc-fab,body:has(.detail-drawer.open) .sc-fab{top:calc(12px + env(safe-area-inset-top));right:70px;padding:7px 10px}}
/* the flying product photo and its neon trail */
.sc-fly-main,.sc-fly-trail{position:fixed;z-index:2147483647;pointer-events:none;background:#fff center/cover no-repeat;will-change:transform}
.sc-fly-main{box-shadow:0 0 0 2px #6ff7d8,0 18px 50px #000b,0 0 40px #6ff7d877}
.sc-fly-trail{box-shadow:0 0 30px #6ff7d8;filter:blur(3px) saturate(1.4)}

/* 29.10: the product card on a phone — one compact buy strip pressed to the bottom, the cart under the ✕,
   the ask line and the bottom menu step aside while the card is open (asking about the product lives inside the card) */
@media(max-width:760px){
  body:has(#site-product-overlay) #space-command,body:has(#detail-drawer.open) #space-command,
  body:has(#site-product-overlay) .mobile-nav,body:has(#detail-drawer.open) .mobile-nav{opacity:0;pointer-events:none;transform:translateY(24px);transition:opacity .2s,transform .2s}
  .sc-buy,.site-product-drawer .sc-buy{position:sticky;left:auto;right:auto;bottom:0;margin:0 -16px -32px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px;
    background:linear-gradient(180deg,#08121a00,#08121ae6 30%,#08121a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:sc-up .45s cubic-bezier(.16,1,.3,1) .15s both}
  #detail-drawer .sc-buy{margin:0;position:sticky}
  .sc-buy button{height:48px;border-radius:14px;font-size:14.5px}
  .sc-bc{width:48px;flex:0 0 48px!important}.sc-bc svg{width:19px;height:19px}
  .sc-bo{flex:1;box-shadow:0 8px 24px #2bd9b044,0 0 0 1px #ffffff33 inset}
  body:has(#site-product-overlay) .sc-fab,body:has(.detail-drawer.open) .sc-fab{top:calc(66px + env(safe-area-inset-top));right:14px;padding:6px 8px;gap:4px;border-radius:14px}
  body:has(#site-product-overlay) .sc-fab b,body:has(.detail-drawer.open) .sc-fab b{min-width:18px;height:18px;font-size:11px}
  body:has(#site-product-overlay) .sc-fab .sc-cart,body:has(.detail-drawer.open) .sc-fab .sc-cart{width:24px;height:22px}
}
/* the title keeps a free column on the right for ✕ and the cart under it — the cart never sits in the title */
@media(max-width:760px){#site-product-overlay .site-product-head{padding-right:78px}#detail-drawer.open #drawer-title{padding-right:78px}}
/* consent line under a phone field + the privacy sheet (start-consent.js) */
.spc{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:2px 0;color:#9fb6bc;font:500 12.5px/1.35 Manrope,sans-serif;cursor:pointer;position:relative}
.spc input{position:absolute;opacity:0;width:1px;height:1px}
.spc-box{flex:none;width:18px;height:18px;margin-right:4px;border-radius:6px;border:1.5px solid #6ff7d877;display:grid;place-items:center;transition:background .2s}
.spc input:checked+.spc-box{background:#6ff7d8;border-color:#6ff7d8}
.spc input:checked+.spc-box:after{content:'✓';color:#06231c;font:900 12px/1 Manrope,sans-serif}
.spc input:focus-visible+.spc-box{box-shadow:0 0 0 3px #6ff7d844}
.spc-link{border:0;background:none;padding:8px 0;min-height:32px;color:#6ff7d8;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.spp{position:fixed;inset:0;z-index:600;display:grid;place-items:end center;pointer-events:none}
.spp.on{pointer-events:auto}
.spp-veil{position:absolute;inset:0;background:#02070acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}
.spp.on .spp-veil{opacity:1}
.spp-card{position:relative;width:min(520px,100%);max-height:88vh;overflow:auto;padding:22px 18px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;
  background:linear-gradient(180deg,#0e2027,#081217);border:1px solid #6ff7d833;border-bottom:0;box-shadow:0 -24px 80px #000c;transform:translateY(100%);transition:transform .38s cubic-bezier(.16,1,.3,1)}
@media(min-width:761px){.spp{place-items:center}.spp-card{border-radius:24px;border-bottom:1px solid #6ff7d833;transform:translateY(30px);opacity:0;transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .3s}.spp.on .spp-card{opacity:1}}
.spp.on .spp-card{transform:none}
.spp-x{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:12px;border:1px solid #ffffff1c;background:#ffffff08;color:#cfe3e0}
.spp-eye{font:800 10px "JetBrains Mono",monospace;letter-spacing:.14em;color:#6ff7d8}
.spp-card h3{margin:6px 0 12px;font:800 21px Manrope,sans-serif;color:#fff}
.spp-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.spp-list li{display:flex;gap:12px;align-items:flex-start;animation:smn-in .45s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--k) * 50ms)}
.spp-ic{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#ffffff0a;font-size:16px}
.spp-list b{display:block;color:#eafff9;font-size:14.5px}.spp-list small{color:#9fb6bc;font-size:13px;line-height:1.45}
.spp-full{display:inline-block;margin:14px 0 4px;color:#6ff7d8;font-size:13px}
.spp-ok{display:block;width:100%;height:46px;margin-top:10px;border:0;border-radius:14px;background:linear-gradient(135deg,#6ff7d8,#47d6b4);color:#06231c;font:800 15px Manrope,sans-serif}
@keyframes smn-in{from{opacity:0;transform:translateY(10px) scale(.97)}}
/* Space Guard: the captcha card and the calm «limit» note (start-guard.js) */
.spg{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:#02070acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .25s}
.spg.on{opacity:1}
.spg-card{position:relative;width:min(400px,100%);padding:24px 20px 18px;border-radius:22px;border:1px solid #6ff7d855;background:linear-gradient(150deg,#0b2027,#111127);box-shadow:0 30px 90px #000c;color:#e9fffa;transform:translateY(12px);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.spg.on .spg-card{transform:none}
.spg-card h3{margin:6px 0 4px;font:800 22px Manrope,sans-serif}.spg-card p{margin:0 0 14px;color:#a9c4c7;font-size:14px;line-height:1.45}
.spg-eye{font:800 10px "JetBrains Mono",monospace;letter-spacing:.14em;color:#6ff7d8}
.spg-x{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:12px;border:1px solid #ffffff1c;background:#ffffff08;color:#cfe3e0}
.spg-slot{min-height:100px}
.spg-note{position:fixed;z-index:500;left:12px;right:12px;bottom:calc(140px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;display:flex;gap:10px;align-items:center;padding:12px 12px 12px 16px;border-radius:18px;
  background:#0d1d24f5;border:1px solid #ffd27a55;box-shadow:0 20px 60px #000b;color:#eafff9;transform:translateY(20px);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s}
.spg-note.on{transform:none;opacity:1}
.spg-note>div{flex:1;display:grid;gap:2px}.spg-note b{font-size:14.5px}.spg-note span{color:#b8cdd0;font-size:12.5px;line-height:1.4}
.spg-call{flex:none;height:40px;padding:0 12px;border:0;border-radius:12px;background:linear-gradient(135deg,#6ff7d8,#47d6b4);color:#06231c;font:800 13px Manrope,sans-serif}
.spg-nx{flex:none;width:34px;height:34px;border-radius:11px;border:1px solid #ffffff1c;background:#ffffff08;color:#cfe3e0}
.spg-over .spg-card{text-align:center;padding:30px 22px 20px;width:min(340px,100%)}
.spg-moon{display:block;font-style:normal;font-size:34px;color:#c3a9fd;margin-bottom:6px}
.spg-over p{margin:4px 0 18px}
.spg-ok{width:100%;height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,#6ff7d8,#47d6b4);color:#06231c;font:800 15px Manrope,sans-serif}
.spc-need .spc-box{border-color:#ff9c9c;box-shadow:0 0 0 3px #ff6b6b33;animation:spcShake .35s}
@keyframes spcShake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.au-card .spc{margin:4px 0 10px}
a.spc-link{display:inline-flex;align-items:center}
.spp-forget{margin-top:6px;min-height:40px;border:1px solid #ff9c9c55;border-radius:12px;background:#ff6b6b12;color:#ffc4c4;font:600 13px Manrope,sans-serif;cursor:pointer}
/* 04.11 PC: with the video player open the cart steps under the player's ✕ instead of covering it */
@media(min-width:761px){body.vp-full-open .sc-fab{top:calc(76px + env(safe-area-inset-top))!important}}

/* 10.11: in the washer constructor (full-screen game) the cart stays reachable — right under the constructor's ✕ */
body.builder-open .sc-fab{z-index:2147483645;top:calc(66px + env(safe-area-inset-top));bottom:auto;right:max(14px,env(safe-area-inset-right));opacity:1;pointer-events:auto}
@media(max-width:760px){body.builder-open .sc-fab{top:calc(62px + env(safe-area-inset-top));right:10px}}
body.builder-open:has(.sc.on) .sc-fab{opacity:0;pointer-events:none}  /* the open cart covers its own button */

/* start-pages.css */
/* The pages of 250bar.ru on the new site (start-pages.js) */
/* before the app is up, the server's page reads as a plain article (the same text people then see in the section intro) */
.seo-page{max-width:900px;margin:90px auto 40px;padding:0 20px;color:#e9f3f6;font:15px/1.6 Manrope,system-ui,sans-serif}
.seo-page h1{font-size:30px;line-height:1.15;margin:0 0 12px}.seo-page a{color:#6ff7d8}.seo-page table{border-collapse:collapse}.seo-page th,.seo-page td{padding:4px 10px;border-bottom:1px solid #ffffff14;text-align:left}
/* the client sees only what is open to him in the menu */
html.role-client #nav .nav-item:not(.client-open){display:none}
.sp-sub{display:grid;gap:1px;max-height:0;overflow:hidden;margin:0 0 0 18px;padding-left:12px;border-left:1px solid #6ff7d82a;transition:max-height .45s cubic-bezier(.16,1,.3,1)}
.sp-sub.open{max-height:2400px;margin-bottom:6px}
.sp-sub small{margin:8px 0 2px;font:800 9px "JetBrains Mono",monospace;letter-spacing:.14em;color:#6ff7d8;text-transform:uppercase}
.sp-link{border:0;background:none;color:#9fb6bc;text-align:left;font:600 13px Manrope,sans-serif;padding:5px 8px;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}
.sp-link:hover{background:#ffffff08;color:#fff}.sp-link.on{background:#6ff7d81a;color:#bfffee}
/* the section intro: the old page's H1 and description, now on top of the catalog */
.sp-intro{margin:0 0 16px;padding:18px 20px;border-radius:20px;background:linear-gradient(160deg,#0f2129,#0a141b);box-shadow:inset 0 0 0 1px #6ff7d826;animation:sp-in .5s cubic-bezier(.16,1,.3,1)}
@keyframes sp-in{from{opacity:0;transform:translateY(8px)}}
.sp-k{font:800 10px "JetBrains Mono",monospace;letter-spacing:.16em;color:#6ff7d8}
.sp-intro h1{overflow-wrap:break-word;hyphens:auto;margin:6px 0 6px;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.02em;line-height:1.15}.sp-intro p{margin:0;color:#b9cbd0;line-height:1.55;max-width:900px}
.sp-more{margin-top:10px}.sp-more summary{cursor:pointer;color:#6ff7d8;font-weight:700;font-size:13px}.sp-more ul{columns:2;margin:10px 0 0;padding-left:18px;font-size:13px}.sp-more a{color:#cfe}
.sp-about{margin:24px 0;padding:14px 18px;border-radius:16px;background:#ffffff05;box-shadow:inset 0 0 0 1px #ffffff10;color:#b9cbd0}
.sp-about h1{font-size:20px}.sp-about table{font-size:13px}
/* a text page (privacy, articles) over the home */
.seo-page.sp-article{position:fixed;inset:0;z-index:1500;max-width:none;margin:0;padding:80px max(20px,calc(50vw - 440px)) 120px;overflow:auto;background:#050c11}
.sp-x{position:fixed;top:16px;right:16px;width:44px;height:44px;border:0;border-radius:14px;background:#ffffff12;color:#fff;font-size:17px;cursor:pointer}
@media(max-width:760px){.sp-more ul{columns:1}.seo-page{margin-top:70px}}
/* on a site section the intro replaces the generic «Магазины» heading */
#kit-view:has(.sp-intro)>.page-head{display:none}
@media(max-width:760px){.sp-intro{padding:14px 16px}.sp-intro h1{font-size:22px}.sp-intro p{font-size:13.5px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}}
/* the server's page waits hidden (but in the HTML) until the app turns it into the intro — no plain-text flash on load */
html.sp-boot .seo-page:not(.sp-article){position:absolute!important;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* …and the app's own first screen (its home) waits too, so a section address opens straight on the section */
html.sp-boot .view{opacity:0}
/* «Назад · 1 · Далее» only when the list really has more pages */
#kit-view .pager:has(#kit-prev:disabled):has(#kit-next:disabled){display:none}
/* «Характеристика» means nothing to a visitor */
html.role-client .kf-sec:has(#kit-characteristic){display:none}

/* «Подробнее»: the section's text folds under its short lead (start-pages.js intro) */
.sp-text{margin-top:8px}.sp-text summary{list-style:none;display:inline-flex;align-items:center;gap:6px}.sp-text summary::-webkit-details-marker{display:none}
.sp-text summary::after{content:'⌄';transition:transform .25s}.sp-text[open] summary::after{transform:rotate(180deg)}
.sp-text>div{margin-top:8px;display:grid;gap:8px;max-width:900px;animation:sp-in .4s cubic-bezier(.16,1,.3,1)}.sp-text>div p{margin:0;color:#a9bcc2;font-size:14px;line-height:1.6;display:block;-webkit-line-clamp:unset}
/* The left menu (sections, «по сфере / по задаче / по давлению») is taller than the screen: it scrolls on its own, the page does not move */
@media(min-width:761px){.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6ff7d833 transparent}
  .sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#6ff7d833;border-radius:3px}}
/* The channels of 250BAR at the bottom of the client's left menu (app.py SOCIAL_HTML) */
.sc-row{display:grid!important;gap:9px;padding:14px 12px!important}
.sc-k{font:700 9.5px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.16em;color:#8be5cc}
.sc-icons{display:flex;gap:10px}
.sc-a{--c:#6ff7d8;position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#dff7f1;
  background:linear-gradient(150deg,#ffffff10,#ffffff03);box-shadow:inset 0 0 0 1px #ffffff1a;transition:transform .25s cubic-bezier(.2,1.3,.4,1),box-shadow .25s,color .25s,background .25s}
.sc-a svg{width:21px;height:21px;fill:currentColor}.sc-a .sc-in{fill:#0b111b}
.sc-a::after{content:'';position:absolute;inset:-1px;border-radius:15px;opacity:0;background:radial-gradient(60% 60% at 50% 100%,var(--c),transparent 70%);filter:blur(8px);transition:opacity .25s;z-index:-1}
.sc-a:hover,.sc-a:focus-visible{transform:translateY(-3px) scale(1.06);color:#fff;background:color-mix(in srgb,var(--c) 28%,#0b111b);box-shadow:inset 0 0 0 1px var(--c),0 10px 24px -8px var(--c)}
.sc-a:hover::after,.sc-a:focus-visible::after{opacity:.55}
.sc-youtube{--c:#ff3b3b}.sc-vk{--c:#2787f5}.sc-telegram{--c:#2aabee}.sc-max{--c:#8c6cff}
@media(prefers-reduced-motion:reduce){.sc-a{transition:none}}

/* Inner notes of the answer engine stay with the managers: the client does not see «Режиссура ответа» */
.role-client .bc-direction{display:none!important}
/* the quiet footer (start-pages.js) */
.sp-foot{display:grid;gap:6px;margin:40px 0 calc(120px + env(safe-area-inset-bottom));padding:16px 4px 0;border-top:1px solid #ffffff12;color:#6f8790;font:500 11.5px/1.5 Manrope,system-ui,sans-serif}
.sp-foot nav{display:flex;flex-wrap:wrap;gap:4px 14px}.sp-foot a{color:#9fc7c0;text-decoration:none}.sp-foot a:hover{color:#6ff7d8;text-decoration:underline}
.sp-foot small{font-size:11px;color:#5d747c}
.seo-page.sp-article h2{margin:26px 0 6px;font-size:18px}.seo-page.sp-article p{color:#b9cbd0;line-height:1.65;max-width:760px}

/* «Подробнее»: the master's answers and the videos of the section (the same as in the page's markup) */
.sp-faq,.sp-vids{display:grid;gap:6px;margin-top:6px}.sp-faq h3,.sp-vids h3{margin:6px 0 2px;font-size:14px;color:#c3a9fd;letter-spacing:.02em}
.sp-faq-i{border-radius:12px;background:#ffffff08;padding:8px 12px}.sp-faq-i summary{cursor:pointer;color:#e6f6f2;font-weight:600;font-size:13.5px}.sp-faq-i p{margin:6px 0 2px}
.sp-vrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.sp-v{display:grid;gap:6px;padding:0;border:0;background:none;color:#cfe6e1;text-align:left;cursor:pointer;font:500 12.5px/1.35 Manrope,system-ui,sans-serif}
.sp-v img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#0b161e;transition:transform .25s}.sp-v:hover img{transform:scale(1.03)}
/* the client's brand «250BAR.RU · МАРКЕТ ВЫСОКОГО ДАВЛЕНИЯ» fits the 228px menu; the menu starts where the workspace label was */
.role-client .brand strong{font-size:18px;letter-spacing:.06em}
.role-client .brand small{font-size:8.5px;letter-spacing:.12em;line-height:1.3;white-space:normal}
.role-client .sidebar .nav{margin-top:44px}
/* the buyer sees the assembly's parts, not the work notes about them (bar-canvas-variants «Состав 1С») and no player buttons */
.role-client .bc-parts>.bc-head,.role-client .bc-parts .bcv-sum,.role-client .bc-parts .bcv-tabs{display:none!important}
.role-client .bc-pbtn{display:none!important}
/* four networks (Max added 10.11.2026) fit the narrow sidebar */
.sc-icons{display:grid;grid-template-columns:repeat(4,minmax(0,40px));gap:7px}
.sc-icons .sc-a{width:100%;max-width:40px;aspect-ratio:1;height:auto;border-radius:13px}
.sc-icons .sc-a svg{width:20px;height:20px}

/* start-mini.css */
/* «Минимализм» — the phone version of the client site: one thin top line, the question line with voice and send only,
   four buttons below (Подбор · Каталог · Видео · Корзина), the cart lives in that menu instead of floating over the content.
   On while html.sp-mini (start-mini.js): ?mini=1 turns it on for this browser, ?mini=0 off. */
@media(max-width:760px){
  html.sp-mini .topbar{height:50px;padding-top:0;padding-bottom:0}
  /* 02.11: back / forward on the left, the logo in the middle, «Войти» as an icon next to the dock */
  html.sp-mini .topbar .sp-nav{position:absolute;left:10px;top:50%;translate:0 -50%;margin:0}
  html.sp-mini .topbar .mobile-brand{position:absolute;left:50%;top:50%;translate:-50% -50%;width:auto;flex:none;padding:0!important;font-size:11.5px;letter-spacing:.1em;overflow:visible}
  html.sp-mini .au-chip{width:38px;padding:0!important;justify-content:center}
  html.sp-mini .au-chip span{display:none}
  html.sp-mini body:not(.builder-open):not(:has(#site-product-overlay)):not(:has(#detail-drawer.open)) .sc-fab{display:none!important}  /* in a card it stays, under the ✕ */

  /* the question line: field, photo, voice, send — nothing else */
  html.sp-mini #space-command{left:10px;right:10px;bottom:calc(64px + env(safe-area-inset-bottom));height:50px;padding:5px 5px 5px 14px;border-radius:18px;gap:6px}
  html.sp-mini #space-command .command-spark{display:none}
  html.sp-mini #space-command .pilot-pill,html.sp-mini #space-command .command-live-label{display:none!important}
  html.sp-mini #command-image{width:40px;height:40px;min-width:40px;padding:0;border-radius:13px;flex:none;display:grid;place-items:center}  /* a photo of the part: «найди такое» */
  html.sp-mini #command-input{font-size:16px;min-width:0;flex:1}
  html.sp-mini #command-mic,html.sp-mini #command-submit{width:40px;height:40px;min-width:40px;padding:0;border-radius:13px;flex:none}
  html.sp-mini #command-mic{gap:0}

  /* five buttons below: Главная · Сборки · Маркет · Видео · Корзина */
  html.sp-mini .mobile-nav{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr)!important;
    background:#070f15f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #ffffff10}
  html.sp-mini .mobile-nav button[data-view="feed"],html.sp-mini .mobile-nav button[data-view="opt"]{display:none!important}
  html.sp-mini .mobile-nav button{font-size:19px;gap:3px;position:relative;color:#7f979e;transition:color .2s}
  html.sp-mini .mobile-nav button svg{transition:transform .3s cubic-bezier(.2,1.5,.4,1)}
  html.sp-mini .mobile-nav button.active{color:#6ff7d8}
  html.sp-mini.sp-in-market .mobile-nav .sp-mini-kits.active{color:#7f979e}html.sp-mini.sp-in-market .mobile-nav .sp-mini-kits.active svg{transform:none;filter:none}html.sp-mini.sp-in-market .mobile-nav .sp-mini-kits.active:after{display:none}
  html.sp-mini .mobile-nav button.active svg{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 0 8px #6ff7d877)}
  html.sp-mini .mobile-nav button.active:after{content:'';position:absolute;top:0;left:30%;right:30%;height:2px;border-radius:2px;background:#6ff7d8;box-shadow:0 0 10px #6ff7d8}
  html.sp-mini .mobile-nav [data-view="home"]{order:1}html.sp-mini .mobile-nav .sp-mini-kits{order:2}html.sp-mini .mobile-nav .sp-mini-shop{order:3}
  html.sp-mini .mobile-nav [data-view="video"]{order:4}html.sp-mini .mobile-nav .sp-mem{order:5}
  /* 01.11: the cart is not a sixth tab (it wrapped below the screen) — a round button in the right corner above the ask line */
  html.sp-mini .mobile-nav .sp-mini-cart{position:absolute;right:12px;bottom:calc(100% + 64px);width:52px;height:52px;padding:0;border-radius:18px;display:grid;place-items:center;
    background:#0b1720f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #6ff7d855,0 10px 26px #0009;color:#6ff7d8;transition:opacity .2s,transform .2s}
  html.sp-mini .mobile-nav .sp-mini-cart span{display:none}
  html.sp-mini .mobile-nav .sp-mini-cart svg{width:24px;height:24px}
  html.sp-mini .mobile-nav .sp-mini-cart b{top:-5px!important;left:auto!important;right:-5px}
  body.vp-full-open .mobile-nav .sp-mini-cart,body.smn-open .mobile-nav .sp-mini-cart,body.sh-diving .mobile-nav .sp-mini-cart{opacity:0;pointer-events:none}
  html.sp-mini .mobile-nav button span{font-size:10.5px;letter-spacing:.01em}
  html.sp-mini .mobile-nav .sp-mini-cart b{position:absolute;top:5px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 5px;border-radius:9px;display:grid;place-items:center;
    background:#6ff7d8;color:#06231c;font:800 10.5px/1 Manrope,sans-serif}
  html.sp-mini .mobile-nav .sp-mini-cart b:empty{display:none}
  html.sp-mini .mobile-nav .sp-mini-cart.bump b{animation:sp-mini-bump .5s cubic-bezier(.2,1.6,.4,1)}
  @keyframes sp-mini-bump{40%{transform:scale(1.45)}}

  /* top row: the dock (voice · manager · «дальше») in one line, «Войти» left of it — measured in start-mini.js */
  html.sp-mini .top-dock,html.sp-mini .cd-scrolled .top-dock{top:calc(env(safe-area-inset-top) + 6px)!important;right:10px!important;gap:6px!important;flex-direction:row!important;align-items:center!important}
  html.sp-mini .top-dock #command-voice,html.sp-mini .top-dock #command-call{width:38px!important;height:38px!important;border-radius:12px!important}
  html.sp-mini .au-chip{top:calc(env(safe-area-inset-top) + 6px)!important;right:calc(var(--dock-w,90px) + 18px)!important;height:38px!important;padding:0 12px!important;border-radius:12px!important;transition:right .3s cubic-bezier(.16,1,.3,1)}
  html.sp-mini .au-chip.sp-tight{width:38px;padding:0!important;justify-content:center}
  html.sp-mini .au-chip.sp-tight span{display:none}

  /* the catalog sheet */
  .smn{position:fixed;inset:0;z-index:400;pointer-events:none}
  .smn.on{pointer-events:auto}
  .smn-veil{position:absolute;inset:0;background:#02070acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s}
  .smn.on .smn-veil{opacity:1}
  .smn-pane{position:absolute;left:0;right:0;bottom:0;max-height:86vh;display:flex;flex-direction:column;border-radius:26px 26px 0 0;
    background:linear-gradient(180deg,#0d1d24,#081217 40%);border-top:1px solid #6ff7d833;box-shadow:0 -30px 80px #000c;
    padding:0 0 calc(12px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .42s cubic-bezier(.16,1,.3,1)}
  .smn.on .smn-pane{transform:none}
  .smn-grip{display:grid;place-items:center;height:20px;touch-action:none}.smn-grip i{width:42px;height:4px;border-radius:3px;background:#ffffff2e}
  .smn-head{display:flex;gap:10px;align-items:center;padding:0 14px 10px;touch-action:none}
  .smn-tabs{--x:0;position:relative;flex:1;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff12}
  .smn-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:12px;background:linear-gradient(135deg,#1b4a43,#1f2b4a);box-shadow:0 0 0 1px #6ff7d855,0 6px 20px #6ff7d822;
    transform:translateX(calc(var(--x) * 100%));transition:transform .4s cubic-bezier(.2,1.2,.3,1)}
  .smn-tab{position:relative;z-index:1;display:grid;gap:1px;padding:8px 6px;border:0;background:none;color:#8aa3aa;text-align:center;cursor:pointer}
  .smn-tab b{font:800 15px Manrope,sans-serif}.smn-tab small{font:600 10.5px Manrope,sans-serif;opacity:.75}
  .smn-tab.on{color:#e9fffa}.smn-tab.on small{color:#9fe9d5}
  .smn-x{width:40px;height:40px;flex:none;border:1px solid #ffffff1c;border-radius:13px;background:#ffffff08;color:#cfe3e0;font-size:15px}
  .smn-find{display:flex;align-items:center;gap:8px;margin:0 14px 8px;padding:0 12px;height:42px;border-radius:13px;background:#ffffff08;border:1px solid #ffffff12}
  .smn-find i{font-style:normal;color:#6ff7d8;font-size:18px}
  .smn-find input{flex:1;min-width:0;border:0;background:none;color:#fff;font:500 16px Manrope,sans-serif;outline:none}
  .smn-body{overflow:auto;overscroll-behavior:contain;padding:4px 14px 10px;-webkit-overflow-scrolling:touch}
  .smn-hero{width:100%;display:flex;align-items:center;gap:12px;padding:14px;margin:0 0 6px;border-radius:18px;border:1px solid #6ff7d844;
    background:radial-gradient(120% 140% at 0 0,#1d5b50 0,#10272c 55%,#0d1b22 100%);color:#eafff9;text-align:left;cursor:pointer}
  .smn-hero svg{flex:none;width:40px;height:40px;padding:8px;border-radius:12px;background:#6ff7d81f;color:#6ff7d8}
  .smn-hero span{flex:1;display:grid;gap:2px}.smn-hero b{font:800 16px Manrope,sans-serif}.smn-hero small{font:500 12px/1.35 Manrope,sans-serif;color:#a6c9c2}
  .smn-hero em{font-style:normal;color:#6ff7d8;font-size:20px}
  .smn-group{margin-top:12px}
  .smn-group h4{margin:0 0 7px;font:800 10px "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#6ff7d8}
  .smn-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .smn-grid.is-bars{grid-template-columns:repeat(4,1fr)}
  .smn-tile{display:flex;align-items:center;gap:8px;min-height:48px;padding:9px 11px;border-radius:14px;border:1px solid #ffffff14;background:#ffffff07;
    color:#dcebe8;font:650 13px/1.25 Manrope,sans-serif;text-align:left;cursor:pointer;animation:smn-in .45s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--k) * 18ms)}
  .smn-tile:active{transform:scale(.96);background:#6ff7d81a}
  .smn-tile.on{border-color:#6ff7d877;background:#6ff7d814;color:#bfffee}
  .smn-ic{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#ffffff0c;font-style:normal;font-size:14px;color:#c3a9fd}
  .smn-tile.is-bar{flex-direction:column;justify-content:center;gap:0;text-align:center;min-height:58px;padding:8px 4px}
  .smn-big{font:800 20px/1 Manrope,sans-serif;background:linear-gradient(135deg,#6ff7d8,#c3a9fd);-webkit-background-clip:text;background-clip:text;color:transparent}
  .smn-tile.is-bar span{font-size:10.5px;color:#8fa9ae}
  .smn-empty{color:#8fa9ae;font-size:14px;padding:20px 4px}
  .smn-tile[hidden],.smn-group[hidden]{display:none}
  @keyframes smn-in{from{opacity:0;transform:translateY(10px) scale(.97)}}
  body.smn-open #space-command{opacity:0;pointer-events:none}

  /* the answer: less frame, more text */
  html.sp-mini .view{padding-left:12px;padding-right:12px;padding-bottom:calc(140px + env(safe-area-inset-bottom))}
  html.sp-mini .view h1{font-size:30px;line-height:1.08}
}

/* start-memory.css */
/* «Память» of the client site (start-memory.js): a full-height sheet with a day-by-day timeline */
.mem{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:end center;pointer-events:none}
.mem-veil{position:absolute;inset:0;background:#02070bcc;backdrop-filter:blur(8px);opacity:0;transition:opacity .35s;pointer-events:auto}
.mem-sheet{position:relative;width:min(760px,100%);height:min(92vh,980px);display:grid;grid-template-rows:auto auto auto auto 1fr auto;gap:12px;padding:22px 22px 16px;
  border-radius:28px 28px 0 0;background:radial-gradient(900px 300px at 0 0,#6ff7d81c,transparent 70%),radial-gradient(700px 260px at 100% 0,#c3a9fd1f,transparent 70%),#081218;
  box-shadow:0 -20px 60px #000a,inset 0 0 0 1px #6ff7d833;color:#e9f6f3;pointer-events:auto;transform:translateY(40px);opacity:0;transition:transform .45s cubic-bezier(.2,1.1,.3,1),opacity .35s}
.mem.on .mem-veil{opacity:1}.mem.on .mem-sheet{transform:none;opacity:1}
@media(min-width:900px){.mem{place-items:center}.mem-sheet{border-radius:28px;height:min(86vh,900px)}}
.mem-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:13px;background:#ffffff10;color:#fff;font-size:16px;cursor:pointer}
.mem-eye{font:700 10px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.16em;color:#8be5cc}.mem-head h2{margin:4px 0 0;font-size:clamp(22px,3vw,30px);letter-spacing:-.02em}
.mem-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mem-stat{display:grid;gap:2px;padding:10px 12px;border-radius:16px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff10}.mem-stat b{font-size:22px;color:#6ff7d8}.mem-stat span{font-size:11.5px;color:#93aab0}
.mem-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.mem-tab{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:0;border-radius:12px;background:#ffffff0a;color:#cfe3df;font:600 13px Manrope,system-ui,sans-serif;cursor:pointer;transition:background .2s}
.mem-tab i{font-style:normal}.mem-tab small{color:#7f979e}.mem-tab.is-on{background:linear-gradient(135deg,#6ff7d8,#c3a9fd);color:#04130f}.mem-tab.is-on small{color:#04130fb0}
.mem-find{height:42px;padding:0 14px;border:0;border-radius:14px;background:#ffffff0c;color:#fff;font:500 14px Manrope,system-ui,sans-serif;box-shadow:inset 0 0 0 1px #ffffff14}
.mem-find:focus{outline:none;box-shadow:inset 0 0 0 1px #6ff7d8aa}
.mem-list{overflow-y:auto;overscroll-behavior:contain;display:grid;align-content:start;gap:6px;padding-right:2px;scrollbar-width:thin}
.mem-day{position:sticky;top:0;z-index:1;margin:10px 0 2px;padding:6px 0;background:#081218;font:700 11px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;color:#c3a9fd;text-transform:uppercase}
.mem-it{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:8px 10px;border:0;border-radius:16px;background:#ffffff06;color:inherit;text-align:left;cursor:pointer;
  font:inherit;transition:background .2s,transform .2s;animation:memIn .45s cubic-bezier(.2,1,.3,1) backwards;animation-delay:calc(var(--k)*30ms)}
.mem-it:hover{background:#6ff7d812;transform:translateX(2px)}
@keyframes memIn{from{opacity:0;transform:translateY(8px)}}
.mem-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#13262b;overflow:hidden;font-size:18px;color:#6ff7d8}.mem-ic img{width:100%;height:100%;object-fit:cover}
.is-voice .mem-ic{background:linear-gradient(135deg,#2a2152,#173c35)}.is-cart .mem-ic{background:#2a2316}
.mem-tx{display:grid;gap:3px;min-width:0}.mem-tx b{font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mem-tx small{color:#93aab0;font-size:12px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mem-meta{display:grid;justify-items:end;gap:2px}.mem-meta em{font-style:normal;font:700 9.5px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;color:#8be5cc;text-transform:uppercase}.mem-meta time{font-size:11px;color:#7f979e}
.mem-empty{margin:30px 0;text-align:center;color:#93aab0}
.mem-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid #ffffff10}.mem-foot small{color:#7f979e;font-size:11.5px}
.mem-forget{flex:none;height:36px;padding:0 14px;border:1px solid #ff9c9c55;border-radius:12px;background:#ff6b6b12;color:#ffc4c4;font:600 12.5px Manrope,sans-serif;cursor:pointer}
@media(max-width:600px){.mem-sheet{padding:18px 14px calc(12px + env(safe-area-inset-bottom))}.mem-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mem-foot{flex-direction:column;align-items:stretch}.mem-it{grid-template-columns:42px minmax(0,1fr) auto}.mem-ic{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.mem-it{animation:none}.mem-sheet{transition:none}}
body.mem-open{overflow:hidden}
/* «С возвращением» (start-memory.js) */
.mem-greet{position:fixed;z-index:2147483500;left:50%;bottom:calc(112px + env(safe-area-inset-bottom));width:min(560px,calc(100vw - 24px));padding:14px 16px;border-radius:20px;
  background:linear-gradient(150deg,#0d1d24f7,#141a2cf7);box-shadow:0 18px 50px #000b,inset 0 0 0 1px #6ff7d855;color:#eaf6f3;transform:translate(-50%,24px);opacity:0;transition:transform .45s cubic-bezier(.2,1.2,.3,1),opacity .3s}
.mem-greet.on{transform:translate(-50%,0);opacity:1}
.mem-greet small{font:700 10px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;color:#8be5cc}.mem-greet p{margin:6px 30px 10px 0;font-size:15px;line-height:1.45}
.mem-gx{position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;border-radius:10px;background:#ffffff10;color:#fff;cursor:pointer}
.mem-gr{display:flex;flex-wrap:wrap;gap:8px}.mem-gr button{height:38px;padding:0 14px;border:0;border-radius:12px;font:700 13px Manrope,system-ui,sans-serif;cursor:pointer}
.mem-g1{background:linear-gradient(135deg,#6ff7d8,#c3a9fd);color:#04130f}.mem-g2{background:#ffffff12;color:#e6f4f1}

/* start-jivo.css */
/* 02.11 — cart in the top-right dock, manager in the microphone menu, Jivo chat where the cart was (start-jivo.js) */
html.jv-on .top-dock #command-call{display:none!important}
html.jv-on body:not(.builder-open):not(:has(#site-product-overlay)):not(:has(#detail-drawer.open)):not(:has(.detail-drawer.open)):not(:has(#market-component-overlay)) .sc-fab{display:none!important}  /* in a card it stays, under the ✕ */
html.jv-on .mobile-nav .sp-mini-cart{display:none!important}

/* the cart in the dock — the size of its neighbours; last in the DOM, shown in the manager's place */
html.jv-on .top-dock .td-cart{order:1}html.jv-on .top-dock .cd-mini{order:2}
.top-dock .td-cart{position:relative;width:56px;height:52px;display:grid;place-items:center;padding:0;border:1px solid #4f7f74;border-radius:15px;background:linear-gradient(135deg,#0f2a2a,#122436);color:#6ff7d8;box-shadow:0 8px 30px #0008;cursor:pointer;transition:transform .25s,box-shadow .25s}
.top-dock .td-cart:hover{transform:translateY(-2px);box-shadow:0 0 22px #69e7be44,0 8px 30px #0008}
.top-dock .td-cart svg{width:24px;height:24px}
.top-dock .td-cart.has svg{filter:drop-shadow(0 0 6px #6ff7d866)}
.top-dock .td-cart b{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:grid;place-items:center;background:#6ff7d8;color:#06231c;font-size:11.5px;font-weight:800;box-shadow:0 0 0 2px #0b1418}
.top-dock .td-cart b:empty{display:none}
.top-dock .td-cart.bump b{animation:tdBump .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes tdBump{40%{transform:scale(1.45)}}
@media(max-width:1050px){.top-dock .td-cart{width:46px;height:46px;border-radius:14px}}
@media(max-width:760px){.top-dock .td-cart{width:38px!important;height:38px!important;border-radius:12px}.top-dock .td-cart svg{width:21px;height:21px}.top-dock .td-cart b{top:-5px;right:-5px;min-width:17px;height:17px;font-size:10.5px}}

/* 10.11 (owner): one «Связаться» button + sheet (start-jivo.js). Jivo's own round buttons are hidden — they covered cards and text,
   showed two handsets and a red «1»; the widget itself works (chat window, callback window, the phone safety net). */
html.jv-on jdiv[class*="wrap__"][class*="_orientation"],html.jv-on jdiv[class*="__powerBtn"]{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
.ct-fab{--s:56px;position:fixed;z-index:1900;right:23px;bottom:96px;width:var(--s);height:var(--s);padding:0;border-radius:50%;border:1px solid #7df3d266;cursor:pointer;
  display:grid;place-items:center;color:#06231c;background:radial-gradient(circle at 30% 25%,#b6ffe6,#5fe9c0 55%,#2fb894);
  box-shadow:0 10px 28px #000a,0 0 0 0 #6ff7d855,inset 0 1px 0 #ffffff88;-webkit-tap-highlight-color:transparent;
  opacity:0;transform:translateY(14px) scale(.8);transition:opacity .35s,transform .45s cubic-bezier(.2,1.4,.4,1),box-shadow .3s}
.ct-fab.in{opacity:1;transform:none}
.ct-fab:hover{box-shadow:0 12px 34px #000a,0 0 0 8px #6ff7d81f,inset 0 1px 0 #ffffff88}
.ct-fab:active{transform:scale(.92)}
.ct-fab .ct-ic{display:grid;place-items:center;transition:transform .4s cubic-bezier(.2,1.4,.4,1)}
.ct-fab svg{width:26px;height:26px;fill:currentColor}
.ct-fab:before{content:'';position:absolute;inset:-1px;border-radius:50%;border:1.5px solid #6ff7d8;opacity:0;animation:ctPulse 3.6s ease-out 2s 3}
@keyframes ctPulse{0%{opacity:.7;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.55)}}
.ct-dot{position:absolute;top:1px;right:1px;width:13px;height:13px;border-radius:50%;background:#ff5d6c;box-shadow:0 0 0 2.5px #0b1418;transform:scale(0);transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.ct-fab.has-new .ct-dot{transform:scale(1)}
.ct-fab.is-scroll{opacity:.45;transform:scale(.82)}
html.ct-open .ct-fab{opacity:0;transform:scale(.6);pointer-events:none}
/* out of the way while a card, the player, the builder, the cart, the photo window or the Jivo chat is open */
html.jv-open .ct-fab,html.pa-lock .ct-fab,body.vp-full-open .ct-fab,body.vp-immersive .ct-fab,body.builder-open .ct-fab,body.ck-open .ct-fab,body:has(#site-product-overlay) .ct-fab,body:has(#detail-drawer.open) .ct-fab,
body:has(#market-component-overlay) .ct-fab,body:has(.sc.on) .ct-fab,body:has(.smn.on) .ct-fab,body:has(.bc-cover) .ct-fab{opacity:0!important;transform:scale(.6)!important;pointer-events:none!important}
.ct-veil-root{position:fixed;inset:0;z-index:2147483640;pointer-events:none}
.ct-veil{position:absolute;inset:0;background:#02060a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .32s;pointer-events:auto}
.ct-card{position:absolute;right:23px;bottom:96px;width:420px;max-width:calc(100vw - 24px);padding:16px 16px 18px;border-radius:24px;color:#eef6f4;pointer-events:auto;
  background:radial-gradient(circle at 92% 0%,#2b6d5a55,transparent 46%),linear-gradient(160deg,#14272b,#0c1620);border:1px solid #3f6f63;box-shadow:0 30px 90px #000c,0 0 50px #2caa8226;
  opacity:0;transform:translateY(16px) scale(.94);transform-origin:100% 100%;transition:opacity .28s,transform .42s cubic-bezier(.2,1.25,.3,1)}
.ct-veil-root.on .ct-veil{opacity:1}.ct-veil-root.on .ct-card{opacity:1;transform:none}
.ct-grab{display:none}
.ct-head{position:relative;display:grid;gap:3px;padding:2px 40px 12px 4px}
.ct-head b{font-size:19px;letter-spacing:-.02em}.ct-head small{font-size:12.5px;color:#9fb8b2}
.ct-x{position:absolute;right:0;top:0;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff22;background:#0b141bcc;color:#e9fff6;font-size:21px;line-height:1;cursor:pointer;display:grid;place-items:center}
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ct-way{display:flex;align-items:center;gap:10px;min-height:62px;padding:10px 12px;border-radius:16px;border:1px solid #ffffff1a;background:#ffffff0a;color:#eef6f4;text-decoration:none;text-align:left;font:inherit;cursor:pointer;
  -webkit-tap-highlight-color:transparent;opacity:0;transform:translateY(12px);transition:background .2s,border-color .2s,transform .2s}
.ct-veil-root.on .ct-way{animation:ctWay .5s cubic-bezier(.2,1.2,.3,1) calc(80ms + var(--i)*45ms) both}
@keyframes ctWay{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.ct-way:hover{background:#ffffff14;border-color:#6ff7d855}.ct-way:active{transform:scale(.97)!important}
.ct-wi{flex:none;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--bg,#1b3534);color:var(--c,#6ff7d8)}
.ct-wi svg{width:22px;height:22px;fill:currentColor}
.ct-wt{display:grid;gap:2px;min-width:0}.ct-wt b{font-size:14px;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.ct-wt small{font-size:11.5px;color:#9fb8b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct-chat{--c:#06231c;--bg:linear-gradient(135deg,#9dfbe0,#4fdcb4)}.ct-back{--c:#baf7df;--bg:#17403a}
.ct-tg{--c:#fff;--bg:#2aabee}.ct-max{--c:#fff;--bg:linear-gradient(135deg,#7a5cff,#3f8cff)}.ct-wa{--c:#fff;--bg:#25d366}.ct-call{--c:#06231c;--bg:#6ff7d8}
@media(max-width:760px){
  body:has(.bc-stage[data-mode="facet"]) .ct-fab{opacity:0!important;transform:scale(.6)!important;pointer-events:none!important}  /* inside a dive the screen belongs to the block */
  .ct-fab{--s:50px;right:max(12px,env(safe-area-inset-right));bottom:calc(138px + env(safe-area-inset-bottom))}
  .ct-fab svg{width:23px;height:23px}
  .ct-card{left:0;right:0;bottom:0;width:auto;max-width:none;border-radius:26px 26px 0 0;border-width:1px 0 0;padding:8px 14px calc(18px + env(safe-area-inset-bottom));transform:translateY(105%);opacity:1;transition:transform .46s cubic-bezier(.2,1.1,.3,1)}
  .ct-grab{display:block;width:42px;height:5px;border-radius:3px;background:#ffffff33;margin:2px auto 12px}
  .ct-way{min-height:66px}
  /* the two counters «⏱ 1» and «↗ 7» in the top row said nothing to a newcomer (owner 10.11); «Память» lives in the bottom menu */
  html.jv-on .top-dock .cd-mini{display:none!important}
  html.jv-on body .topbar .mobile-brand{font-size:13px!important}
  html.jv-on body .topbar .mobile-brand:before{content:none!important}
}
@media(prefers-reduced-motion:reduce){.ct-fab,.ct-card,.ct-way,.ct-veil{transition:none!important;animation:none!important}.ct-way{opacity:1;transform:none}.ct-fab:before{display:none}}
.vc-mgr>b{background:linear-gradient(135deg,#221c3c,#17303a);color:#d9ccff}