/* CHIA workspace — mineral surfaces, plum accents, clear connection states. */
:root {
  color-scheme: dark;
  --bg:#14151b; --nav:#191a22; --panel:#1e2029; --panel-2:#272936; --field:#181a22;
  --text:#eeeef4; --muted:#b3b4c4; --faint:#9395aa; --border:#343645;
  --accent:#d4b8ed; --pink:#ddb4d1; --violet:#c7a6e4; --accent-soft:#c7a6e412;
  --green:#6edeb7; --amber:#ecc57d; --red:#f5a3b2;
  --shadow:0 16px 50px #00000018; --nav-width:232px;
  font-family:"Avenir Next","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  font-synthesis:none;
}
:root[data-theme="light"] {
  color-scheme:light; --bg:#f0eff5; --nav:#f8f7fb; --panel:#fbfafd; --panel-2:#eae7f1; --field:#f5f3f9;
  --text:#302b40; --muted:#645e76; --faint:#736c84; --border:#ded9e7;
  --accent:#745096; --pink:#965b86; --violet:#765194; --accent-soft:#7651940c;
  --green:#147357; --amber:#8c6119; --red:#b12a4c; --shadow:0 16px 50px #32214205;
}
*{box-sizing:border-box}body{margin:0;padding-left:var(--nav-width);background:var(--bg);color:var(--text);font-size:14px;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{color:var(--pink)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.18;letter-spacing:-1.3px;font-weight:650;margin-bottom:12px}h2{font-size:21px;line-height:1.3;letter-spacing:-.5px;font-weight:630;margin-bottom:10px}h3{font-size:16px;letter-spacing:-.25px;margin-bottom:8px}p{color:var(--muted);margin-bottom:22px}small,.muted{color:var(--muted)}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:3px solid #c263ed20;border-color:var(--accent)}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.icon.big{width:32px;height:32px}.skip{position:fixed;left:18px;top:-80px;padding:12px 20px;background:var(--accent);color:var(--bg);z-index:100}.skip:focus{top:12px}.chia-logo{display:block;object-fit:contain;flex-shrink:0;border-radius:12px;background:#101115}.accent-dot{color:var(--pink)}
/* App shell */
.topbar{position:fixed;inset:0 auto 0 0;width:var(--nav-width);height:100vh;height:100dvh;background:var(--nav);border-right:1px solid var(--border);z-index:25;overflow-y:auto}.header-inner{min-height:100%;display:flex;flex-direction:column;padding:29px 18px 20px}.brand{display:flex;gap:10px;align-items:center;padding:0 4px;color:var(--text);margin-bottom:43px}.brand img{width:48px;height:48px;border-radius:12px}.brand strong{display:block;font-size:28px;line-height:1.1;letter-spacing:1.5px;font-weight:750}.brand-dot{color:var(--pink)}.brand small{display:block;color:var(--faint);font-size:9px;font-weight:650;letter-spacing:2.1px;margin-top:6px}.nav-section{font-size:10px;font-weight:650;letter-spacing:1.9px;color:var(--faint);padding:0 14px;margin-bottom:13px}.nav{display:flex;flex-direction:column;gap:6px}.nav a{display:flex;align-items:center;gap:12px;color:var(--muted);padding:12px 14px;min-height:46px;border-radius:10px;font-size:13px;font-weight:550;position:relative;transition:background .15s,color .15s}.nav a:hover{color:var(--text);background:var(--panel-2)}.nav a.active{background:linear-gradient(90deg,#b557ec22,#ef6fe70a);color:var(--accent);box-shadow:inset 0 0 0 1px #bd59f51d}.nav .icon{width:18px;height:18px}.active-mark{margin-left:auto;width:5px;height:5px;background:var(--pink);border-radius:50%}.nav-note{display:flex;align-items:center;gap:12px;margin:32px 12px 40px;color:var(--faint);font-size:12px;line-height:1.7}.nav-note>.icon{color:var(--accent);width:17px}.nav-note strong{font-weight:500;color:var(--muted)}.nav-bottom{margin-top:auto}.admin-link{display:flex;align-items:center;gap:11px;color:var(--muted);padding:15px 12px;font-size:13px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:17px}.admin-link .icon{width:17px;height:17px}.admin-link .icon:last-child{margin-left:auto;width:14px;color:var(--faint)}.identity{display:flex;align-items:center;gap:10px;color:var(--text);padding:7px 8px}.avatar,.top-avatar{display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#bc55ef27,#f878ec17);border:1px solid #bd59f53a;color:var(--accent);font-weight:650;flex-shrink:0;width:36px;height:36px}.identity-text{min-width:0;flex:1;line-height:1.45}.identity-text strong{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-text small{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--faint)}.identity>.icon{width:14px;color:var(--faint)}.logout-link{display:flex;align-items:center;justify-content:center;gap:9px;margin:13px 0 0;width:100%;padding:8px;border:0;background:transparent;color:var(--muted);font-size:12px}.logout-link .icon{width:15px;height:15px}.logout-link:hover{color:var(--pink)}.nav-caption{font-size:11px;text-align:center;color:var(--faint);margin:14px 0 0}.workspace-top{height:80px;position:sticky;top:0;z-index:15;border-bottom:1px solid var(--border);background:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 38px}.top-left,.top-actions{display:flex;align-items:center;gap:14px;min-width:0}.breadcrumb{font-size:13px;color:var(--faint);display:flex;gap:13px;white-space:nowrap}.breadcrumb strong{font-weight:500;color:var(--text)}.breadcrumb>span{color:var(--faint);opacity:.5}.quick-find{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);background:var(--panel);border-radius:9px;color:var(--muted);font-size:12px;min-width:216px}.quick-find .icon{width:16px;height:16px;color:var(--faint)}kbd{font-family:inherit;border:1px solid var(--border);background:var(--bg);border-radius:4px;padding:2px 5px;color:var(--faint);font-size:10px;line-height:1.5}.quick-find kbd{margin-left:auto}.top-avatar{width:33px;height:33px;border-radius:10px;font-size:13px}.button.theme-toggle{background:none;border-color:transparent;min-height:34px;padding:7px;color:var(--muted)}.mobile-menu,.nav-scrim{display:none}
/* Shared controls */
.button,button.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:11px 17px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);font-size:13px;font-weight:600;line-height:1.4;transition:background .16s,transform .16s,box-shadow .16s}.button:hover{background:var(--border);color:var(--text)}.button.primary{background:linear-gradient(110deg,#bc5af4,#ee80e7);border:1px solid #d381f5;color:#1c0b25;box-shadow:0 4px 14px #bd59f50c}.button.primary:hover{background:linear-gradient(110deg,#ce79fc,#f596ef);transform:translateY(-1px);box-shadow:0 5px 18px #bd59f528}.button.soft{color:var(--accent);background:var(--accent-soft);border-color:#bd59f54a}.button.danger{color:var(--red);background:transparent;border-color:#f59caf3b}.button.small{min-height:34px;font-size:12px;padding:8px 12px}.button.icon-only{padding:9px;min-width:36px;min-height:36px}.button.wide{width:100%;min-height:48px}.button .icon{width:17px;height:17px}.plain-button{display:inline-grid;place-items:center;width:32px;height:32px;padding:6px;border:0;background:none;color:var(--muted);border-radius:8px}.plain-button:hover{background:var(--panel-2);color:var(--text)}.link-button{font:inherit;font-size:13px;background:none;border:0;padding:0;color:var(--accent)}.link-button:hover{text-decoration:underline}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.4;font-weight:650;letter-spacing:1.8px;color:var(--accent);margin-bottom:13px;text-transform:uppercase}.eyebrow .icon{width:15px;height:15px}.tiny-diamond{width:5px;height:5px;background:var(--pink);transform:rotate(45deg)}.page{width:100%;max-width:1440px;margin:auto;padding:38px 38px 54px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.page-heading p{font-size:13px;margin-bottom:0}.page-heading h1{font-size:32px}.page-heading .eyebrow{margin-bottom:10px}.panel{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:27px;box-shadow:var(--shadow);min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.panel-heading h2{font-size:18px;margin:0}.pill,.setup-tag{font-size:10px;font-weight:550;color:var(--accent);background:var(--accent-soft);border:1px solid #bd59f530;padding:5px 9px;border-radius:6px;white-space:nowrap}.columns{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:25px;align-items:start}.status{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:550;padding:4px 8px;border-radius:6px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);white-space:nowrap}.status:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.status.online,.status.approved{color:var(--green);background:#50bd9710;border-color:#50bd972b}.status.connecting,.status.queued,.status.restarting,.status.pending{color:var(--amber);background:#dbb7660b;border-color:#dbb76628}.status.needs_attention,.status.error,.status.unresponsive,.status.rejected{color:var(--red);background:#f59caf0b;border-color:#f59caf28}.bot-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid #bd59f523;color:var(--accent);border-radius:13px;flex-shrink:0}.bot-avatar .icon{width:21px;height:21px}.form-stack{display:grid;gap:22px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label,label,.field-label{font-weight:550;font-size:13px;color:var(--text)}.required{color:var(--pink)}input:not([type=checkbox]):not([type=file]),textarea,select{width:100%;min-width:0;background:var(--field);border:1px solid var(--border);border-radius:9px;padding:12px 13px;color:var(--text);line-height:1.45;font-size:13px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--faint);opacity:1}textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;min-height:150px;resize:vertical;line-height:1.7!important;font-size:12px!important}textarea.appstate{min-height:158px}textarea.code{min-height:380px;tab-size:2;border-radius:0 0 10px 10px;background:var(--bg);font-size:13px!important}.field:has(.code)>label{background:var(--panel-2);border:1px solid var(--border);border-bottom:0;margin-bottom:-8px;padding:12px 14px;border-radius:10px 10px 0 0;color:var(--muted);font-family:ui-monospace,monospace;font-size:11px}.field-help{font-weight:400;font-size:12px;color:var(--muted);line-height:1.6;margin:0}.field-help>.icon{width:13px;height:13px;vertical-align:-2px;margin-right:3px}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:18px}.form-row.equal{grid-template-columns:1fr 1fr}.field-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-label{color:var(--accent)!important;font-size:11px!important;padding:4px 8px;background:var(--accent-soft);border-radius:5px;cursor:pointer}.file-input{font-size:11px;color:var(--muted);max-width:100%}.file-input::file-selector-button{font:inherit;color:var(--muted);border:1px solid var(--border);background:var(--panel-2);border-radius:5px;padding:5px 10px;margin-right:8px;cursor:pointer}.notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:3px 0 0;border:1px solid #dbb76624;background:#dbb76607;border-radius:9px;color:var(--amber);font-size:12px;line-height:1.7}.notice .icon{width:15px;height:15px;margin-top:2px}.notice.neutral{color:var(--muted);background:var(--field);border-color:var(--border)}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:400;color:var(--muted);line-height:1.7}.check input{accent-color:#b759ed;width:15px;height:15px;flex-shrink:0;margin:3px 0 0}.form-message{font-size:13px;margin:0;color:var(--accent);overflow-wrap:anywhere}.form-message:empty{display:none}.form-message.error{color:var(--red)}.rule{border:0;border-top:1px solid var(--border);margin:4px 0}.form-stack>div:empty{display:none}
/* Overview: brand masthead, account metrics, creation canvas and fleet. */
.dashboard-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:9px 0 28px}.dashboard-intro h1{font-size:clamp(34px,3.2vw,48px);letter-spacing:-1.9px;line-height:1.13;font-weight:620;margin-bottom:17px}.dashboard-intro h1>span{color:var(--muted)}.dashboard-intro p{font-size:13px;margin:0}.intro-brand{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 50px;min-width:250px}.intro-brand .hero-logo{width:144px;height:144px;border-radius:24px;box-shadow:0 0 75px #bd59f508}.intro-brand>span{font-size:9px;font-weight:550;letter-spacing:2px;color:var(--faint);margin-top:8px}.intro-brand>span>span{color:var(--accent);padding:0 5px}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:29px}.overview-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:19px 22px;position:relative;overflow:hidden}.overview-label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;margin-bottom:15px}.overview-label>.icon{width:15px;height:15px;color:var(--accent)}.overview-card strong{display:block;line-height:1;letter-spacing:-1.5px;font-size:31px;font-weight:550;font-variant-numeric:tabular-nums;margin-bottom:10px}.overview-card small{font-size:11px;color:var(--faint)}.overview-card:first-child:after{content:"";width:2px;position:absolute;left:0;top:18px;bottom:18px;background:linear-gradient(var(--pink),var(--violet));border-radius:3px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.workspace-main{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.workspace-heading{padding:25px 28px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}.workspace-heading .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:7px;color:var(--faint)}.workspace-heading h2{font-size:21px;margin-bottom:4px;overflow-wrap:anywhere}.workspace-heading p{font-size:12px;margin:0}.section-number{width:40px;height:42px;border-radius:10px;background:var(--accent-soft);border:1px solid #bd59f52e;display:grid;place-items:center;color:var(--accent);font-size:13px;font-family:ui-monospace,monospace;flex-shrink:0}.setup-tag{margin-left:auto;align-self:flex-start;font-size:9px;letter-spacing:1px;padding:4px 6px;color:var(--faint);background:var(--field);border-color:var(--border)}.workspace-body{padding:27px 28px}.workspace-body>.panel{box-shadow:none;background:var(--field);border-radius:12px;padding:21px}.sidebar{background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:24px 21px 18px}.sidebar-top .eyebrow{color:var(--faint);font-size:9px;letter-spacing:1.4px;margin-bottom:7px}.sidebar-top h2{font-size:18px;margin:0}.sidebar-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px 16px 40px;color:var(--muted)}.sidebar-empty>.icon{width:32px;height:32px;color:var(--faint);margin-bottom:14px}.sidebar-empty p{font-size:13px;margin:0 0 5px}.sidebar-empty>a{font-size:12px}.side-list{padding:0 12px 10px}.side-bot{display:flex;align-items:center;gap:9px;padding:13px 9px;border-radius:10px;color:var(--text);margin-bottom:4px;transition:background .15s}.side-bot:hover,.side-bot.selected{background:var(--accent-soft);color:var(--text)}.side-bot.selected{box-shadow:inset 0 0 0 1px #bd59f52b}.side-bot .bot-avatar{width:32px;height:35px;border-radius:8px}.side-bot .bot-avatar .icon{width:17px;height:17px}.side-bot .grow{flex:1;min-width:0}.side-bot strong{display:block;font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-bot small{display:block;font-size:10px;margin-top:3px;color:var(--faint)}.side-bot .status{font-size:9px;padding:3px 5px;gap:4px}.new-link{margin:0 20px 18px;display:flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;padding:11px 13px;border:1px dashed #bd59f549;border-radius:8px}.new-link .icon{width:14px;height:14px}.new-link .icon:last-child{margin-left:auto}.sidebar-footnote{display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--border);padding:17px 21px;color:var(--faint);font-size:11px;line-height:1.7;background:var(--field)}.sidebar-footnote>.icon{width:14px;height:14px;margin-top:2px}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;font-size:11px;color:var(--faint)}.workspace-footer>span{font-size:9px;letter-spacing:1.3px}.workspace-footer a{display:flex;align-items:center;gap:7px;color:var(--muted)}.workspace-footer .icon{width:13px;height:13px}.detail-status{display:flex;align-items:center;gap:10px}.detail-status p{font-size:12px;margin:0}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.detail-actions .button{flex:1;padding:10px 12px;font-size:12px}.management-key{padding:17px;border:1px solid #bd59f549;background:var(--accent-soft);border-radius:11px;margin:20px 0}.management-key h3{font-size:13px}.management-key p{font-size:12px;margin:0}.management-key code{display:block;color:var(--accent);font-size:12px;overflow-wrap:anywhere;margin:12px 0}.event-list{list-style:none;padding:0}.event-list li{display:flex;gap:12px;border-bottom:1px solid var(--border);padding:11px 0;font-size:12px}.event-list time{white-space:nowrap;color:var(--faint);font-size:11px}.danger-zone{margin-top:28px;border-top:1px solid #f59caf30;padding-top:21px}.danger-zone h3{color:var(--red);font-size:13px}.danger-zone p{font-size:12px}
/* Bot cards */
.bot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.bot-card{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:24px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.bot-card:hover{transform:translateY(-3px);border-color:#bd59f54d}.bot-card-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.bot-card-head h2{font-size:17px;margin-bottom:4px;overflow-wrap:anywhere}.bot-card-head p{font-size:11px;margin:0;color:var(--faint)}.bot-card dl{font-size:12px;margin:22px 0}.bot-card dl>div{display:flex;justify-content:space-between;gap:12px;margin:12px 0}.bot-card dt{color:var(--faint)}.bot-card dd{margin:0;text-align:right}.bot-card .button{width:100%;margin-top:4px}.bot-card .button>.icon{margin-left:auto}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:380px;border:1px solid var(--border);border-radius:20px;padding:45px 25px;background:radial-gradient(ellipse at 50% 0,#bd59f50b,transparent 65%),var(--panel)}.empty-state .bot-avatar{width:64px;height:64px;border-radius:18px;margin-bottom:24px}.empty-state h2{font-size:23px;letter-spacing:-.7px}.empty-state p{font-size:13px;max-width:370px;margin:4px 0 24px;line-height:1.8}.empty-state.small{min-height:230px;padding:26px 20px;background:var(--field);border:1px dashed var(--border);border-radius:12px}.empty-state.small>.icon{color:var(--faint);margin-bottom:15px}.empty-state.small h3{font-size:14px}.empty-state.small p{font-size:12px;margin-bottom:0}
/* Community */
.hero-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:33px;padding:9px 0 28px;border-bottom:1px solid var(--border)}.hero-banner h1{font-size:40px;letter-spacing:-1.5px;margin-bottom:15px}.hero-banner h1>span{color:var(--muted)}.hero-banner p{font-size:13px;line-height:1.8;margin-bottom:0}.code-emblem{display:flex;align-items:center;gap:12px;padding:30px 40px;color:var(--accent);font-family:ui-monospace,monospace;font-size:70px;font-weight:200;opacity:.7}.code-emblem>.icon{width:46px;height:46px;color:var(--pink);stroke-width:1}.submission{border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:13px;background:var(--field)}.submission:last-child{margin-bottom:0}.submission-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.submission-top strong{font-size:13px;overflow-wrap:anywhere}.submission p{font-size:12px;margin:9px 0;color:var(--muted);overflow-wrap:anywhere}.submission small{font-size:10px;color:var(--faint)}.submission summary{font-size:12px;color:var(--accent);cursor:pointer;margin-top:12px}.submission pre,.code-view{font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:9px}.review-panel{margin-top:28px}.review-form{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.review-form textarea{min-height:80px;margin:8px 0 12px;font-family:inherit!important}.review-actions{display:flex;gap:10px;margin-top:15px}.review-actions .button{flex:1}.review-form .form-message{margin-top:10px}
/* Statistics and command library */
.live-label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--faint);border:1px solid var(--border);border-radius:7px;padding:8px 11px;white-space:nowrap}.live-label>.icon{width:12px;height:12px}.bot-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px;padding:22px 26px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.profile-main{display:flex;align-items:center;gap:16px;min-width:0}.stats-logo{width:55px;height:55px;border-radius:13px}.profile-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-title h2{font-size:20px;margin-bottom:0;overflow-wrap:anywhere}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 17px;font-size:11px;color:var(--faint);margin-top:9px}.meta>span{display:flex;align-items:center;gap:6px}.meta .icon{width:12px;height:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.metric{position:relative;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.metric .bot-avatar{width:33px;height:33px;border-radius:9px;margin-top:2px}.metric .bot-avatar>.icon{width:16px;height:16px}.metric strong{font-size:30px;font-weight:550;line-height:1.2;letter-spacing:-1.2px;display:block;font-variant-numeric:tabular-nums;margin-bottom:9px}.metric small{font-size:11px;color:var(--faint)}#stats-note{font-size:11px;color:var(--faint);margin-top:4px}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 16px;border-bottom:1px solid var(--border);margin:34px 0 19px}.tabs{display:flex;gap:4px;background:var(--panel);border:1px solid var(--border);padding:4px;border-radius:10px}.tab{display:flex;align-items:center;gap:7px;border:1px solid transparent;background:none;color:var(--muted);padding:8px 12px;border-radius:7px;font-size:12px;font-weight:550;white-space:nowrap}.tab.active{background:var(--panel-2);border-color:var(--border);color:var(--text)}.tab.active .icon{color:var(--accent)}.tab .icon{width:14px;height:14px}.tab>span{font-size:10px;padding:1px 5px;border-radius:4px;background:var(--bg);color:var(--faint)}.search{position:relative;width:310px;max-width:100%}.search>.icon{position:absolute;left:12px;top:12px;width:16px;height:16px;color:var(--faint)}.search input{padding-left:37px!important;font-size:12px!important}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.command-card{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px;transition:border-color .15s}.command-card:hover{border-color:#bd59f54a}.command-card summary{display:flex;align-items:center;gap:15px;cursor:pointer;list-style:none}.command-card summary::-webkit-details-marker{display:none}.command-card .grow{min-width:0;flex:1}.command-card strong{font-family:ui-monospace,Consolas,monospace;font-size:13px;font-weight:500;color:var(--text)}.command-card p{font-size:12px;margin:7px 0 10px;overflow-wrap:anywhere}.command-card .tag{font-size:9px;color:var(--faint);display:inline-block;border:1px solid var(--border);border-radius:4px;margin:2px 5px 0 0;padding:2px 6px}.command-card .chevron{width:15px;height:15px;color:var(--faint);transition:transform .16s}.command-card[open] .chevron{transform:rotate(180deg);color:var(--accent)}.command-detail{font-size:12px;overflow-wrap:anywhere;color:var(--muted);border-top:1px solid var(--border);padding-top:15px;margin-top:15px}.command-detail code{display:block;padding:10px 12px;background:var(--field);border:1px solid var(--border);border-radius:7px;color:var(--accent);white-space:pre-wrap;margin:8px 0 13px}.count-caption{font-size:11px;margin:22px 0 0;color:var(--faint)}
/* Brand-led sign-in and support pages */
.auth-page{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:54px 50px;min-height:calc(100vh - 80px)}.auth-story{padding:20px 0}.auth-story h2{font-size:clamp(32px,3.5vw,47px);line-height:1.16;font-weight:570;letter-spacing:-1.9px;margin-bottom:19px}.auth-story h2 em{font-style:normal;color:var(--accent)}.auth-story>p{font-size:13px;line-height:1.9}.brand-art{display:flex;align-items:center;gap:24px;margin:15px 0 24px}.brand-art .hero-logo{width:135px;height:135px;border-radius:24px}.art-caption{writing-mode:vertical-rl;color:var(--faint);font-size:9px;letter-spacing:2.4px}.auth-points{display:flex;flex-direction:column;gap:12px;padding-top:21px;border-top:1px solid var(--border);max-width:330px;color:var(--muted);font-size:12px}.auth-points>span{display:flex;align-items:center;gap:10px}.auth-points .icon{width:13px;height:13px;color:var(--accent)}.auth-card{width:100%;max-width:440px;justify-self:end;background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:35px;box-shadow:var(--shadow)}.auth-logo{width:46px;height:46px;margin-bottom:26px;border-radius:11px}.auth-card h1{font-size:29px;letter-spacing:-1px;margin-bottom:12px}.auth-card>.eyebrow{font-size:9px;letter-spacing:1.4px}.auth-card>p{font-size:13px;line-height:1.8}.auth-card .form-stack{gap:20px;margin-top:26px}.auth-footer{font-size:11px!important;text-align:center;margin:20px 0 0;line-height:1.7!important}.auth-card>.notice{font-size:11px;margin-top:20px}.guest-explore{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:22px;margin-top:25px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.guest-explore .icon{width:14px;height:14px}.donate-page{max-width:1120px}.donate-heading{position:relative;text-align:left;padding:26px 180px 42px 0;min-height:270px;border-bottom:1px solid var(--border);margin-bottom:32px}.donate-heading h1{font-size:44px;letter-spacing:-1.6px;line-height:1.14;margin-bottom:22px}.donate-heading h1>span{color:var(--accent)}.donate-heading p{font-size:13px;line-height:1.9;margin-bottom:0}.donate-heading>.eyebrow{font-size:9px;letter-spacing:1.3px}.donate-brand{position:absolute;right:0;top:49px}.donate-logo{width:134px;height:134px;border-radius:28px}.donate-page>.columns{grid-template-columns:1fr 1fr}.donate-card{display:flex;flex-direction:column;padding:30px;min-height:320px;position:relative}.donate-card>.bot-avatar{width:43px;height:43px;margin-bottom:25px}.donate-card h2{font-size:22px;margin-bottom:12px}.donate-card p{font-size:13px;line-height:1.9;flex:1}.donate-card .button{width:100%;margin-top:12px}.donate-card.coffee{background:linear-gradient(130deg,#f878ec06,transparent),var(--panel)}.donate-card.coffee>.bot-avatar{color:var(--pink);border-color:#f878ec2b;background:#f878ec0c}.donate-footer{margin:30px 0;text-align:center;font-size:11px;color:var(--faint)}.profile-page{max-width:900px}.profile-page .panel{padding:30px}.profile-page .page-heading h1{font-size:30px}
/* Dialogs, quick navigation and feedback */
dialog{width:min(600px,calc(100% - 32px));max-height:90vh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:0 25px 100px #0006}dialog::backdrop{background:#08090cc7;backdrop-filter:blur(5px)}dialog h2{margin:6px 0 16px}dialog p{font-size:13px}dialog fieldset{border:0;min-width:0;padding:0;margin:0;display:grid;gap:16px}dialog label:not(.check){display:flex;flex-direction:column;gap:8px}dialog .form-message{margin-top:16px}.dialog-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:25px;color:var(--muted);padding:0 5px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}dialog.quick-dialog{padding:0;width:min(570px,calc(100% - 28px));margin-top:min(15vh,130px);max-height:78vh;border-color:#c263ed40}.quick-dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 15px}.quick-dialog-heading h2{font-size:16px;margin:0;letter-spacing:-.35px}.quick-dialog-heading .icon{width:17px;height:17px}.quick-search-field{position:relative;margin:0 22px}.quick-search-field>.icon{position:absolute;top:13px;left:13px;color:var(--accent);width:18px;height:18px}.quick-search-field input{padding-left:41px!important;background:var(--bg)!important;font-size:13px!important}.quick-hint{font-size:11px;padding:10px 23px 0;margin:0;color:var(--faint)}#quick-results{padding:12px 13px;max-height:48vh;overflow-y:auto}.result-label{display:block;font-size:9px;letter-spacing:1.4px;color:var(--faint);padding:8px 11px}.quick-result{display:flex;align-items:center;gap:12px;color:var(--text);padding:12px 11px;border-radius:8px}.quick-result:hover,.quick-result:focus{background:var(--accent-soft);color:var(--text)}.quick-result>.icon{width:17px;height:17px;color:var(--accent)}.quick-result>span{flex:1;min-width:0}.quick-result strong{display:block;font-size:13px;font-weight:550;overflow-wrap:anywhere}.quick-result small{display:block;font-size:11px;color:var(--faint);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2px}.quick-result>.icon:last-child{width:14px;height:14px;color:var(--faint)}.quick-empty{padding:24px;font-size:13px;text-align:center;color:var(--muted)}.quick-dialog-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-top:1px solid var(--border);color:var(--faint);font-size:10px;background:var(--field)}#toast{position:fixed;bottom:24px;left:calc(50% + var(--nav-width)/2);transform:translateX(-50%);width:max-content;max-width:min(600px,calc(100vw - var(--nav-width) - 50px));background:var(--panel-2);border:1px solid #c263ed55;color:var(--text);font-size:13px;line-height:1.7;border-radius:12px;padding:14px 20px;box-shadow:0 15px 40px #0003;z-index:60;overflow-wrap:anywhere}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;min-height:260px}.loading-state p{font-size:13px;margin:0}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inline-error{border:1px solid #f59caf40;background:var(--panel);color:var(--red);border-radius:14px;padding:24px;font-size:13px}.inline-error .button{margin:10px 0 0 10px}.inline-error a{color:var(--text)}
/* Responsive layout */
@media(min-width:1700px){.page{padding-top:45px}.dashboard-intro{padding-bottom:35px}.intro-brand{padding-inline:90px}.workspace{grid-template-columns:minmax(0,1fr) 340px}.workspace-body{padding:30px 34px}.workspace-heading{padding:27px 34px}.auth-page{gap:110px}}
@media(max-width:1250px){:root{--nav-width:212px}.header-inner{padding-inline:14px}.page{padding:30px 26px 45px}.workspace-top{padding-inline:26px}.workspace{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.workspace-body{padding:24px}.workspace-heading{padding:23px}.intro-brand{padding-inline:23px;min-width:200px}.side-bot{flex-wrap:wrap}.side-bot .status{margin-left:41px;margin-top:-3px}.sidebar-top{padding-inline:18px}.bot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:19px 16px}.metric-grid{gap:12px}.auth-page{padding:38px 30px;gap:32px}.auth-card{padding:27px}.code-emblem{padding-inline:20px}.hero-banner h1{font-size:35px}.donate-heading h1{font-size:39px}}
@media(max-width:1020px){:root{--nav-width:0px}body{padding-left:0}.topbar{width:255px;transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s}.header-inner{padding:26px 20px}.nav-open .topbar{transform:translateX(0);visibility:visible}.nav-open{overflow:hidden}.nav-scrim:not([hidden]){display:block;position:fixed;inset:0;background:#05060a99;border:0;border-radius:0;z-index:24}.button.mobile-menu{display:inline-flex;background:transparent;border-color:var(--border)}.workspace-top{height:70px;padding-inline:24px}.page{padding:29px 26px 45px}.workspace{grid-template-columns:minmax(0,1fr) 280px}.brand{margin-bottom:35px}.overview-card{padding:18px 21px}.dashboard-intro h1{font-size:41px}.auth-page{min-height:calc(100vh - 70px);max-width:1000px;padding:38px 40px;gap:45px}.auth-story h2{font-size:40px}#toast{max-width:90vw;left:50%}.breadcrumb{font-size:12px}.nav-note{margin-bottom:35px}}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.sidebar{order:2}.side-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 16px 15px}.side-bot{flex-wrap:nowrap}.side-bot .status{margin:0;font-size:9px}.sidebar-empty{padding:23px;flex-direction:row;gap:10px}.sidebar-empty>.icon{width:23px;height:23px;margin:0}.sidebar-empty p{margin:0}.sidebar-top{padding:20px}.sidebar-footnote{font-size:11px;padding:14px 20px}.new-link{max-width:calc(100% - 40px)}.columns{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric{padding:23px}.catalog-grid{grid-template-columns:1fr}.hero-banner h1{font-size:37px}.code-emblem{font-size:58px;gap:3px;padding:15px}.code-emblem>.icon{width:34px;height:34px}.auth-page{gap:30px;padding:40px 30px}.auth-story h2{font-size:32px}.auth-card{padding:25px}.auth-story>p{font-size:12px}.auth-points{font-size:11px}.auth-story .hero-logo{width:110px;height:110px}.donate-heading{padding-right:150px}.donate-heading h1{font-size:37px}.donate-logo{width:116px;height:116px}.donate-card{padding:24px}.donate-page>.columns{gap:18px}.donate-card h2{font-size:20px}.live-label{display:none}.workspace-footer{font-size:10px}.workspace-footer>span{font-size:8px}}
@media(max-width:580px){.workspace-top{height:64px;padding:0 18px;gap:12px}.top-left{gap:10px}.breadcrumb{font-size:11px;gap:8px}.breadcrumb>span{display:none}.breadcrumb{font-size:0}.breadcrumb strong{font-size:12px}.top-actions{gap:5px}.quick-find{min-width:34px;border:0;padding:9px;background:none}.quick-find>span,.quick-find>kbd{display:none}.top-avatar{width:29px;height:29px;font-size:11px;border-radius:8px}.quick-find .icon{width:17px;height:17px}.button.theme-toggle{padding:7px;min-width:32px}.theme-toggle .icon{width:17px;height:17px}.page{padding:24px 18px 36px}.page-heading{align-items:flex-start;gap:15px;margin-bottom:24px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px;line-height:1.8}.page-heading .button{font-size:11px;padding:10px;white-space:nowrap}.page-heading .button .icon{width:14px;height:14px}.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:11px}.dashboard-intro{align-items:flex-start;gap:12px;padding:6px 0 25px}.dashboard-intro h1{font-size:33px;letter-spacing:-1.3px;line-height:1.15}.dashboard-intro p{font-size:11px;max-width:230px;line-height:1.8}.intro-brand{align-self:center;padding:0;min-width:0}.intro-brand .hero-logo{width:76px;height:76px;border-radius:16px}.intro-brand>span{display:none}.overview-grid{gap:9px;margin-bottom:22px}.overview-card{padding:13px 11px;border-radius:11px}.overview-label{font-size:10px;gap:6px;align-items:flex-start;line-height:1.45;margin-bottom:13px}.overview-label .icon{width:12px;height:12px;margin-top:1px}.overview-card strong{font-size:25px;margin-bottom:0}.overview-card small{display:none}.workspace-heading{padding:21px 19px;gap:11px}.workspace-heading h2{font-size:19px}.workspace-heading p{font-size:11px}.workspace-heading .eyebrow{font-size:8px}.section-number{width:34px;height:37px;font-size:11px}.setup-tag{display:none}.workspace-body{padding:22px 19px}.workspace-main,.sidebar{border-radius:15px}.form-row{gap:13px}.form-stack{gap:21px}.form-row.equal{grid-template-columns:1fr}.field label,label{font-size:12px}input:not([type=checkbox]):not([type=file]),textarea,select{font-size:16px;min-height:44px}textarea.appstate{min-height:165px;font-size:13px!important}.field-help,.check,.notice{font-size:11px}.file-label{font-size:10px!important}.workspace-footer{flex-direction:column;gap:11px;margin-top:24px}.side-list{grid-template-columns:1fr}.side-bot{padding:12px}.side-bot strong{font-size:13px}.side-bot small{font-size:11px}.side-bot .status{font-size:10px}.detail-status{align-items:flex-start;flex-direction:column}.detail-actions{gap:7px}.detail-actions .button{font-size:11px;padding:10px 7px;gap:6px}.detail-actions .button .icon{width:14px}.workspace-body>.panel{padding:18px}.event-list li{flex-direction:column;gap:5px}.bot-grid{grid-template-columns:1fr}.bot-card{padding:24px}.panel{padding:22px;border-radius:15px}.panel-heading{gap:10px}.panel-heading h2{font-size:17px}.pill{font-size:9px}.hero-banner{gap:8px;padding-bottom:25px}.hero-banner h1{font-size:31px;letter-spacing:-1.1px;line-height:1.2}.hero-banner p{font-size:12px}.code-emblem{display:none}.hero-banner p br{display:none}.columns{gap:22px}.review-actions{flex-wrap:wrap}.review-actions .button{font-size:12px}.bot-overview{padding:20px;align-items:flex-start;flex-direction:column;gap:15px}.profile-main{gap:12px}.stats-logo{width:43px;height:43px;border-radius:10px}.profile-title h2{font-size:18px}.profile-title{gap:8px}.meta{font-size:10px;gap:6px 12px}.metric{padding:19px;gap:10px}.metric strong{font-size:29px}.metric .bot-avatar{width:29px;height:29px}.metric small{font-size:10px}.metric-grid{gap:11px}.catalog-tools{flex-direction:column;align-items:stretch;gap:13px;margin-top:26px}.tabs{width:100%;justify-content:space-between}.tab{flex:1;justify-content:center}.search{width:100%}.search input{font-size:16px!important}.search .icon{top:14px}.command-card{padding:17px}.command-card p{line-height:1.8}.catalog-grid{gap:12px}.auth-page{grid-template-columns:1fr;padding:28px 18px;min-height:calc(100vh - 64px)}.auth-story{display:none}.auth-card{justify-self:center;max-width:420px;padding:28px 25px}.auth-card h1{font-size:29px}.auth-logo{width:54px;height:54px}.auth-card .form-stack{gap:21px}.auth-card>p{font-size:13px}.auth-card .eyebrow{font-size:9px}.auth-footer{font-size:12px!important}.auth-card .notice{font-size:11px}.donate-heading{padding:12px 0 27px;margin-bottom:25px;min-height:0}.donate-brand{position:static;margin-bottom:22px}.donate-logo{width:70px;height:70px;border-radius:16px}.donate-heading h1{font-size:35px;letter-spacing:-1.3px}.donate-heading>.eyebrow{font-size:8px;letter-spacing:1px}.donate-heading p{font-size:12px}.donate-heading p br{display:none}.donate-page>.columns{grid-template-columns:1fr}.donate-card{min-height:280px;padding:25px}.donate-card>.bot-avatar{margin-bottom:20px}.donate-card h2{font-size:22px}.donate-card p{font-size:13px}.profile-page .page-heading h1{font-size:29px}.profile-page .panel{padding:24px 21px}dialog{padding:25px 21px;border-radius:15px}dialog p{font-size:12px}.quick-search-field input{font-size:16px!important}.quick-search-field>.icon{top:14px}.quick-dialog-heading{padding:18px 19px 14px}.quick-search-field{margin-inline:19px}.quick-dialog-heading h2{font-size:15px}.quick-hint{font-size:11px}.quick-result{padding:13px 11px}.quick-result strong{font-size:13px}.quick-result small{font-size:11px}#toast{font-size:12px;bottom:17px;max-width:calc(100vw - 32px);padding:13px 16px}.empty-state{min-height:340px;padding:36px 24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Main host bot and connection stages — values come from the live health API. */
#primary-bot-card{margin-bottom:29px}.primary-card{background:linear-gradient(120deg,#bd59f508,transparent 50%),var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);box-shadow:var(--shadow)}.primary-summary{padding:27px 30px}.primary-identity{display:flex;align-items:center;gap:15px;margin-bottom:25px}.primary-logo{width:59px;height:59px;border-radius:14px}.primary-identity .eyebrow{font-size:9px;margin-bottom:7px;color:var(--faint);letter-spacing:1.5px}.primary-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.primary-title h2{font-size:22px;margin:0;overflow-wrap:anywhere}.primary-identity p{margin:7px 0 0;font-size:11px;color:var(--muted)}.primary-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:23px}.primary-facts>div+div{border-left:1px solid var(--border);padding-left:20px}.primary-facts span{display:block;color:var(--faint);font-size:8px;letter-spacing:1px;margin-bottom:8px}.primary-facts strong{display:block;font-size:14px;font-weight:550;letter-spacing:-.3px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.primary-facts strong small{font-size:12px;font-weight:400;color:var(--faint);margin-left:1px}.primary-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.primary-actions .button{font-size:12px;min-height:37px;padding:9px 13px}.primary-connection{padding:27px;display:flex;align-items:center;background:var(--field);border-left:1px solid var(--border)}.connection-display{width:100%}.connection-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.connection-caption>span{display:flex;align-items:center;gap:8px;min-width:0}.connection-caption strong{font-size:12px;font-weight:550}.connection-caption .icon{width:14px;height:14px;color:var(--muted)}.connection-caption>small{font-size:8px;font-weight:550;letter-spacing:1px;color:var(--faint);white-space:nowrap}.connection-ready .connection-caption .icon{color:var(--green)}.connection-problem .connection-caption .icon{color:var(--red)}.status-pulse{width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px #f878ec12;animation:status-pulse 1.8s ease-in-out infinite;flex-shrink:0}@keyframes status-pulse{50%{box-shadow:0 0 0 7px #f878ec00;opacity:.65}}.connection-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;margin:0 0 20px}.connection-steps li{display:flex;flex-direction:column;align-items:center;position:relative;gap:9px;font-size:10px;color:var(--faint)}.connection-steps li:before{content:"";position:absolute;top:14px;left:-50%;width:100%;height:1px;background:var(--border);z-index:0}.connection-steps li:first-child:before{display:none}.step-node{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-family:ui-monospace,monospace;border:1px solid var(--border);background:var(--field);position:relative;z-index:1}.step-node .icon{width:12px;height:12px}.connection-steps li.step-done{color:var(--green)}.step-done .step-node{background:var(--field);border-color:#50bd9766;color:var(--green)}.connection-steps li.step-done:before{background:#50bd9750}.connection-steps li.step-active{color:var(--accent)}.step-active .step-node{border-color:var(--accent);box-shadow:0 0 0 4px #bd59f516;color:var(--accent)}.step-active .step-node:after{content:"";position:absolute;inset:-5px;border:1px solid transparent;border-top-color:var(--accent);border-radius:50%;animation:spin 2s linear infinite}.connection-detail{font-size:11px;line-height:1.8;margin:0;color:var(--muted);text-align:center;min-height:35px}.connection-problem .connection-detail{color:var(--red)}.primary-compact .primary-card{grid-template-columns:minmax(0,1.25fr) minmax(260px,.85fr)}.primary-compact .primary-summary{padding:22px 26px}.primary-compact .primary-identity{margin-bottom:19px}.primary-compact .primary-logo{width:47px;height:47px;border-radius:12px}.primary-compact .primary-title h2{font-size:18px}.primary-compact .primary-facts{margin-bottom:18px}.primary-compact .primary-connection{padding:22px 27px}.primary-compact .primary-facts strong{font-size:13px}.primary-compact .primary-facts span{font-size:8px}.primary-loading{display:block;padding:23px 27px}.primary-loading-line{display:flex;align-items:center;gap:12px;margin:10px 0}.primary-loading-line p{font-size:13px;margin:0}.primary-loading-line>.icon{width:18px;height:18px;color:var(--amber)}.primary-loading .button{margin-top:10px}.fleet-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:29px 0 18px}.fleet-label>span:first-child{font-size:9px;font-weight:600;letter-spacing:1.6px;color:var(--faint)}.fleet-label>span:last-child{font-size:11px;color:var(--faint)}.public-dashboard .dashboard-intro{padding-top:15px;padding-bottom:35px}.public-dashboard .dashboard-intro h1{font-size:clamp(32px,3.5vw,49px)}.public-dashboard .dashboard-intro p{max-width:480px;line-height:1.9}.welcome-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;margin-top:34px}.start-panel{padding:20px 0}.start-panel h2{font-size:27px;letter-spacing:-.9px;margin-bottom:13px}.start-panel p{font-size:13px;line-height:1.9;max-width:420px}.start-actions{display:flex;flex-wrap:wrap;gap:10px}.setup-guide{display:grid;gap:20px;border-left:1px solid var(--border);padding:20px 0 20px 35px}.setup-guide>div{display:flex;align-items:flex-start;gap:14px}.setup-guide>div>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;border:1px solid #bd59f52b;background:var(--accent-soft);font-size:9px;font-family:ui-monospace,monospace;color:var(--accent);flex-shrink:0}.setup-guide p{margin:0;line-height:1.6}.setup-guide strong{display:block;font-size:12px;font-weight:550;color:var(--text)}.setup-guide small{display:block;font-size:11px;color:var(--faint);margin-top:3px}#bot-connection{padding:18px 20px;margin-top:19px;border-radius:12px;border:1px solid var(--border);background:var(--field)}#bot-connection .connection-caption{margin-bottom:17px}#bot-connection .connection-steps{margin-bottom:15px}#bot-connection .connection-detail{min-height:0}.public-dashboard .intro-brand{min-width:200px;padding-inline:20px}
@media(max-width:1250px){.primary-card,.primary-compact .primary-card{grid-template-columns:minmax(0,1fr) minmax(245px,.85fr)}.primary-summary,.primary-compact .primary-summary{padding:23px}.primary-connection,.primary-compact .primary-connection{padding:23px}.primary-facts>div+div{padding-left:12px}.primary-facts strong{font-size:13px}.primary-title h2{font-size:20px}.primary-logo{width:48px;height:48px}.primary-facts span{font-size:8px;letter-spacing:.6px}.connection-caption{gap:7px}.connection-caption>small{font-size:8px}.connection-caption strong{font-size:11px}.welcome-grid{gap:24px}.start-panel h2{font-size:24px}.setup-guide{padding-left:25px}}
@media(max-width:760px){.primary-card,.primary-compact .primary-card{grid-template-columns:1fr}.primary-connection,.primary-compact .primary-connection{border-left:0;border-top:1px solid var(--border);padding:23px 27px}.primary-summary,.primary-compact .primary-summary{padding:24px 27px}.connection-display{max-width:100%}.connection-caption strong{font-size:12px}.connection-caption>small{font-size:8px}.primary-facts strong{font-size:14px}.primary-facts span{font-size:9px}.primary-title h2{font-size:23px}.primary-facts>div+div{padding-left:20px}.primary-compact .primary-facts span{font-size:9px}.primary-compact .primary-facts strong{font-size:13px}.connection-detail{min-height:0}.welcome-grid{grid-template-columns:1fr 1fr;gap:20px}.start-actions .button{font-size:11px}.public-dashboard .intro-brand{min-width:0;padding:0}.public-dashboard .intro-brand .hero-logo{width:110px;height:110px}.public-dashboard .intro-brand>span{display:none}.public-dashboard .dashboard-intro h1{font-size:36px}.public-dashboard .dashboard-intro p{font-size:12px;max-width:390px}}
@media(max-width:580px){#primary-bot-card{margin-bottom:24px}.primary-card{border-radius:15px}.primary-summary,.primary-compact .primary-summary{padding:22px}.primary-identity{gap:12px;margin-bottom:24px}.primary-title{gap:8px}.primary-title h2{font-size:20px}.primary-logo{width:46px;height:46px}.primary-identity p{font-size:10px;line-height:1.7}.primary-identity .eyebrow{font-size:8px;letter-spacing:1px}.primary-facts{gap:8px;margin-bottom:23px}.primary-facts span,.primary-compact .primary-facts span{font-size:8px;letter-spacing:.4px}.primary-facts strong,.primary-compact .primary-facts strong{font-size:13px}.primary-facts>div+div{padding-left:13px}.primary-facts strong small{font-size:11px}.primary-connection,.primary-compact .primary-connection{padding:22px}.primary-actions{gap:8px}.primary-actions .button{font-size:11px;flex:1;padding:10px;min-height:40px}.primary-actions .button>.icon{width:13px;height:13px}.connection-caption strong{font-size:12px}.connection-detail{font-size:11px}.connection-caption>small{font-size:8px}.connection-steps{margin-bottom:17px}.welcome-grid{grid-template-columns:1fr;gap:8px;margin-top:24px}.start-panel{padding:12px 2px}.start-panel h2{font-size:25px}.start-panel p{font-size:12px;line-height:1.9}.start-actions .button{font-size:12px;min-height:44px}.setup-guide{padding:23px 2px;border-left:0;border-top:1px solid var(--border);margin-top:7px}.setup-guide>div>span{width:30px;height:30px;font-size:10px}.setup-guide strong{font-size:13px}.setup-guide small{font-size:12px}.public-dashboard .dashboard-intro{gap:13px;padding:8px 0 27px}.public-dashboard .dashboard-intro h1{font-size:30px;letter-spacing:-1.1px}.public-dashboard .dashboard-intro p{font-size:11px;max-width:290px;line-height:1.9}.public-dashboard .intro-brand .hero-logo{width:65px;height:65px}.public-dashboard .dashboard-intro .eyebrow{font-size:8px;letter-spacing:1.1px}.fleet-label{margin:25px 0 16px}.fleet-label>span:last-child{font-size:10px}.fleet-label>span:first-child{font-size:8px;letter-spacing:1.2px}#bot-connection{padding:17px 14px}}

/* Initial loading state uses the supplied logo without delaying startup. */
.boot-panel{display:flex;min-height:60vh;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:11px;padding:30px}.boot-mark{position:relative;margin-bottom:10px}.boot-mark:after{content:"";position:absolute;inset:-8px;border:1px solid var(--border);border-top-color:var(--accent);border-radius:24px;animation:spin 3s linear infinite}.boot-mark img{width:72px;height:72px;border-radius:18px}.boot-panel p{font-size:15px;color:var(--text);margin:0;font-weight:550}.boot-panel>span{font-size:12px;color:var(--muted)}.boot-dots{display:flex;gap:5px;margin-top:10px}.boot-dots span{width:4px;height:4px;background:var(--accent);border-radius:50%;animation:boot-dot 1.4s ease-in-out infinite}.boot-dots span:nth-child(2){animation-delay:.15s}.boot-dots span:nth-child(3){animation-delay:.3s}@keyframes boot-dot{50%{opacity:.25;transform:translateY(-3px)}}

.nav-close{display:none}.dashboard-intro p,.primary-title h2{overflow-wrap:anywhere}@media(max-width:1020px){.nav-close{display:inline-grid;position:absolute;right:12px;top:12px;z-index:1}.header-inner>.brand{padding-right:18px}}

/* Calm workspace: fewer competing surfaces, compact hierarchy, lighter motion. */
:root{--shadow:none}
:root[data-theme="light"]{--shadow:none}
.page{max-width:1280px}
.workspace-top{height:68px}
.header-inner{padding-top:24px}
.brand{margin-bottom:30px}
.nav-section{margin-bottom:12px}
.button.mobile-menu{display:none}
.calm-intro{padding:4px 0 26px;max-width:760px}
.calm-intro .eyebrow{margin-bottom:9px;letter-spacing:1.2px;font-size:10px}
.calm-intro h1{font-size:clamp(28px,2.6vw,36px);letter-spacing:-1.1px;margin-bottom:9px}
.calm-intro p{font-size:14px;margin:0;color:var(--muted)}
.primary-card{display:block;grid-template-columns:none;background:var(--panel);border-radius:16px;box-shadow:none}
.primary-summary{padding:26px 28px}
.primary-identity{margin-bottom:12px;gap:14px}
.primary-logo{width:52px;height:52px;border-radius:13px}
.primary-title h2{font-size:24px}
.primary-identity .eyebrow{font-size:10px;letter-spacing:1px}
.primary-note{font-size:14px;line-height:1.6;margin:0 0 23px;color:var(--muted)}
.primary-facts{max-width:620px;gap:24px;margin-bottom:24px}
.primary-facts span{font-size:10px;letter-spacing:.6px}
.primary-facts strong{font-size:15px}
.primary-actions .button{min-height:40px;padding:10px 14px;font-size:13px}
.primary-actions>span:empty{display:none}
.primary-diagnostics{border-top:1px solid var(--border)}
.primary-diagnostics>summary,.session-option>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;font-size:13px;font-weight:550;padding:15px 28px;color:var(--muted)}
.primary-diagnostics>summary::-webkit-details-marker,.session-option>summary::-webkit-details-marker{display:none}
.primary-diagnostics>summary .icon,.session-option>summary .icon{width:15px;height:15px;margin-left:auto}
.primary-diagnostics[open]>summary .icon,.session-option[open]>summary .icon{transform:rotate(180deg)}
.primary-diagnostics[open]>summary{color:var(--text)}
#primary-connection{max-width:600px;padding:5px 28px 24px}
.connection-steps{margin-bottom:15px}
.connection-detail{font-size:12px;text-align:left;min-height:0}
.connection-caption>small{display:none}
.connection-caption{margin-bottom:17px}
.status-pulse{animation:none;box-shadow:none}
.step-active .step-node{box-shadow:none}
.step-active .step-node:after{animation-duration:2.5s}
.welcome-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;border-top:1px solid var(--border)}
.welcome-strip h2{font-size:18px;letter-spacing:-.4px;margin:0 0 7px}
.welcome-strip p{font-size:13px;margin:0;color:var(--muted)}
.welcome-strip .start-actions{flex-shrink:0}
.overview-compact{gap:0;border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden}
.overview-compact .overview-card{border:0;border-radius:0;padding:17px 20px;background:transparent;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}
.overview-compact .overview-card+div{border-left:1px solid var(--border)}
.overview-compact .overview-label{margin:0;font-size:12px;gap:8px}
.overview-compact .overview-card strong{font-size:23px;letter-spacing:-.5px;margin:0}
.overview-compact .overview-card small,.overview-compact .overview-card:after{display:none}
.session-option{border:1px solid var(--border);border-radius:10px;background:var(--field)}
.session-option>summary{padding:14px;color:var(--text);flex-wrap:wrap}
.session-option>summary>span{font-size:11px;color:var(--muted);font-weight:400}
.session-option-body{padding:4px 14px 17px;display:grid;gap:14px}
.session-option textarea{background:var(--panel)}
.workspace-heading{padding:23px 27px}
.workspace-heading h2{font-size:22px}
.workspace-heading p{margin-top:6px}
.stats-summary{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted)}
.stats-summary>span{display:flex;gap:10px;align-items:center}
.stats-summary strong{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}
.catalog-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}
.catalog-footer .count-caption{margin:0}
.button,button.button{transition:background-color .12s,border-color .12s;color:var(--text)}
.button.primary,.button.primary:hover{background:var(--violet);border-color:var(--violet);color:#1c0b25;box-shadow:none;transform:none}
:root[data-theme="light"] .button.primary{color:#fff}
.bot-card,.bot-card:hover{transform:none;box-shadow:none;transition:border-color .12s}
dialog::backdrop{background:#08090cc7;backdrop-filter:none}
.boot-mark:after{display:none}
.boot-panel{gap:8px}
.boot-panel>span{font-size:13px}
.hero-banner h1{font-size:30px;line-height:1.2}
.code-emblem{display:none}
.hero-banner{padding:6px 0 25px}
.hero-banner p{font-size:13px}
.donate-heading{min-height:0;padding:12px 120px 26px 0}
.donate-heading h1{font-size:32px}
.donate-logo{width:84px;height:84px;border-radius:20px}
.donate-brand{top:24px}
@media(max-width:1020px){
 .button.mobile-menu{display:inline-flex}
 .workspace-top{height:64px}
 .topbar{transition:transform .16s ease-out,visibility .16s}
}
@media(max-width:760px){
 .welcome-strip{align-items:flex-start;flex-direction:column;gap:18px}
 .primary-summary{padding:24px}
 .overview-compact .overview-card{padding:15px}
 .overview-compact .overview-label>.icon{display:none}
}
@media(max-width:580px){
 .calm-intro{padding-bottom:22px}
 .calm-intro p{font-size:13px}
 .primary-summary{padding:21px}
 .primary-title h2{font-size:22px}
 .primary-logo{width:46px;height:46px}
 .primary-identity .eyebrow{font-size:9px}
 .primary-note{font-size:13px;margin-bottom:20px}
 .primary-facts{gap:10px}
 .primary-facts>div+div{padding-left:12px}
 .primary-facts span{font-size:9px;letter-spacing:.2px}
 .primary-facts strong{font-size:13px}
 .primary-actions .button{font-size:12px;min-height:42px;padding:10px 13px;flex:none}
 .primary-diagnostics>summary{padding:15px 21px}
 #primary-connection{padding:3px 21px 22px}
 .overview-compact .overview-card{padding:13px 11px;display:flex;flex-direction:column;align-items:flex-start}
 .overview-compact .overview-label{font-size:11px;min-height:30px}
 .overview-compact .overview-card strong{font-size:23px}
 .workspace-heading{padding:20px}
 .workspace-heading h2{font-size:20px}
 .stats-summary{font-size:12px;gap:12px 18px}
 .session-option>summary{font-size:12px;gap:7px}
 .session-option>summary>span{font-size:10px}
 .hero-banner h1{font-size:27px}
 .donate-heading{padding:0 0 24px}
 .donate-heading h1{font-size:29px}
 .donate-brand{display:none}
}
/* Offscreen/hidden pages don't animate; reduced-motion users get a static UI. */
.page-paused *,.page-paused *::before,.page-paused *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Facebook connection form uses the existing dashboard spacing and palette. */
#facebook-fields{min-width:0;margin:0;padding:18px;border:1px solid var(--border);border-radius:12px}
#facebook-fields legend{padding:0 6px;font-weight:600;color:var(--text)}
#facebook-reconnect{margin-inline-start:8px}
@media(max-width:600px){#facebook-reconnect{margin:8px 0 0}}
/* Keep the banner slot at its approved dimensions and scale it on narrow screens. */
/* InstaPay QR is specifically part of Server Costs. */
.server-costs-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(155px,205px);align-items:center;gap:18px}
.server-cost-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.server-cost-copy>.bot-avatar{width:43px;height:43px;margin-bottom:25px}
.server-cost-copy .button{margin-top:auto}
.server-cost-qr{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0;text-align:center}
.server-cost-qr>a:first-child{display:block;width:min(100%,205px);overflow:hidden;border-radius:10px;background:#fff}
.server-cost-qr img{display:block;width:100%;height:auto}
.server-cost-qr figcaption{font-size:10px;line-height:1.5;color:var(--muted)}
.server-cost-qr>a:last-child{font-size:11px;color:var(--accent)}
@media(max-width:760px){.server-costs-card{grid-template-columns:1fr;gap:20px}.server-cost-qr>a:first-child{width:min(100%,280px)}.server-cost-copy .button{margin-top:12px}}