.mobile-topbar-brand,.mobile-live-hub{display:none}
.mweb-page{width:min(760px,100%);margin:0 auto;color:var(--text)}
.mweb-page a{color:inherit;text-decoration:none}
.mweb-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}
.mweb-page-head h1{margin:7px 0 9px;font-size:clamp(30px,4vw,46px)}
.mweb-page-head p{max-width:620px;margin:0;color:var(--muted);line-height:1.7}
.mweb-eyebrow{color:#d3ab52;font-size:10px;font-weight:850;letter-spacing:.2em}
.mweb-balance{min-width:118px;padding:13px 16px;border:1px solid rgba(221,181,89,.25);border-radius:20px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,rgba(221,181,89,.12),var(--panel));box-shadow:0 14px 38px rgba(0,0,0,.16)}
.mweb-balance b{color:#efd17a;font-size:25px}.mweb-balance span,.mweb-balance small{margin-top:3px;color:#8d8269;font-size:10px}.mweb-balance small{color:#ceb266}
.mweb-featured-tool{position:relative;padding:28px;overflow:hidden;border:1px solid rgba(231,200,111,.28);border-radius:30px;display:block;background:radial-gradient(circle at 100% 0,rgba(231,200,111,.14),transparent 38%),linear-gradient(145deg,#292316,#15161b 66%);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.mweb-tool-number{color:#d7af51;font:800 11px ui-monospace,monospace;letter-spacing:.16em}.mweb-featured-tool>em{position:absolute;right:25px;top:23px;padding:6px 10px;border:1px solid rgba(112,220,160,.18);border-radius:999px;color:#8ce0af;background:rgba(101,219,154,.07);font-size:10px;font-style:normal}.mweb-featured-tool>em i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#78dfa6;box-shadow:0 0 10px #78dfa6}
.mweb-featured-main{display:flex;align-items:center;gap:19px;margin-top:20px}.mweb-featured-main>img{width:78px;height:78px;border:2px solid rgba(240,201,106,.42);border-radius:24px;background:#fff;object-fit:contain}.mweb-featured-main>span{display:grid;gap:8px}.mweb-featured-main b{font-size:29px}.mweb-featured-main small{max-width:470px;color:#aaa28f;line-height:1.6}
.mweb-featured-tool footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px}.mweb-featured-tool footer>span{display:flex;gap:7px}.mweb-featured-tool footer i{padding:6px 9px;border-radius:9px;color:#938a76;background:rgba(255,255,255,.045);font-size:9px;font-style:normal}.mweb-featured-tool footer>b{color:#f0d27e;font-size:12px;white-space:nowrap}
.mweb-section{margin-top:31px}.mweb-section>header{margin:0 2px 13px;color:#aaa;font-size:12px;font-weight:700}
.mweb-tool-list,.mweb-profile-menu{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--panel)}
.mweb-tool-list>a{min-height:96px;padding:18px 21px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px minmax(0,1fr) auto 24px;align-items:center;gap:10px}.mweb-tool-list>a:last-child,.mweb-profile-menu>a:last-child{border-bottom:0}.mweb-tool-list>a>i{color:#d7af51;font:800 11px ui-monospace,monospace;font-style:normal;letter-spacing:.12em}.mweb-tool-list>a>span{display:grid;gap:6px}.mweb-tool-list>a b{font-size:16px}.mweb-tool-list>a small{color:#7f8595;font-size:11px}.mweb-tool-list>a>em{padding:5px 8px;border-radius:8px;color:#73dca1;background:rgba(101,219,154,.08);font-size:9px;font-style:normal}.mweb-tool-list>a>strong,.mweb-settings-row>strong,.mweb-campaign-row>strong,.mweb-profile-menu strong{color:#9e8347;font-size:28px;font-weight:300}
.mweb-campaign-row,.mweb-settings-row{min-height:108px;padding:20px 22px;border:1px solid var(--line);border-radius:23px;display:flex;align-items:center;gap:16px;background:var(--panel)}
.mweb-campaign-row{border-color:rgba(101,219,154,.17);background:linear-gradient(135deg,rgba(101,219,154,.075),var(--panel))}.mweb-campaign-row>i{padding:7px 9px;border-radius:9px;color:#86e2ad;background:rgba(101,219,154,.09);font-size:9px;font-style:normal;white-space:nowrap}.mweb-campaign-row>span,.mweb-settings-row>span{min-width:0;display:grid;gap:6px;flex:1}.mweb-campaign-row small,.mweb-settings-row small{color:#7f8595;font-size:11px;line-height:1.55}.mweb-settings-row b,.mweb-campaign-row b{font-size:16px}
.mweb-guard{margin-top:26px;padding:21px;border:1px solid rgba(101,219,154,.18);border-radius:20px;background:rgba(101,219,154,.055)}.mweb-guard b{color:#78dba3;font-size:14px}.mweb-guard p{margin:8px 0 0;color:#8d9b95;font-size:11px;line-height:1.7}
.mweb-task-filters{display:flex;margin:8px 0 22px;padding:5px;border-radius:17px;background:var(--panel)}.mweb-task-filters button{min-height:42px;flex:1;padding:0 5px;border:0;border-radius:13px;color:#7e8494;background:transparent;font-size:12px}.mweb-task-filters button.active{color:#f1cf78;background:#242118;font-weight:750}.mweb-task-list{display:grid;gap:13px}.mweb-task-card{padding:21px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.mweb-task-card[hidden]{display:none}.mweb-task-card header,.mweb-task-card footer{display:flex;align-items:center;justify-content:space-between}.mweb-task-card header>span{color:#8e94a5;font-size:11px}.mweb-task-card header>em{padding:5px 8px;border-radius:8px;font-size:10px;font-style:normal}.mweb-task-card header>em.active{color:#f0c96a;background:rgba(240,201,106,.09)}.mweb-task-card header>em.done{color:#67db9a;background:rgba(103,219,154,.09)}.mweb-task-card header>em.bad{color:#ff8585;background:rgba(255,125,125,.09)}.mweb-task-card h2{margin:15px 0 0;font-size:17px}.mweb-progress{height:5px;margin-top:19px;overflow:hidden;border-radius:5px;background:#262832}.mweb-progress i{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#b8892e,#f1d17c)}.mweb-task-card footer{margin-top:13px;color:#707687;font-size:10px}.mweb-task-card>p{margin:14px 0 0;padding:11px;border-radius:10px;color:#df9090;background:rgba(255,121,121,.06);font-size:10px;line-height:1.55}.mweb-empty,.mweb-filter-empty{padding:42px 20px;border:1px solid var(--line);border-radius:23px;display:flex;flex-direction:column;align-items:center;background:var(--panel);text-align:center}.mweb-empty img{width:76px}.mweb-empty b{margin-top:12px}.mweb-empty p,.mweb-filter-empty{color:var(--muted)}.mweb-empty>a{margin-top:12px;padding:9px 14px;border-radius:12px;color:#1a150b;background:#e6c66f;font-weight:700}.mweb-filter-empty{margin-top:13px}
.mweb-profile-head{display:flex;align-items:center;gap:20px;margin-top:24px}.mweb-profile-head>img{width:92px;height:92px;padding:3px;border:1px solid rgba(240,201,106,.45);border-radius:29px;background:#fff;object-fit:contain;box-shadow:0 15px 38px rgba(0,0,0,.25)}.mweb-profile-head>span{display:grid;gap:8px}.mweb-profile-head b{font-size:28px}.mweb-profile-head small{color:#7f8595}
.mweb-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.mweb-metrics>span{min-height:104px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--panel)}.mweb-metrics b{color:#e5c46d;font-size:22px}.mweb-metrics small{margin-top:7px;color:#797f90;font-size:10px}
.mweb-membership{margin-top:20px;padding:23px;border:1px solid rgba(240,201,106,.2);border-radius:24px;display:block;background:linear-gradient(145deg,rgba(63,51,25,.62),var(--panel) 72%)}.mweb-membership.active{border-color:rgba(240,201,106,.38)}.mweb-membership header,.mweb-membership footer{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mweb-membership header span{display:grid;gap:7px}.mweb-membership header small{color:#a98c50;font-size:9px;letter-spacing:.13em}.mweb-membership header b{font-size:19px}.mweb-membership header em{padding:5px 8px;border-radius:9px;color:#e9cb7b;background:rgba(240,201,106,.1);font-size:9px;font-style:normal}.mweb-membership p{color:#a09b8e;font-size:11px;line-height:1.65}.mweb-membership footer{margin-top:17px;padding-top:14px;border-top:1px solid rgba(255,255,255,.065);align-items:center;color:#efd078;font-size:12px}.mweb-membership footer strong{font-size:24px;font-weight:300}
.mweb-profile-menu{margin-top:22px}.mweb-profile-menu>a{min-height:65px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:14px}.mweb-profile-menu em{color:#cbb36f;font-size:11px;font-style:normal}.mweb-logout{width:100%;min-height:48px;margin-top:20px;border:1px solid rgba(229,91,91,.18);border-radius:15px;color:#e27e7e;background:rgba(229,91,91,.05)}

@media(max-width:820px){
  html{background:#090a0f}
  body.client-ui{padding-bottom:calc(82px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -80px,rgba(222,177,76,.08),transparent 330px),#090a0f}
  .client-ui .main{min-width:0}.client-ui .topbar{min-height:62px;padding:8px 12px;position:sticky;top:0;z-index:55;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(9,10,15,.86);backdrop-filter:blur(22px) saturate(1.3)}
  .client-ui .topbar-left{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px}.client-ui .nav-toggle{width:42px;min-width:42px;height:42px;padding:0;justify-content:center;border-radius:14px}.client-ui .nav-toggle-text,.client-ui .topbar-divider,.client-ui .topbar-status,.client-ui .platform-live-strip{display:none!important}
  .mobile-topbar-brand{min-width:0;display:flex;align-items:center;gap:9px}.mobile-topbar-brand>img{width:35px;height:35px;border-radius:11px;background:#fff;object-fit:contain}.mobile-topbar-brand>span{min-width:0;display:flex;flex-direction:column}.mobile-topbar-brand b{font-size:14px;line-height:1.1}.mobile-topbar-brand small{margin-top:3px;color:#777d8c;font-size:8px;letter-spacing:.11em}
  .client-ui .topbar-actions{display:flex}.client-ui .topbar-actions>:not(.mobile-live-hub){display:none!important}.mobile-live-hub{height:46px;min-width:157px;padding:5px 8px 5px 10px;border:1px solid rgba(239,204,113,.18);border-radius:16px;display:grid!important;grid-template-columns:minmax(48px,.82fr) repeat(2,minmax(34px,.59fr));align-items:center;gap:6px;color:#f4e4b7;background:linear-gradient(140deg,rgba(72,59,29,.8),rgba(19,20,27,.96) 64%);box-shadow:inset 0 1px rgba(255,255,255,.055),0 8px 24px rgba(0,0,0,.18)}
  .mobile-live-points{min-width:0;display:flex;align-items:center;gap:5px}.mobile-live-points>i{color:#efce74;font-size:10px;font-style:normal}.mobile-live-points>span,.mobile-live-signal>span{min-width:0;display:flex;flex-direction:column}.mobile-live-points small,.mobile-live-signal small{color:#837b67;font-size:6px;line-height:1}.mobile-live-points b{margin-top:3px;color:#f4d884;font-size:14px;line-height:1;font-variant-numeric:tabular-nums}
  .mobile-live-signal{min-width:0;padding-left:6px;border-left:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:4px}.mobile-live-signal>i{width:5px;height:5px;flex:none;border-radius:50%;background:#64dda1;box-shadow:0 0 8px rgba(100,221,161,.55);font-size:0}.mobile-live-signal.token>i{width:auto;height:auto;border-radius:0;color:#73b7ff;background:none;box-shadow:none;font-size:10px;font-style:normal}.mobile-live-signal b{max-width:42px;overflow:hidden;color:#dce5e4;font-size:9px;line-height:1;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.mobile-live-signal small{margin-top:4px;color:#6f7480}
  .mobile-live-signal[hidden]{display:none!important}
  .client-ui .content{padding:16px 12px 26px}.client-ui .site-compliance-footer{padding-bottom:14px}
  .client-ui .company-profile-reminder{margin-bottom:14px;padding:13px;border-radius:18px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px}.client-ui .company-profile-reminder .ui-mascot{width:38px;height:38px}.client-ui .company-profile-reminder>a{grid-column:1/-1;width:100%;text-align:center}
  .x3-mobile-rail{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(4,1fr)!important;padding:6px!important;border-radius:22px!important;background:rgba(17,18,25,.88)!important;box-shadow:0 16px 55px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.05)!important}
  .x3-mobile-rail a{min-height:52px;padding:6px 2px!important;justify-content:center;gap:3px!important;border-radius:16px!important;font-size:9px!important}.x3-mobile-rail a i{width:22px;height:22px!important;display:grid;place-items:center}.x3-mobile-rail svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.x3-mobile-rail a.active{color:#f0d17c!important;background:rgba(240,201,106,.1)!important}
  .x3-home{gap:30px}.x3-agent-stage{margin:0;padding:22px 13px 16px!important;border-radius:26px!important}.x3-agent-stage:has(.x3-chat) .x3-agent-intro{margin-bottom:16px!important}.x3-agent-stage:has(.x3-chat) .x3-agent-mark{width:66px!important;flex-basis:66px!important}.x3-agent-stage:has(.x3-chat) h1{font-size:25px!important;line-height:1.16!important}.x3-agent-intro h1 em{display:inline}.x3-kicker{font-size:7px!important}.x3-chat-toolbar{padding:12px 10px!important}.x3-chat-status{max-width:52%!important}.x3-chat .x3-chat-messages{min-height:170px;max-height:300px!important;padding:17px 10px 8px!important}.x3-chat .x3-chat-composer{margin:0 6px!important;padding:10px!important;border-radius:17px!important}.x3-chat-composer textarea{min-height:60px!important}.x3-chat-footnote{margin:8px 11px 12px!important}
  .x3-section-head{margin-bottom:14px!important;gap:10px!important}.x3-section-head h2{margin:5px 0;font-size:23px!important}.x3-section-head p{font-size:11px;line-height:1.55}.x3-section-head>a{font-size:10px}.x3-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.x3-outcome-card{min-height:165px!important;padding:16px!important;border-radius:22px!important}.x3-outcome-card.x3-talking{order:1}.x3-outcome-card.x3-commerce{order:2}.x3-outcome-card.x3-film{order:3}.x3-outcome-card.x3-model{order:4}.x3-card-icon{width:38px!important;height:38px!important;margin-bottom:18px!important;border-radius:13px!important;font-size:17px!important}.x3-card-number{right:14px!important;top:13px!important}.x3-outcome-card small{font-size:7px!important}.x3-outcome-card h3{margin:6px 0 0!important;font-size:17px!important}.x3-outcome-card p,.x3-outcome-card footer{display:none!important}
  .x3-workspace{scroll-margin-top:72px}.x3-workspace-head{gap:13px!important}.x3-mini-stats span{padding:9px!important}.x3-mini-stats b{font-size:14px!important}.x3-work-grid{gap:11px!important}.x3-work-card{padding:18px!important;border-radius:22px!important}.x3-company-list> a,.x3-task-list> a{padding:12px 2px!important}.x3-company-list em{display:none}.x3-trust-row{display:none!important}
  .mweb-page{width:100%}.mweb-page-head{gap:12px;margin-bottom:19px}.mweb-page-head h1{font-size:28px}.mweb-page-head p{font-size:12px}.mweb-balance{min-width:92px;padding:10px 11px;border-radius:17px}.mweb-balance b{font-size:21px}.mweb-featured-tool{padding:22px 19px;border-radius:27px}.mweb-featured-main>img{width:66px;height:66px;border-radius:20px}.mweb-featured-main b{font-size:25px}.mweb-featured-main small{font-size:11px}.mweb-featured-tool footer{align-items:flex-end}.mweb-featured-tool footer>span{gap:5px}.mweb-featured-tool footer i{padding:5px 6px;font-size:8px}.mweb-section{margin-top:25px}.mweb-tool-list>a{min-height:88px;padding:15px 16px;grid-template-columns:35px minmax(0,1fr) auto 18px}.mweb-tool-list>a b{font-size:15px}.mweb-tool-list>a small{font-size:10px}.mweb-campaign-row,.mweb-settings-row{padding:17px;min-height:98px}.mweb-profile-head{margin-top:18px}.mweb-profile-head>img{width:80px;height:80px}.mweb-profile-head b{font-size:25px}.mweb-metrics{margin-top:23px}.mweb-metrics>span{min-height:90px}.mweb-membership{padding:20px}.mweb-profile-menu>a{min-height:62px}
}

@media(max-width:390px){
  .mobile-live-hub{min-width:145px;padding-left:8px;padding-right:7px;gap:4px}.mobile-topbar-brand>span small{display:none}.mobile-live-signal{padding-left:4px}
  .x3-agent-stage:has(.x3-chat) h1{font-size:22px!important}.x3-agent-stage:has(.x3-chat) .x3-agent-mark{width:58px!important;flex-basis:58px!important}.x3-chat-controls{gap:8px!important}.x3-chat-status{max-width:48%!important}.x3-chat-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mweb-featured-tool footer>span i:last-child{display:none}.mweb-tool-list>a>em{display:none}.mweb-tool-list>a{grid-template-columns:32px minmax(0,1fr) 18px}.mweb-metrics b{font-size:19px}
}

@media(max-width:350px){.mobile-topbar-brand>span{display:none}.mobile-topbar-brand{width:35px}.client-ui .topbar-left{grid-template-columns:42px 35px}.mobile-live-hub{min-width:150px}}

@media(prefers-reduced-motion:reduce){.x3-agent-mark img{animation:none!important}}
