/* Final visual layer: contextual guide and legibility. */
html[data-theme="command-center"] .bot-guide-global-layer{display:grid;place-items:center;padding:24px;background:rgba(4,3,6,.76);backdrop-filter:blur(22px) saturate(.8)}
html[data-theme="command-center"] .context-guide-shell{width:min(980px,100%);max-height:min(760px,calc(100vh - 48px));display:grid;grid-template-columns:310px minmax(0,1fr);position:relative;overflow:hidden;color:#eee8f2;border:1px solid #584064;border-radius:24px;background:radial-gradient(circle at 18% 12%,rgba(151,72,193,.2),transparent 30%),linear-gradient(145deg,#17111b,#0a090c 66%);box-shadow:0 42px 140px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.05);animation:setup-popup-in .38s cubic-bezier(.2,.8,.2,1)}
html[data-theme="command-center"] .context-guide-close{position:absolute;z-index:4;right:18px;top:18px;width:38px;height:38px;display:grid;place-items:center;color:#aaa0ae;border:1px solid #44394a;border-radius:12px;background:rgba(14,12,16,.78);backdrop-filter:blur(10px)}
html[data-theme="command-center"] .context-guide-close:hover{color:#fff;border-color:#77538a;background:#24172b}html[data-theme="command-center"] .context-guide-close svg{width:15px}
html[data-theme="command-center"] .context-guide-mascot{min-height:620px;position:relative;overflow:hidden;border-right:1px solid #44344d;background:radial-gradient(circle at 50% 27%,rgba(168,80,214,.34),transparent 29%),linear-gradient(180deg,#1e1226,#0d0a10)}
html[data-theme="command-center"] .context-guide-mascot:before{content:"";position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(#000,transparent 82%)}
html[data-theme="command-center"] .context-guide-mascot:after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#0d0a10 72%);pointer-events:none}
html[data-theme="command-center"] .context-guide-mascot>span{position:absolute;inset:12px -30px 74px;display:flex;align-items:flex-end;justify-content:center;mask-image:linear-gradient(to bottom,#000 0,#000 76%,transparent 100%)}
html[data-theme="command-center"] .context-guide-mascot>span img{width:118%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 26px 34px rgba(0,0,0,.62))}
html[data-theme="command-center"] .context-guide-mascot>div{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;padding:14px;display:grid;grid-template-columns:9px 1fr;gap:4px 9px;border:1px solid rgba(152,106,174,.45);border-radius:14px;background:rgba(16,12,19,.76);backdrop-filter:blur(18px)}
html[data-theme="command-center"] .context-guide-mascot>div i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#55df95;box-shadow:0 0 14px rgba(85,223,149,.7)}html[data-theme="command-center"] .context-guide-mascot>div small{color:#bf87d8;font:700 10px DM Mono;letter-spacing:.12em}html[data-theme="command-center"] .context-guide-mascot>div strong{grid-column:1/-1;font-size:14px}
html[data-theme="command-center"] .context-guide-shell>main{min-width:0;padding:44px 42px 28px;overflow:auto}html[data-theme="command-center"] .context-guide-shell>main>header{padding-right:34px}html[data-theme="command-center"] .context-guide-shell>main>header>small{color:#b77bd2;font:700 10px DM Mono;letter-spacing:.14em}html[data-theme="command-center"] .context-guide-shell>main>header h2{max-width:560px;margin:8px 0 7px;font:720 31px/1.08 Space Grotesk;letter-spacing:-.045em}html[data-theme="command-center"] .context-guide-shell>main>header p{margin:0;color:#a098a4;font-size:13px!important;line-height:1.55}
html[data-theme="command-center"] .context-guide-alert{margin-top:22px;padding:14px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid #744f88;border-radius:15px;background:radial-gradient(circle at 0 0,rgba(157,71,202,.23),transparent 46%),rgba(24,16,28,.82)}html[data-theme="command-center"] .context-guide-alert>span{width:44px;height:44px;display:grid;place-items:center;color:#d29ae9;border-radius:12px;background:#321c3c}html[data-theme="command-center"] .context-guide-alert>span svg{width:19px}html[data-theme="command-center"] .context-guide-alert>div{display:grid;gap:2px}html[data-theme="command-center"] .context-guide-alert small{color:#b778d1!important;font:700 9px DM Mono!important;letter-spacing:.1em}html[data-theme="command-center"] .context-guide-alert strong{font-size:13px}html[data-theme="command-center"] .context-guide-alert p{margin:0;color:#938997;font-size:11px!important}html[data-theme="command-center"] .context-guide-alert.is-syncing>span svg{animation:spin 1.1s linear infinite}
html[data-theme="command-center"] .context-guide-actions{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}html[data-theme="command-center"] .context-guide-actions>a,html[data-theme="command-center"] .context-guide-actions>button{min-height:82px;padding:12px;display:grid;grid-template-columns:34px 1fr 13px;align-items:center;gap:9px;color:#d9d1dd;text-align:left;text-decoration:none;border:1px solid #37303b;border-radius:13px;background:#111014;transition:transform .2s ease,border-color .2s ease,background .2s ease}html[data-theme="command-center"] .context-guide-actions>a:hover,html[data-theme="command-center"] .context-guide-actions>button:hover{color:#fff;border-color:#76518a;background:#211628;transform:translateY(-2px)}html[data-theme="command-center"] .context-guide-actions span{width:34px;height:34px;display:grid;place-items:center;color:#bb82d5;border-radius:10px;background:#291832}html[data-theme="command-center"] .context-guide-actions span svg{width:15px}html[data-theme="command-center"] .context-guide-actions b{font-size:11px;line-height:1.25}html[data-theme="command-center"] .context-guide-actions>a>svg,html[data-theme="command-center"] .context-guide-actions>button>svg{width:13px;color:#796e7e}
html[data-theme="command-center"] .context-guide-questions{margin-top:14px;padding:16px;border:1px solid #332d37;border-radius:15px;background:rgba(12,11,14,.7)}html[data-theme="command-center"] .context-guide-questions>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}html[data-theme="command-center"] .context-guide-questions>div:first-child small{color:#8f639f!important;font:700 9px DM Mono!important;letter-spacing:.11em}html[data-theme="command-center"] .context-guide-questions>div:first-child strong{font-size:12px}html[data-theme="command-center"] .context-guide-questions>div:nth-child(2){margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}html[data-theme="command-center"] .context-guide-questions button{min-height:34px;padding:7px 10px;color:#968d9b;border:1px solid #37313b;border-radius:9px;background:#151317;font-size:10px}html[data-theme="command-center"] .context-guide-questions button:hover,html[data-theme="command-center"] .context-guide-questions button.active{color:#f1e8f5;border-color:#6d4a7d;background:#281a30}html[data-theme="command-center"] .context-guide-questions>p{min-height:47px;margin:12px 0 0;padding:12px;color:#b3aab7;border-left:2px solid #9b5fba;border-radius:0 9px 9px 0;background:#171219;font-size:11.5px!important;line-height:1.55}
html[data-theme="command-center"] .context-guide-shell>main>footer{margin-top:14px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#817986;border-top:1px solid #312b34;font-size:10px}html[data-theme="command-center"] .context-guide-shell>main>footer span,html[data-theme="command-center"] .context-guide-shell>main>footer a{display:flex;align-items:center;gap:6px}html[data-theme="command-center"] .context-guide-shell>main>footer svg{width:13px}html[data-theme="command-center"] .context-guide-shell>main>footer a{color:#c48add;text-decoration:none}
html[data-theme="command-center"] .context-guide-focus-target{position:relative;z-index:2;outline:2px solid rgba(178,102,214,.9)!important;outline-offset:6px;box-shadow:0 0 0 9px rgba(151,74,186,.13),0 0 42px rgba(151,74,186,.28)!important;animation:context-guide-pulse 1.2s ease-in-out 2}
@keyframes context-guide-pulse{50%{outline-color:#e4b4f6;box-shadow:0 0 0 13px rgba(151,74,186,.08),0 0 58px rgba(151,74,186,.4)}}

html[data-theme="command-center"] .app-root :where(p){font-size:12.5px!important;line-height:1.55!important}
html[data-theme="command-center"] .app-root :where(small){font-size:10px!important;line-height:1.35!important}
html[data-theme="command-center"] .app-root :where(button,input,select,textarea){font-size:11.5px}
html[data-theme="command-center"] :where(.page-head,.module-head,.module-header,.block-head) p{max-width:760px;color:#9a929f!important;font-size:13px!important}
html[data-theme="command-center"] .command-flat-link b{font-size:11.5px!important}html[data-theme="command-center"] .command-flat-link small{font-size:9.5px!important}
html[data-theme="command-center"] .command-nav-caption{font-size:9.5px!important}html[data-theme="command-center"] .command-space-switch b{font-size:10.5px!important}html[data-theme="command-center"] .command-space-switch small{font-size:9px!important}html[data-theme="command-center"] .command-flat-link em{font-size:8.5px!important}
html[data-theme="command-center"] .app-root :where(.field>span,label>span:not(.toggle-slider)){font-size:10.5px!important}html[data-theme="command-center"] .app-root :where(.state-pill,.mybot-fleet-item em,.bot-studio-state span){font-size:9.5px!important}html[data-theme="command-center"] .app-root kbd{font-size:9px!important}
html[data-theme="command-center"] .global-guide-launch>b{font-size:10.5px!important}html[data-theme="command-center"] .global-guide-launch>small{font-size:9px!important}
html[data-theme="command-center"] .landing-root :where(.command-site-nav small,.nexus-nav-shell small,.nexus-hero-kicker,.nexus-section-index){font-size:9px!important}
html[data-theme="command-center"] .landing-root>main>section>p,html[data-theme="command-center"] .landing-root .nexus-section-copy>p{font-size:13px!important;line-height:1.6!important}
html[data-theme="command-center"] .landing-root :where(.nexus-dashboard-mockup,.nexus-discord-card,.nexus-editor-mockup) small{font-size:8px!important;line-height:1.35!important}
html[data-theme="command-center"] .setup-mascot-stage>span{mask-image:linear-gradient(to bottom,#000 0,#000 74%,transparent 100%)}html[data-theme="command-center"] .setup-mascot-stage:after{content:"";position:absolute;z-index:0;inset:auto 0 0;height:145px;background:linear-gradient(transparent,#100b14 82%);pointer-events:none}html[data-theme="command-center"] .setup-mascot-stage>div{position:relative;z-index:2}
html[data-theme="command-center"] .order-guide-overlay>div>img,html[data-theme="command-center"] .global-guide-empty>img{mask-image:linear-gradient(to bottom,#000 0,#000 78%,transparent 100%)}

@media(max-width:780px){html[data-theme="command-center"] .bot-guide-global-layer{padding:0;place-items:stretch}html[data-theme="command-center"] .context-guide-shell{width:100%;max-height:none;min-height:100vh;grid-template-columns:1fr;border:0;border-radius:0}html[data-theme="command-center"] .context-guide-mascot{min-height:245px;border-right:0;border-bottom:1px solid #44344d}html[data-theme="command-center"] .context-guide-mascot>span{inset:-45px 0 38px}html[data-theme="command-center"] .context-guide-mascot>span img{width:88%;max-height:310px}html[data-theme="command-center"] .context-guide-mascot>div{left:14px;right:64px;bottom:13px}html[data-theme="command-center"] .context-guide-shell>main{padding:27px 18px 22px;overflow:visible}html[data-theme="command-center"] .context-guide-shell>main>header h2{font-size:27px}html[data-theme="command-center"] .context-guide-alert{grid-template-columns:40px 1fr}html[data-theme="command-center"] .context-guide-alert>.btn{grid-column:1/-1;justify-content:center}html[data-theme="command-center"] .context-guide-actions{grid-template-columns:1fr}html[data-theme="command-center"] .context-guide-actions>a,html[data-theme="command-center"] .context-guide-actions>button{min-height:61px}html[data-theme="command-center"] .context-guide-shell>main>footer{align-items:flex-start;flex-direction:column}}

html[data-theme="command-center"][data-resolved-scheme="light"] .bot-guide-global-layer{background:rgba(236,229,240,.78)}
html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-shell{color:#34283a;border-color:#c9b2d5;background:radial-gradient(circle at 18% 12%,rgba(151,72,193,.13),transparent 30%),linear-gradient(145deg,#fff,#f6f1f8 66%);box-shadow:0 38px 110px rgba(70,45,80,.24),inset 0 1px #fff}
html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-close{color:#6e6373;border-color:#d6cbdc;background:rgba(255,255,255,.84)}
html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-mascot{border-color:#cab5d4;background:radial-gradient(circle at 50% 27%,rgba(168,80,214,.22),transparent 29%),linear-gradient(180deg,#eee0f5,#e6d8ed)}html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-mascot:after{background:linear-gradient(transparent,#e6d8ed 72%)}html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-mascot>div{color:#392d3f;border-color:#c3a7d0;background:rgba(255,255,255,.8)}
html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-shell>main>header p{color:#716776}html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-alert{border-color:#c7add3;background:radial-gradient(circle at 0 0,rgba(157,71,202,.13),transparent 46%),#fbf7fd}html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-alert>span{color:#754398;background:#eadcf1}html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-alert p{color:#706775}
html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-actions>a,html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-actions>button{color:#514657;border-color:#ded5e3;background:#fff}html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-actions>a:hover,html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-actions>button:hover{color:#332637;border-color:#c5acd1;background:#f5edf8}html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-actions span{color:#77469a;background:#eee3f3}
html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-questions{border-color:#ded6e2;background:#fff}html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-questions button{color:#706775;border-color:#ded7e2;background:#faf8fb}html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-questions button.active{color:#442b51;border-color:#c4a9d1;background:#eee1f5}html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-questions>p{color:#5f5564;background:#f7f2f9}html[data-theme="command-center"][data-resolved-scheme="light"] .context-guide-shell>main>footer{color:#716876;border-color:#ded6e2}
html[data-theme="command-center"][data-resolved-scheme="light"] .setup-mascot-stage:after{background:linear-gradient(transparent,#e8d9f0 82%)}
