/* Unified Taixu workspace design system for every non-home surface. */
body.tx-app:not(.home-redesign-active),
body.tx-tool {
  --tx-page:#f4f6f2;
  --tx-surface:#ffffff;
  --tx-soft:#edf1ec;
  --tx-ink:#141814;
  --tx-muted:#687069;
  --tx-line:#d6dcd5;
  --tx-line-strong:#aeb8b0;
  --tx-jade:#2d5846;
  --tx-jade-strong:#214536;
  --tx-gold:#a67625;
  --tx-gold-soft:#f2e8d3;
  --tx-danger:#a34138;
  --tx-shadow:0 14px 36px rgba(23,34,28,.07);
  --bg:var(--tx-page);
  --page:var(--tx-page);
  --paper:var(--tx-page);
  --panel:var(--tx-surface);
  --surface:var(--tx-surface);
  --panel-2:var(--tx-soft);
  --surface-soft:var(--tx-soft);
  --soft:var(--tx-soft);
  --ink:var(--tx-ink);
  --muted:var(--tx-muted);
  --line:var(--tx-line);
  --line-strong:var(--tx-line-strong);
  --green:var(--tx-jade);
  --teal:var(--tx-jade);
  --gold:var(--tx-gold);
  --gold-2:#c79a4a;
  --red:var(--tx-danger);
  --shadow:var(--tx-shadow);
  margin:0;
  color:var(--tx-ink);
  background:var(--tx-page);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:0;
}

html[data-theme="night"] body.tx-app:not(.home-redesign-active),
:root[data-theme="dark"] body.tx-tool {
  --tx-page:#101310;
  --tx-surface:#181c18;
  --tx-soft:#202520;
  --tx-ink:#eef1eb;
  --tx-muted:#a3aaa3;
  --tx-line:#343b35;
  --tx-line-strong:#586159;
  --tx-jade:#79aa91;
  --tx-jade-strong:#91bca5;
  --tx-gold:#d2ae69;
  --tx-gold-soft:#342d20;
  --tx-danger:#df8178;
  --tx-shadow:0 16px 38px rgba(0,0,0,.24);
  --gold-2:#e2c27e;
}

body.tx-app:not(.home-redesign-active) *,
body.tx-tool * { letter-spacing:0; }

body.tx-app:not(.home-redesign-active) :is(h1,h2,h3),
body.tx-tool :is(h1,h2,h3) { color:var(--tx-ink); letter-spacing:0; }

body.tx-app:not(.home-redesign-active) :is(a,button,input,select,textarea),
body.tx-tool :is(a,button,input,select,textarea) { -webkit-tap-highlight-color:transparent; }

body.tx-app:not(.home-redesign-active) :is(a,button,input,select,textarea):focus-visible,
body.tx-tool :is(a,button,input,select,textarea):focus-visible {
  outline:2px solid color-mix(in srgb,var(--tx-jade) 74%,white);
  outline-offset:2px;
}

/* Shared public shell */
body.tx-app:not(.home-redesign-active) .site-header {
  height:64px;
  background:color-mix(in srgb,var(--tx-surface) 90%,transparent);
  border-bottom:1px solid var(--tx-line);
  backdrop-filter:saturate(130%) blur(20px);
}
body.tx-app:not(.home-redesign-active) .nav { max-width:1460px; padding:0 28px; }
body.tx-app:not(.home-redesign-active) .brand-logo { height:48px; }
body.tx-app:not(.home-redesign-active) .brand-copy strong { color:var(--tx-ink); font-size:15px; letter-spacing:0; }
body.tx-app:not(.home-redesign-active) .brand-copy small { color:var(--tx-muted); letter-spacing:0; }
body.tx-app:not(.home-redesign-active) .nav-links { gap:22px; color:var(--tx-muted); font-size:13px; }
body.tx-app:not(.home-redesign-active) .nav-links a:hover { color:var(--tx-jade); }

body.tx-app:not(.home-redesign-active) .btn {
  min-height:42px;
  padding:0 17px;
  border:1px solid var(--tx-jade);
  border-radius:7px;
  color:#fff;
  background:var(--tx-jade);
  box-shadow:none;
  font-weight:720;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease;
}
body.tx-app:not(.home-redesign-active) .btn:hover { filter:none; background:var(--tx-jade-strong); transform:translateY(-1px); }
body.tx-app:not(.home-redesign-active) .btn.secondary {
  color:var(--tx-jade);
  background:transparent;
  border-color:color-mix(in srgb,var(--tx-jade) 55%,var(--tx-line));
}
body.tx-app:not(.home-redesign-active) .btn.ghost {
  color:var(--tx-muted);
  background:var(--tx-surface);
  border-color:var(--tx-line);
}
body.tx-app:not(.home-redesign-active) .btn.danger { color:var(--tx-danger); background:transparent; border-color:color-mix(in srgb,var(--tx-danger) 45%,var(--tx-line)); }
body.tx-app:not(.home-redesign-active) .btn.small { min-height:34px; border-radius:6px; }
body.tx-app:not(.home-redesign-active) .eyebrow { color:var(--tx-gold); text-shadow:none; letter-spacing:0; }

body.tx-app:not(.home-redesign-active) :is(.input,.mini-input,input,select,textarea) {
  border-radius:6px;
}
body.tx-app:not(.home-redesign-active) :is(.input,.mini-input) {
  color:var(--tx-ink);
  background:var(--tx-soft);
  border:1px solid var(--tx-line);
  box-shadow:none;
}
body.tx-app:not(.home-redesign-active) :is(.input,.mini-input):focus {
  border-color:var(--tx-jade);
  background:var(--tx-surface);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--tx-jade) 13%,transparent);
}

body.tx-app:not(.home-redesign-active) :is(.auth-page,.learn-page,.admin-page) {
  min-height:calc(100vh - 64px);
  color:var(--tx-ink);
  background:var(--tx-page);
}

/* Authentication */
body.tx-app:not(.home-redesign-active) .auth-shell {
  max-width:1120px;
  min-height:calc(100vh - 64px);
  padding:64px 28px;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:84px;
}
body.tx-app:not(.home-redesign-active) .auth-copy { padding-left:26px; border-left:3px solid var(--tx-gold); }
body.tx-app:not(.home-redesign-active) .auth-copy h1 {
  margin:14px 0 20px;
  color:var(--tx-ink);
  font-weight:750;
  font-size:clamp(30px,3.5vw,42px);
  line-height:1.15;
  letter-spacing:-.02em;
}
body.tx-app:not(.home-redesign-active) .auth-copy p { color:var(--tx-muted); font-size:14px; line-height:1.9; }
body.tx-app:not(.home-redesign-active) .auth-card {
  padding:28px;
  border:1px solid var(--tx-line);
  border-radius:8px;
  color:var(--tx-ink);
  background:var(--tx-surface);
  box-shadow:var(--tx-shadow);
}
body.tx-app:not(.home-redesign-active) .auth-card h2 { margin-top:0; }
body.tx-app:not(.home-redesign-active) .tabs { padding:3px; border:1px solid var(--tx-line); border-radius:7px; background:var(--tx-soft); }
body.tx-app:not(.home-redesign-active) .tab { border-radius:5px; }
body.tx-app:not(.home-redesign-active) .tab.active { color:var(--tx-jade); background:var(--tx-surface); box-shadow:0 1px 4px rgba(20,30,24,.08); }
body.tx-app:not(.home-redesign-active) .demo,
body.tx-app:not(.home-redesign-active) .auth-choice-note,
body.tx-app:not(.home-redesign-active) .auth-inline-note {
  border-color:var(--tx-line);
  border-radius:6px;
  color:var(--tx-muted);
  background:var(--tx-soft);
}

/* Member, checkout and service surfaces */
body.tx-app:not(.home-redesign-active) :is(.member-center,.checkout-page,.coin-recharge-page,.copyright-page,.help-page,.community-membership-page) {
  width:min(1280px,100%);
  max-width:1280px;
  margin:auto;
  padding:46px 28px 90px;
  color:var(--tx-ink);
  background:var(--tx-page);
}
body.tx-app:not(.home-redesign-active) :is(.member-welcome,.activation-card,.member-buy,.member-boundary,.member-course-open,.checkout-form>section,.checkout-aside,.order-result,.coin-recharge-history,.copyright-history,.community-account-card,.community-login-prompt,.community-order-history,.expert-application,.expert-directory,.community-trust-note) {
  border:1px solid var(--tx-line);
  border-radius:8px;
  color:var(--tx-ink);
  background:var(--tx-surface);
  background-image:none;
  box-shadow:none;
}
body.tx-app:not(.home-redesign-active) .member-welcome {
  padding:30px;
  border-left:4px solid var(--tx-jade);
}
body.tx-app:not(.home-redesign-active) .member-welcome h1 { color:var(--tx-ink); font-size:38px; }
body.tx-app:not(.home-redesign-active) .member-account-pills span,
body.tx-app:not(.home-redesign-active) .member-pills span { border-radius:5px; color:var(--tx-muted); background:var(--tx-soft); border-color:var(--tx-line); }
body.tx-app:not(.home-redesign-active) .member-plan-grid article {
  border:1px solid var(--tx-line);
  border-radius:7px;
  color:var(--tx-ink);
  background:var(--tx-surface);
}
body.tx-app:not(.home-redesign-active) .member-plan-grid strong { color:var(--tx-jade); }
body.tx-app:not(.home-redesign-active) .member-boundary { border-left:4px solid var(--tx-jade); }
body.tx-app:not(.home-redesign-active) .member-boundary strong { color:var(--tx-jade); }

body.tx-app:not(.home-redesign-active) .checkout-head h1 { color:var(--tx-ink); }
body.tx-app:not(.home-redesign-active) .checkout-steps span { border-radius:5px; border-color:var(--tx-line); color:var(--tx-muted); }
body.tx-app:not(.home-redesign-active) .checkout-steps .active { color:var(--tx-jade); border-color:var(--tx-jade); background:color-mix(in srgb,var(--tx-jade) 8%,transparent); }
body.tx-app:not(.home-redesign-active) .checkout-section-head span { border-radius:6px; color:#fff; background:var(--tx-jade); }
body.tx-app:not(.home-redesign-active) :is(.payment-option,.checkout-account span,.order-facts>span,.payment-gateway-state>div) {
  border-color:var(--tx-line);
  border-radius:6px;
  color:var(--tx-ink);
  background:var(--tx-soft);
}
body.tx-app:not(.home-redesign-active) .payment-option:has(input:checked) { border-color:var(--tx-jade); background:color-mix(in srgb,var(--tx-jade) 8%,var(--tx-surface)); }
body.tx-app:not(.home-redesign-active) .checkout-aside { top:82px; }
body.tx-app:not(.home-redesign-active) .checkout-aside>#checkoutTotal strong { color:var(--tx-jade); }
body.tx-app:not(.home-redesign-active) .checkout-guard span:before { color:var(--tx-jade); }
body.tx-app:not(.home-redesign-active) .legal-consent { padding:13px; border:1px solid var(--tx-line); border-radius:6px; color:var(--tx-muted); background:var(--tx-soft); }
body.tx-app:not(.home-redesign-active) .legal-consent a { color:var(--tx-jade); }

/* Learning workspace */
body.tx-app:not(.home-redesign-active) .learn-wrap { max-width:1460px; padding:24px 28px 86px; }
body.tx-app:not(.home-redesign-active) .learn-hero {
  padding:26px 28px;
  border:0;
  border-radius:8px;
  color:#f3f2ec;
  background:#1d3d30;
  box-shadow:none;
}
body.tx-app:not(.home-redesign-active) .learn-hero :is(h1,.eyebrow) { color:#f3f2ec; }
body.tx-app:not(.home-redesign-active) .learn-hero .btn.secondary { color:#e6d09a; border-color:rgba(230,208,154,.42); background:transparent; }
body.tx-app:not(.home-redesign-active) .learn-hero .btn.ghost { color:#d7ddd8; border-color:rgba(255,255,255,.22); background:transparent; }
body.tx-app:not(.home-redesign-active) .student-tool-grid { gap:10px; }
body.tx-app:not(.home-redesign-active) .tool-banner {
  min-height:104px;
  border:1px solid var(--tx-line);
  border-top:3px solid var(--tx-jade);
  border-radius:7px;
  color:var(--tx-ink);
  background:var(--tx-surface);
  background-image:none;
  box-shadow:none;
}
body.tx-app:not(.home-redesign-active) .tool-banner :is(strong,.tool-arrow) { color:var(--tx-jade); }
body.tx-app:not(.home-redesign-active) .tool-banner small { color:var(--tx-muted); }
body.tx-app:not(.home-redesign-active) .learn-grid { grid-template-columns:300px minmax(0,1fr); gap:14px; }
body.tx-app:not(.home-redesign-active) .catalog,
body.tx-app:not(.home-redesign-active) .lesson-view {
  border:1px solid var(--tx-line);
  border-radius:8px;
  color:var(--tx-ink);
  background:var(--tx-surface);
  box-shadow:none;
}
body.tx-app:not(.home-redesign-active) .catalog { top:78px; padding:10px; }
body.tx-app:not(.home-redesign-active) .lesson-btn { border-radius:6px; color:var(--tx-ink); }
body.tx-app:not(.home-redesign-active) .lesson-btn:hover,
body.tx-app:not(.home-redesign-active) .lesson-btn.active { color:var(--tx-jade); background:color-mix(in srgb,var(--tx-jade) 9%,var(--tx-surface)); }
body.tx-app:not(.home-redesign-active) .lesson-check { border-radius:5px; border-color:var(--tx-line); }
body.tx-app:not(.home-redesign-active) .lesson-view h2 { color:var(--tx-ink); font-size:36px; }
body.tx-app:not(.home-redesign-active) .learn-page :is(.activity-center,.announcement-panel,.community-panel,.member-answers,.monitor-center,.learning-nudge,.reward-center,.copyright-service-banner,.public-help-banner,.premium-template-banner) {
  border:1px solid var(--tx-line);
  border-radius:8px;
  color:var(--tx-ink);
  background:var(--tx-surface);
  background-image:none;
  box-shadow:none;
}
body.tx-app:not(.home-redesign-active) .learn-page :is(.activity-card,.answer-card,.announcement-item,.monitor-review-item) { border-radius:6px; border-color:var(--tx-line); background:var(--tx-soft); }

/* Teacher, operator and owner workspaces */
body.tx-app:not(.home-redesign-active) .admin-page { min-height:100vh; background:var(--tx-page); }
body.tx-app:not(.home-redesign-active) .admin-layout {
  max-width:1600px;
  grid-template-columns:236px minmax(0,1fr);
  gap:16px;
  padding:16px;
}
body.tx-app:not(.home-redesign-active) .admin-nav {
  top:16px;
  min-height:calc(100vh - 32px);
  padding:14px 10px;
  border:0;
  border-radius:8px;
  color:#dce2dd;
  background:#17251f;
  box-shadow:none;
}
body.tx-app:not(.home-redesign-active) .admin-nav .brand { padding:7px 9px 17px; color:#fff; }
body.tx-app:not(.home-redesign-active) .admin-nav .seal { width:38px; height:38px; border-radius:7px; color:#e4c77f; background:transparent; box-shadow:none; }
body.tx-app:not(.home-redesign-active) .admin-nav button {
  min-height:38px;
  margin:1px 0;
  padding:9px 11px;
  border-radius:6px;
  color:#aebbb4;
}
body.tx-app:not(.home-redesign-active) .admin-nav button:hover { color:#fff; background:rgba(255,255,255,.07); }
body.tx-app:not(.home-redesign-active) .admin-nav button.active { color:#fff; background:#315a48; }
body.tx-app:not(.home-redesign-active) .admin-nav-section-label { color:#819188; letter-spacing:0; }
body.tx-app:not(.home-redesign-active) .admin-main { padding:0 4px 60px; }
body.tx-app:not(.home-redesign-active) .admin-head {
  min-height:78px;
  padding:10px 4px 17px;
  border-bottom:1px solid var(--tx-line);
}
body.tx-app:not(.home-redesign-active) .admin-head h1 { color:var(--tx-ink); font-size:28px; }
body.tx-app:not(.home-redesign-active) .admin-section-context { border-radius:5px; color:var(--tx-jade); border-color:var(--tx-line); background:var(--tx-soft); }
body.tx-app:not(.home-redesign-active) .stats { gap:10px; }
body.tx-app:not(.home-redesign-active) :is(.stat,.admin-card,.order-admin-summary>div) {
  border:1px solid var(--tx-line);
  border-radius:8px;
  color:var(--tx-ink);
  background:var(--tx-surface);
  background-image:none;
  box-shadow:none;
}
body.tx-app:not(.home-redesign-active) .stat { padding:18px; }
body.tx-app:not(.home-redesign-active) .stat strong { color:var(--tx-jade); font-size:30px; }
body.tx-app:not(.home-redesign-active) .admin-card { padding:20px; margin-top:12px; }
body.tx-app:not(.home-redesign-active) .admin-card .admin-card { padding:14px; border:0; background:var(--tx-soft); }
body.tx-app:not(.home-redesign-active) .admin-overview-command { border-radius:8px; border-color:var(--tx-line); background:var(--tx-surface); background-image:none; box-shadow:none; }
body.tx-app:not(.home-redesign-active) .admin-priority-item { border-radius:6px; color:var(--tx-ink); border-color:var(--tx-line); background:var(--tx-soft); }
body.tx-app:not(.home-redesign-active) .priority-mark { border-radius:5px; color:var(--tx-jade); background:var(--tx-surface); }
body.tx-app:not(.home-redesign-active) .table-wrap { border:1px solid var(--tx-line); border-radius:7px; background:var(--tx-surface); }
body.tx-app:not(.home-redesign-active) table { color:var(--tx-ink); }
body.tx-app:not(.home-redesign-active) th { color:var(--tx-muted); background:var(--tx-soft); }
body.tx-app:not(.home-redesign-active) td { border-color:var(--tx-line); }
body.tx-app:not(.home-redesign-active) tbody tr:hover { background:color-mix(in srgb,var(--tx-jade) 5%,transparent); }

/* Help, community, templates and legal content */
body.tx-app:not(.home-redesign-active) :is(.help-hero,.community-membership-hero,.coin-recharge-hero,.copyright-hero) { padding-top:24px; border-bottom-color:var(--tx-line); }
body.tx-app:not(.home-redesign-active) :is(.help-hero,.community-membership-hero,.coin-recharge-hero,.copyright-hero) h1 { color:var(--tx-ink); letter-spacing:0; }
body.tx-app:not(.home-redesign-active) :is(.help-balance strong,.community-membership-price strong,.coin-recharge-balance strong,.copyright-price strong) { color:var(--tx-jade); }
body.tx-app:not(.home-redesign-active) :is(.help-question-card,.help-detail,.help-public-rules,.help-guide-card,.expert-directory-card,.community-boundaries article) {
  border:1px solid var(--tx-line);
  border-radius:7px;
  color:var(--tx-ink);
  background:var(--tx-surface);
  box-shadow:none;
}
body.tx-app:not(.home-redesign-active) .help-question-card:hover { border-color:var(--tx-jade); transform:none; }
body.tx-app:not(.home-redesign-active) .help-aside { top:80px; }
body.tx-app:not(.home-redesign-active) .community-boundaries { gap:8px; }
body.tx-app:not(.home-redesign-active) .community-boundaries article { padding:17px; }

body.tx-app:not(.home-redesign-active) .premium-center-page { color:var(--tx-ink); background:var(--tx-page); }
body.tx-app:not(.home-redesign-active) .premium-center-hero { max-width:1280px; padding-top:62px; }
body.tx-app:not(.home-redesign-active) .premium-center-hero h1 { color:var(--tx-ink); font-size:62px; }
body.tx-app:not(.home-redesign-active) :is(.premium-wallet,.premium-rule-grid article,.premium-submit-shell,.premium-member-boundary,.premium-template-card) {
  border:1px solid var(--tx-line);
  border-radius:8px;
  color:var(--tx-ink);
  background:var(--tx-surface);
  background-image:none;
  box-shadow:none;
}
body.tx-app:not(.home-redesign-active) :is(.premium-wallet strong,.premium-tier,.premium-filters button.active) { color:var(--tx-jade); }
body.tx-app:not(.home-redesign-active) .premium-filters button { border-radius:6px; background:var(--tx-surface); }
body.tx-app:not(.home-redesign-active) .premium-filters button.active { border-color:var(--tx-jade); background:color-mix(in srgb,var(--tx-jade) 8%,var(--tx-surface)); }
body.tx-app:not(.home-redesign-active) :is(.premium-test-progress,.premium-note,.premium-test-form,.premium-draft-recovery) { border-radius:6px; }

body.tx-app.legal-body { background:var(--tx-page); }
body.tx-app .legal-site-header { background:color-mix(in srgb,var(--tx-surface) 94%,transparent); }
body.tx-app .legal-page { max-width:1120px; padding-top:64px; color:var(--tx-ink); }
body.tx-app .legal-hero { border-bottom-color:var(--tx-line); }
body.tx-app .legal-hero h1 { color:var(--tx-ink); font-size:54px; letter-spacing:0; }
body.tx-app .legal-toc { top:64px; border-bottom-color:var(--tx-line); background:color-mix(in srgb,var(--tx-page) 94%,transparent); }
body.tx-app .legal-toc a { border-radius:5px; color:var(--tx-muted); border-color:var(--tx-line); }
body.tx-app .legal-highlights>div { border-radius:7px; border-color:var(--tx-line); background:var(--tx-surface); }
body.tx-app .legal-document>header { border-bottom-color:var(--tx-jade); }
body.tx-app .legal-document :is(h2,h3) { color:var(--tx-ink); }
body.tx-app .legal-document :is(p,li) { color:var(--tx-muted); }
body.tx-app .legal-document section { border-bottom-color:var(--tx-line); }

/* Shared creative tools */
body.tx-tool { min-width:320px; }
body.tx-tool .topbar {
  min-height:64px;
  padding:9px max(22px,calc((100vw - 1500px)/2));
  color:var(--tx-ink);
  background:color-mix(in srgb,var(--tx-surface) 92%,transparent);
  border-bottom:1px solid var(--tx-line);
  backdrop-filter:saturate(125%) blur(18px);
  box-shadow:none;
}
body.tx-tool .brand img { width:42px; height:42px; }
body.tx-tool .brand strong,
body.tx-tool .brand-block h1 { color:var(--tx-ink); font-size:16px; }
body.tx-tool .brand small,
body.tx-tool .brand-block p { color:var(--tx-muted); }
body.tx-tool :is(.coin-chip,.back-link,.icon-button) { min-height:36px; border:1px solid var(--tx-line); border-radius:6px; color:var(--tx-ink); background:var(--tx-soft); }
body.tx-tool .page-shell { width:min(1500px,calc(100% - 40px)); margin:0 auto; padding:28px 0 48px; }
body.tx-tool .app-shell { width:min(1540px,100%); padding:0 26px 48px; }
body.tx-tool .intro-band {
  padding:18px 0 24px;
  color:var(--tx-ink);
  background:transparent;
  background-image:none;
  border:0;
  border-bottom:1px solid var(--tx-line);
  border-radius:0;
  box-shadow:none;
}
body.tx-tool .intro-band h1 { color:var(--tx-ink); font-weight:750; font-size:clamp(24px,3vw,32px); line-height:1.2; }
body.tx-tool .intro-band p { color:var(--tx-muted); }
body.tx-tool :is(.kicker,.panel-heading span) { color:var(--tx-gold); letter-spacing:0; }
body.tx-tool :is(.status-points span,.method-points span) { border-radius:5px; color:var(--tx-muted); background:var(--tx-surface); border-color:var(--tx-line); }
body.tx-tool :is(.control-panel,.canvas-panel,.preview-panel,.input-panel,.result-panel,.history-section,.mixer,.ai-generation-panel) {
  border:1px solid var(--tx-line);
  border-radius:8px;
  color:var(--tx-ink);
  background:var(--tx-surface);
  background-image:none;
  box-shadow:none;
}
body.tx-tool :is(.field input,.field select,.prompt-field textarea,.content-field textarea) {
  border:1px solid var(--tx-line);
  border-radius:6px;
  color:var(--tx-ink);
  background:var(--tx-soft);
}
body.tx-tool :is(.field input,.field select,.prompt-field textarea,.content-field textarea):focus {
  border-color:var(--tx-jade);
  background:var(--tx-surface);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--tx-jade) 13%,transparent);
}
body.tx-tool :is(.submit-row button,.button-primary,.button-ai,.download-button,.preview-actions button) {
  min-height:42px;
  border:1px solid var(--tx-jade);
  border-radius:6px;
  color:#fff;
  background:var(--tx-jade);
  background-image:none;
  box-shadow:none;
}
body.tx-tool :is(.submit-row button,.button-primary,.button-ai,.download-button,.preview-actions button):hover { background:var(--tx-jade-strong); }
body.tx-tool :is(.asset-picker,.canvas-stage,.preview-stage,.free-note,.progress-box,.boundary-note,.revised-prompt) { border-radius:7px; border-color:var(--tx-line); background:var(--tx-soft); background-image:none; }
body.tx-tool :is(.workflow-tabs button,.upload-button,.history-card,.asset-card,.summary-block,.dimension-card) { border-radius:6px; }
body.tx-tool .workflow-tabs button.active { color:#fff; border-color:var(--tx-jade); background:var(--tx-jade); background-image:none; }
body.tx-tool :is(.history-grid,.history-list) { gap:10px; }
body.tx-tool .history-card { border-color:var(--tx-line); background:var(--tx-soft); }
body.tx-tool .toast { border-radius:6px; background:#1a241f; }

body.tx-tool-plot .topbar { min-height:72px; }
body.tx-tool-plot .brand-mark { border-radius:6px; }
body.tx-tool-plot .value-proposition {
  margin-top:18px;
  padding:24px 26px;
  border:0;
  border-radius:8px;
  background:#1d3d30;
  background-image:none;
  box-shadow:none;
}
body.tx-tool-plot :is(.ranking-section,.archive-section) { border-color:var(--tx-line); }
body.tx-tool-plot :is(.chip-grid button,.template-button,.ranking-tab,.tab,.preset-list button) { border-radius:5px; }
body.tx-tool-plot .result-panel { top:16px; }

@media (min-width:901px) {
  body.tx-tool-agnes .page-shell {
    width:100%;
    height:calc(100dvh - 62px);
    margin:0;
    padding:12px;
  }
  body.tx-tool-agnes .intro-band { padding:10px 16px; border:1px solid var(--tx-line); border-radius:7px; background:var(--tx-surface); }
}

@media (max-width:900px) {
  body.tx-app:not(.home-redesign-active) .nav { padding:0 16px; }
  body.tx-app:not(.home-redesign-active) .nav-links { gap:14px; overflow-x:auto; }
  body.tx-app:not(.home-redesign-active) .auth-shell { grid-template-columns:1fr; gap:34px; padding:42px 22px 64px; }
  body.tx-app:not(.home-redesign-active) .auth-copy { max-width:720px; }
  body.tx-app:not(.home-redesign-active) .learn-grid { grid-template-columns:1fr; }
  body.tx-app:not(.home-redesign-active) .catalog { position:static; max-height:none; }
  body.tx-app:not(.home-redesign-active) .admin-layout { display:block; padding:0; }
  body.tx-app:not(.home-redesign-active) .admin-nav {
    position:sticky;
    top:0;
    z-index:25;
    width:100%;
    max-width:100%;
    min-height:0;
    display:flex;
    align-items:center;
    gap:5px;
    overflow-x:auto;
    margin:0;
    padding:8px;
    border-radius:0;
    scrollbar-width:none;
  }
  body.tx-app:not(.home-redesign-active) .admin-nav::-webkit-scrollbar { display:none; }
  body.tx-app:not(.home-redesign-active) .admin-nav .brand { flex:0 0 auto; padding:0 10px 0 2px; }
  body.tx-app:not(.home-redesign-active) .admin-nav .seal { width:34px; height:34px; }
  body.tx-app:not(.home-redesign-active) .admin-nav button { flex:0 0 auto; width:auto; margin:0; white-space:nowrap; }
  body.tx-app:not(.home-redesign-active) .admin-main { padding:14px 14px 60px; }
  body.tx-app:not(.home-redesign-active) .admin-head { align-items:flex-start; }
  body.tx-app:not(.home-redesign-active) .help-layout,
  body.tx-app:not(.home-redesign-active) .checkout-layout,
  body.tx-app:not(.home-redesign-active) .coin-recharge-layout { grid-template-columns:1fr; }
  body.tx-app:not(.home-redesign-active) :is(.help-aside,.checkout-aside,.coin-recharge-aside) { position:static; }
}

@media (max-width:620px) {
  body.tx-app:not(.home-redesign-active) .site-header { height:60px; }
  body.tx-app:not(.home-redesign-active) .brand-logo { height:43px; }
  body.tx-app:not(.home-redesign-active) .brand-copy small { display:none; }
  body.tx-app:not(.home-redesign-active) .nav-links { gap:8px; }
  body.tx-app:not(.home-redesign-active) .nav-links>a:not(.btn) { display:none; }
  body.tx-app:not(.home-redesign-active) .auth-shell { min-height:calc(100vh - 60px); padding:34px 15px 54px; }
  body.tx-app:not(.home-redesign-active) .auth-copy { padding-left:16px; }
  body.tx-app:not(.home-redesign-active) .auth-copy h1 { font-size:38px; }
  body.tx-app:not(.home-redesign-active) .auth-card { padding:22px 18px; }
  body.tx-app:not(.home-redesign-active) :is(.member-center,.checkout-page,.coin-recharge-page,.copyright-page,.help-page,.community-membership-page) { padding:28px 14px 74px; }
  body.tx-app:not(.home-redesign-active) .learn-wrap { padding:14px 12px 72px; }
  body.tx-app:not(.home-redesign-active) .learn-hero { align-items:flex-start; padding:21px 18px; }
  body.tx-app:not(.home-redesign-active) .learn-hero h1 { font-size:27px; }
  body.tx-app:not(.home-redesign-active) .student-tool-grid { grid-template-columns:1fr; }
  body.tx-app:not(.home-redesign-active) .tool-banner { min-height:90px; }
  body.tx-app:not(.home-redesign-active) .lesson-view { padding:20px 16px; }
  body.tx-app:not(.home-redesign-active) .lesson-view h2 { font-size:29px; }
  body.tx-app:not(.home-redesign-active) .admin-main { padding:12px 10px 56px; }
  body.tx-app:not(.home-redesign-active) .admin-head { gap:12px; }
  body.tx-app:not(.home-redesign-active) .admin-head>div:last-child { display:flex; max-width:100%; overflow-x:auto; }
  body.tx-app:not(.home-redesign-active) .admin-card { padding:16px 14px; }
  body.tx-app:not(.home-redesign-active) .premium-center-hero h1 { font-size:42px; }
  body.tx-app .legal-page { padding:42px 15px 74px; }
  body.tx-app .legal-hero h1 { font-size:39px; }
  body.tx-tool .topbar { padding:9px 12px; }
  body.tx-tool .brand small { display:none; }
  body.tx-tool .page-shell { width:calc(100% - 20px); padding-top:18px; }
  body.tx-tool .app-shell { padding:0 12px 36px; }
  body.tx-tool .intro-band { align-items:flex-start; padding:12px 0 18px; }
  body.tx-tool .intro-band h1 { font-size:29px; }
  body.tx-tool :is(.control-panel,.canvas-panel,.preview-panel,.input-panel,.result-panel,.history-section) { border-radius:7px; }
  body.tx-tool-plot .value-proposition { padding:20px 18px; }
}

@media (prefers-reduced-motion:reduce) {
  body.tx-app:not(.home-redesign-active) *,
  body.tx-tool * { scroll-behavior:auto!important; transition:none!important; }
}

/* Aegis Tactical Professional v2: cinematic public site + guild workbench. */
:root {
  --aegis-amber:#b88b3c;
  --aegis-amber-bright:#d2a654;
  --aegis-green:#256b5b;
  --aegis-green-deep:#123a32;
  --aegis-red:#9b3f35;
  --aegis-radius:4px;
}

html[data-theme="day"] body.tx-app:not(.home-redesign-active),
html[data-theme="day"] body.tx-tool {
  --tx-page:#f5f6f4;
  --tx-surface:#ffffff;
  --tx-soft:#ecefeb;
  --tx-ink:#121513;
  --tx-muted:#626a65;
  --tx-line:#cfd4cf;
  --tx-line-strong:#9da69f;
  --tx-jade:#256b5b;
  --tx-jade-strong:#184f43;
  --tx-gold:#9d742d;
  --tx-danger:#9b3f35;
  --tx-shadow:none;
}

html[data-theme="night"] body.tx-app:not(.home-redesign-active),
:root[data-theme="night"] body.tx-tool,
:root[data-theme="dark"] body.tx-tool {
  --tx-page:#090b0c;
  --tx-surface:#111416;
  --tx-soft:#181c1e;
  --tx-ink:#f0f0eb;
  --tx-muted:#969c9f;
  --tx-line:#32383b;
  --tx-line-strong:#596165;
  --tx-jade:#c49a50;
  --tx-jade-strong:#d7ad60;
  --tx-gold:#c49a50;
  --tx-danger:#c85d50;
  --tx-shadow:none;
}

body.tx-app:not(.home-redesign-active),
body.tx-tool {
  background-color:var(--tx-page);
  background-image:none;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}

body.tx-app:not(.home-redesign-active) :is(.btn,.input,.mini-input,input,select,textarea,.admin-card,.stat,.table-wrap,.tool-banner,.catalog,.lesson-view),
body.tx-tool :is(button,input,select,textarea,.control-panel,.canvas-panel,.preview-panel,.input-panel,.result-panel,.history-section) {
  border-radius:var(--aegis-radius)!important;
  box-shadow:none!important;
}

body.tx-app:not(.home-redesign-active) .btn,
body.tx-tool :is(.button-primary,.button-ai,.download-button,.submit-row button) {
  border-color:var(--tx-jade)!important;
  background:var(--tx-jade)!important;
  background-image:none!important;
}

body.tx-app:not(.home-redesign-active) .btn.secondary {
  color:var(--tx-ink)!important;
  border-color:var(--tx-line-strong)!important;
  background:transparent!important;
}
body.tx-app:not(.home-redesign-active) .btn.ghost {
  color:var(--tx-muted)!important;
  border-color:var(--tx-line)!important;
  background:transparent!important;
}

body.tx-app:not(.home-redesign-active) .eyebrow,
body.tx-tool :is(.kicker,.panel-heading span) {
  color:var(--tx-gold)!important;
  font-family:"JetBrains Mono","SFMono-Regular",Consolas,monospace;
  font-size:10px;
  font-weight:750;
  text-transform:uppercase;
}

/* Public cinematic direction A */
body.home-redesign-active {
  --home-bg:#f6f6f3;
  --home-surface:#ffffff;
  --home-ink:#111311;
  --home-muted:#606661;
  --home-line:#d0d4cf;
  --home-metal:#e3e5e2;
  --home-accent:#256b5b;
  --home-accent-ink:#ffffff;
  margin:0;
  color:var(--home-ink);
  background:var(--home-bg);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}

html[data-theme="night"] body.home-redesign-active {
  --home-bg:#090b0c;
  --home-surface:#111416;
  --home-ink:#f2f1ec;
  --home-muted:#92989b;
  --home-line:#343a3d;
  --home-metal:#1b1f21;
  --home-accent:#c49a50;
  --home-accent-ink:#15110a;
}

body.home-redesign-active * { letter-spacing:0; }
body.home-redesign-active :is(h1,h2,h3,p) { color:inherit; }
body.home-redesign-active main { overflow:hidden; background:var(--home-bg); }
body.home-redesign-active .site-header {
  position:sticky;
  top:0;
  z-index:80;
  height:64px;
  border-bottom:1px solid var(--home-line);
  color:var(--home-ink);
  background:color-mix(in srgb,var(--home-bg) 94%,transparent);
  box-shadow:none;
  backdrop-filter:saturate(120%) blur(18px);
}
body.home-redesign-active .nav { width:min(1440px,100%); height:64px; padding:0 34px; }
body.home-redesign-active .brand-logo { height:46px; }
body.home-redesign-active .brand-copy strong { color:var(--home-ink); font-size:14px; }
body.home-redesign-active .brand-copy small { color:var(--home-muted); font-family:"SFMono-Regular",Consolas,monospace; font-size:8px; }
body.home-redesign-active .nav-links { gap:24px; color:var(--home-muted); font-size:12px; }
body.home-redesign-active .nav-links a { color:inherit; }
body.home-redesign-active .nav-links a:hover { color:var(--home-ink); }
body.home-redesign-active .nav-links .btn { color:var(--home-accent-ink); }

body.home-redesign-active .btn {
  min-height:42px;
  padding:0 18px;
  border:1px solid var(--home-accent);
  border-radius:2px;
  color:var(--home-accent-ink);
  background:var(--home-accent);
  background-image:none;
  box-shadow:none;
  font-weight:760;
}
body.home-redesign-active .btn:hover { filter:brightness(.96); transform:none; }
body.home-redesign-active .btn.secondary { color:var(--home-ink); border-color:var(--home-line); background:transparent; }
body.home-redesign-active .eyebrow {
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:var(--home-accent)!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font:750 10px/1.2 "SFMono-Regular",Consolas,monospace;
}
html[data-theme="night"] body.home-redesign-active .eyebrow { color:var(--aegis-amber-bright); }

body.home-redesign-active .hero {
  position:relative;
  min-height:min(730px,calc(100svh - 104px));
  color:var(--home-ink);
  background:var(--home-bg);
  border-bottom:1px solid var(--home-line);
}
body.home-redesign-active .hero:before,
body.home-redesign-active .hero:after {
  content:"";
  position:absolute;
  z-index:4;
  pointer-events:none;
}
body.home-redesign-active .hero:before { inset:18px 18px auto auto; width:88px; height:26px; border-top:1px solid var(--home-line); border-right:1px solid var(--home-line); }
body.home-redesign-active .hero:after { inset:auto auto 18px 18px; width:88px; height:26px; border-bottom:1px solid var(--home-line); border-left:1px solid var(--home-line); }
body.home-redesign-active .hero-media { inset:28px 4% 28px 44%; opacity:.78; overflow:hidden; border:1px solid var(--home-line); }
body.home-redesign-active .hero-media:after { background:linear-gradient(90deg,var(--home-bg) 0,transparent 42%); }
body.home-redesign-active .hero-media :is(img,video) { width:100%; height:100%; object-fit:cover; filter:saturate(.58) contrast(1.05); }
html[data-theme="night"] body.home-redesign-active .hero-media { inset:0; opacity:.52; border:0; }
html[data-theme="night"] body.home-redesign-active .hero-media:after { background:linear-gradient(90deg,var(--home-bg) 4%,color-mix(in srgb,var(--home-bg) 68%,transparent) 45%,transparent 82%); }
html[data-theme="night"] body.home-redesign-active .hero-media :is(img,video) { filter:saturate(.48) contrast(1.16) brightness(.72); }
body.home-redesign-active .hero-inner { position:relative; z-index:5; width:min(1440px,100%); min-height:inherit; margin:auto; padding:70px 5%; display:flex; align-items:center; }
body.home-redesign-active .hero-copy { width:min(680px,58%); }
body.home-redesign-active .brand-slogan { width:auto!important; margin-top:20px; padding:0!important; border:0!important; border-radius:0!important; color:var(--home-muted)!important; background:transparent!important; box-shadow:none!important; text-shadow:none!important; font:650 13px/1.5 "SFMono-Regular",Consolas,monospace; }
body.home-redesign-active .hero h1 { margin:22px 0 24px; color:var(--home-ink); font-size:72px; line-height:.96; font-weight:680; }
body.home-redesign-active .hero h1 em { color:var(--home-accent); font-style:normal; }
html[data-theme="night"] body.home-redesign-active .hero h1 em { color:var(--aegis-amber-bright); }
body.home-redesign-active .hero-mission { width:min(570px,100%); display:grid; gap:8px; padding-left:18px; border-left:2px solid var(--home-accent); color:var(--home-muted); }
body.home-redesign-active .hero-mission strong { color:var(--home-ink)!important; font-size:15px; line-height:1.7; text-shadow:none!important; }
body.home-redesign-active .hero-mission span { color:var(--home-muted)!important; font-size:12px; text-shadow:none!important; }
body.home-redesign-active .hero-actions { margin-top:26px; display:flex; gap:9px; }
body.home-redesign-active .hero-reassurance { margin-top:34px; display:flex; gap:0; border-top:1px solid var(--home-line); border-bottom:1px solid var(--home-line); }
body.home-redesign-active .hero-reassurance span { padding:12px 16px; border:0!important; border-right:1px solid var(--home-line)!important; border-radius:0!important; color:var(--home-muted)!important; background:transparent!important; box-shadow:none!important; font-size:10px; }
body.home-redesign-active .hero-action-line { display:none; }
body.home-redesign-active .hero-stats { display:none; }

body.home-redesign-active .trust-strip {
  width:100%;
  max-width:none!important;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin:0!important;
  padding:0 max(24px,calc((100% - 1440px)/2));
  border-bottom:1px solid var(--home-line);
  border-radius:0!important;
  color:var(--home-muted);
  background:var(--home-surface);
  box-shadow:none!important;
}
body.home-redesign-active .trust-strip span { min-height:84px; display:grid; align-content:center; gap:4px; padding:16px 26px; border-right:1px solid var(--home-line); font-size:11px; }
body.home-redesign-active .trust-strip span:first-child { border-left:1px solid var(--home-line); }
body.home-redesign-active .trust-strip b { color:var(--home-ink); font-size:13px; }

body.home-redesign-active .section { width:100%; max-width:none; margin:0; padding:84px max(28px,calc((100% - 1320px)/2)); color:var(--home-ink); background:var(--home-bg); border-bottom:1px solid var(--home-line); }
body.home-redesign-active .section-head { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); align-items:end; gap:52px; margin-bottom:38px; }
body.home-redesign-active .section-head h2 { margin:12px 0 0; color:var(--home-ink); font-size:46px; line-height:1.06; font-weight:670; }
body.home-redesign-active .section-head .muted { color:var(--home-muted); font-size:12px; line-height:1.8; }

body.home-redesign-active .foundation-case-section { padding-top:94px; background:var(--home-bg)!important; }
body.home-redesign-active .case-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border:1px solid var(--home-line); background:var(--home-line); }
body.home-redesign-active .case-card { display:grid; grid-template-columns:1fr; grid-template-rows:auto 1fr; min-width:0; min-height:0; border:0; border-radius:0; color:var(--home-ink); background:var(--home-surface); box-shadow:none; }
body.home-redesign-active .case-art { min-height:0; aspect-ratio:3/4; overflow:hidden; background:var(--home-metal); }
body.home-redesign-active .case-art img { width:100%; height:100%; object-fit:cover; filter:saturate(.82) contrast(1.04); }
body.home-redesign-active .case-card:hover { transform:none; }
body.home-redesign-active .case-card:hover .case-art img { transform:scale(1.015); }
body.home-redesign-active .play { width:46px; height:46px; border:1px solid rgba(255,255,255,.74); border-radius:50%; color:#111; background:rgba(255,255,255,.88); box-shadow:none; }
body.home-redesign-active .case-info { display:grid; align-content:start; gap:8px; min-height:145px; padding:22px; border-left:0; border-top:1px solid var(--home-line); }
body.home-redesign-active .case-info h3 { margin:0; color:var(--home-ink); font-size:18px; }
body.home-redesign-active .case-info p,.case-views { color:var(--home-muted); font-size:11px; }
body.home-redesign-active .case-author { color:var(--home-accent); }
body.home-redesign-active .proof-note { display:grid; grid-template-columns:.45fr 1fr; gap:28px; margin-top:0; padding:24px; border:1px solid var(--home-line); border-top:0; border-radius:0; color:var(--home-muted); background:var(--home-surface); }
body.home-redesign-active .proof-note strong { color:var(--home-ink); }

body.home-redesign-active :is(.feature-showcase-grid,.outcome-grid,.process-grid) { display:grid; gap:1px; border:1px solid var(--home-line); background:var(--home-line); }
body.home-redesign-active .feature-showcase-grid { grid-template-columns:repeat(3,1fr); }
body.home-redesign-active :is(.feature-showcase-grid article,.outcome-grid article,.process-grid article) { min-height:190px; padding:26px; border:0; border-radius:0; color:var(--home-ink); background:var(--home-surface); box-shadow:none; }
body.home-redesign-active .feature-showcase-grid article>span,
body.home-redesign-active .outcome-grid article>span { color:var(--home-accent); font:720 10px "SFMono-Regular",Consolas,monospace; }
body.home-redesign-active :is(.feature-showcase-grid article,.outcome-grid article) h3 { color:var(--home-ink); font-size:18px; }
body.home-redesign-active :is(.feature-showcase-grid article,.outcome-grid article) p { color:var(--home-muted); font-size:12px; line-height:1.75; }

body.home-redesign-active .community-recruit { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:0; padding:0 max(28px,calc((100% - 1320px)/2)); background:var(--home-surface); }
body.home-redesign-active .community-recruit-copy { min-width:0; padding:82px 70px 82px 0; border-right:1px solid var(--home-line); }
body.home-redesign-active .community-recruit-copy h2 { color:var(--home-ink); font-size:42px; }
body.home-redesign-active .community-recruit-copy p { color:var(--home-muted); }
body.home-redesign-active .community-recruit-facts { min-width:0; padding:54px 0 54px 54px; }
body.home-redesign-active .community-recruit-facts article { border:0; border-bottom:1px solid var(--home-line); border-radius:0; background:transparent; }

body.home-redesign-active .curriculum { display:grid; grid-template-columns:.55fr 1.45fr; gap:70px; }
body.home-redesign-active .curriculum-intro h2 { color:var(--home-ink); font-size:42px; }
body.home-redesign-active .curriculum-intro p,.module-row p { color:var(--home-muted); }
body.home-redesign-active .module-list { border-top:1px solid var(--home-line); }
body.home-redesign-active .module-row { min-height:92px; border-bottom:1px solid var(--home-line); }
body.home-redesign-active .module-num { color:var(--home-accent); font-family:"SFMono-Regular",Consolas,monospace; }

body.home-redesign-active .fit-grid { display:grid; grid-template-columns:.8fr 1fr 1fr; gap:1px; border:1px solid var(--home-line); background:var(--home-line); }
body.home-redesign-active .fit-grid>div,
body.home-redesign-active .fit-grid article { padding:28px; border:0; border-radius:0; background:var(--home-surface); }
body.home-redesign-active :is(.serious-learning-note,.production-cost-note) { margin-top:1px; padding:34px; border:1px solid var(--home-line); border-radius:0; color:var(--home-ink); background:var(--home-surface); box-shadow:none; }

body.home-redesign-active .pricing-section { color:#f3f2ed; background:#256b5b; }
html[data-theme="night"] body.home-redesign-active .pricing-section { color:var(--home-ink); background:#0d1012; }
body.home-redesign-active .pricing-section .section-head h2,
body.home-redesign-active .pricing-section .section-head .muted,
body.home-redesign-active .pricing-section .eyebrow { color:inherit!important; }
body.home-redesign-active .pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.24); }
body.home-redesign-active .price-card { min-height:620px; display:flex; flex-direction:column; padding:30px; border:0; border-radius:0; color:#f5f3ed; background:rgba(11,32,27,.28); box-shadow:none; }
body.home-redesign-active .price-card.recommended { background:#10231f; }
html[data-theme="night"] body.home-redesign-active .price-card { color:var(--home-ink); background:#121618; }
body.home-redesign-active .price-card :is(h3,.price,.benefits li,.plan-decision,.price-summary,.plan-microcopy) { color:inherit; }
body.home-redesign-active .price-card .price { font-size:44px; }
body.home-redesign-active .price-card .btn { margin-top:auto; }
body.home-redesign-active .template-offer { border:1px solid rgba(255,255,255,.24); border-radius:0; background:rgba(11,32,27,.2); box-shadow:none; }
body.home-redesign-active .template-style-card { border-radius:0; }
body.home-redesign-active .pricing-trust { color:inherit; border-color:rgba(255,255,255,.24); }
body.home-redesign-active .pricing-trust a { color:inherit; }

body.home-redesign-active .faq-list { border-top:1px solid var(--home-line); }
body.home-redesign-active .faq-list details { border:0; border-bottom:1px solid var(--home-line); border-radius:0; background:transparent; }
body.home-redesign-active .faq-list summary { color:var(--home-ink); }
body.home-redesign-active .faq-list p { color:var(--home-muted); }
body.home-redesign-active .conversion-cta { width:100%; max-width:none; margin:0; padding:72px max(28px,calc((100% - 1320px)/2)); border-radius:0; color:#f3f2ed; background:#101311; }
body.home-redesign-active .conversion-cta h2 { color:inherit; }

/* New-project C workbench information architecture. */
body.tx-app[data-surface="workbench"] .admin-page { min-height:100vh; background:var(--tx-page)!important; }
body.tx-app[data-surface="workbench"] .admin-layout {
  width:100%;
  max-width:none!important;
  min-height:100vh;
  display:grid;
  grid-template-columns:236px minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
}
body.tx-app[data-surface="workbench"] .admin-nav {
  position:sticky;
  top:0;
  align-self:start;
  height:100vh;
  overflow:auto;
  padding:18px 12px!important;
  border:0!important;
  border-right:1px solid #343a3d!important;
  border-radius:0!important;
  color:#d9dcd9;
  background:#111416!important;
  box-shadow:none!important;
}
body.tx-app[data-surface="workbench"] .admin-nav .brand {
  min-height:70px!important;
  margin:0 0 14px!important;
  padding:8px!important;
  border-bottom:1px solid #343a3d!important;
  color:#f1f1ec!important;
}
body.tx-app[data-surface="workbench"] .admin-nav .seal { border:1px solid #5d6568; border-radius:2px!important; color:var(--aegis-amber-bright)!important; background:#181c1e!important; }
body.tx-app[data-surface="workbench"] .admin-nav button {
  min-height:38px!important;
  margin:1px 0!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:2px!important;
  color:#939a9d!important;
  background:transparent!important;
  font-size:11px!important;
  font-weight:680!important;
  text-align:left;
}
body.tx-app[data-surface="workbench"] .admin-nav button:hover { color:#f1f1ec!important; border-color:#343a3d!important; background:#181c1e!important; }
body.tx-app[data-surface="workbench"] .admin-nav button.active { color:#17130c!important; border-color:var(--aegis-amber)!important; background:var(--aegis-amber)!important; }
body.tx-app[data-surface="workbench"] .admin-main { min-width:0; padding:24px 28px 72px!important; }
body.tx-app[data-surface="workbench"] .admin-head {
  position:sticky;
  top:0;
  z-index:20;
  min-height:78px;
  margin:-24px -28px 20px!important;
  padding:15px 28px!important;
  border-bottom:1px solid var(--tx-line)!important;
  color:var(--tx-ink);
  background:color-mix(in srgb,var(--tx-page) 94%,transparent)!important;
  backdrop-filter:blur(16px);
}
body.tx-app[data-surface="workbench"] .admin-head h1 { margin:4px 0 0; color:var(--tx-ink)!important; font-size:25px!important; font-weight:720!important; }
body.tx-app[data-surface="workbench"] .admin-head .btn { min-height:32px!important; border-radius:2px!important; font-size:10px; }
body.tx-app[data-surface="workbench"] :is(.admin-card,.stat,.order-admin-summary>div,.platform-ledger-summary article) {
  border:1px solid var(--tx-line)!important;
  border-radius:2px!important;
  color:var(--tx-ink);
  background:var(--tx-surface)!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.tx-app[data-surface="workbench"] .admin-card { margin-top:12px!important; padding:18px!important; }
body.tx-app[data-surface="workbench"] .admin-card .admin-card { border-left:3px solid var(--tx-jade)!important; background:var(--tx-soft)!important; }
body.tx-app[data-surface="workbench"] .stats { gap:1px!important; padding:1px; background:var(--tx-line); }
body.tx-app[data-surface="workbench"] .stat { min-height:110px; padding:18px!important; }
body.tx-app[data-surface="workbench"] .stat strong { color:var(--tx-jade)!important; font:730 30px/1 "SFMono-Regular",Consolas,monospace; }
body.tx-app[data-surface="workbench"] .stat span { color:var(--tx-muted); font-size:10px; }
body.tx-app[data-surface="workbench"] .card-head { padding-bottom:12px; border-bottom:1px solid var(--tx-line); }
body.tx-app[data-surface="workbench"] .card-head h2 { color:var(--tx-ink); font-size:17px!important; }
body.tx-app[data-surface="workbench"] .table-wrap { padding:0!important; border-radius:2px!important; background:var(--tx-surface)!important; }
body.tx-app[data-surface="workbench"] table { border-collapse:collapse!important; border-spacing:0!important; }
body.tx-app[data-surface="workbench"] th { padding:9px!important; color:var(--tx-muted)!important; background:var(--tx-soft)!important; font:700 9px/1.4 "SFMono-Regular",Consolas,monospace; text-transform:uppercase; }
body.tx-app[data-surface="workbench"] td { padding:10px 9px!important; border-bottom:1px solid var(--tx-line)!important; }
body.tx-app[data-surface="workbench"] :is(input,select,textarea,.input,.mini-input) { border-radius:2px!important; background:var(--tx-soft)!important; }

body.tx-app[data-surface="workbench"] .learn-page { min-height:100vh; background:var(--tx-page)!important; }
body.tx-app[data-surface="workbench"] .learn-wrap { width:min(1500px,100%); max-width:1500px!important; padding:22px 28px 84px!important; }
body.tx-app[data-surface="workbench"] .learn-hero {
  min-height:150px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  padding:26px!important;
  border:1px solid var(--tx-line)!important;
  border-left:4px solid var(--tx-jade)!important;
  border-radius:2px!important;
  color:var(--tx-ink)!important;
  background:var(--tx-surface)!important;
  box-shadow:none!important;
}
body.tx-app[data-surface="workbench"] .learn-hero :is(h1,.eyebrow) { color:var(--tx-ink)!important; }
body.tx-app[data-surface="workbench"] .learn-hero h1 { font-size:32px!important; }
body.tx-app[data-surface="workbench"] .learning-dashboard { gap:1px!important; margin:1px 0 0; padding:1px; background:var(--tx-line); }
body.tx-app[data-surface="workbench"] .learning-dashboard article { min-height:106px; padding:18px!important; border:0!important; border-radius:0!important; background:var(--tx-surface)!important; box-shadow:none!important; }
body.tx-app[data-surface="workbench"] .learning-dashboard article span { color:var(--tx-muted); filter:grayscale(1); }
body.tx-app[data-surface="workbench"] .learning-dashboard article strong { color:var(--tx-jade); font-family:"SFMono-Regular",Consolas,monospace; }
body.tx-app[data-surface="workbench"] .student-tool-grid { gap:1px!important; padding:1px; background:var(--tx-line); }
body.tx-app[data-surface="workbench"] .student-tool-grid .tool-banner { min-height:112px!important; padding:16px!important; border:0!important; border-radius:0!important; color:var(--tx-ink); background:var(--tx-surface)!important; backdrop-filter:none; }
body.tx-app[data-surface="workbench"] .student-tool-grid .tool-banner:hover { background:var(--tx-soft)!important; transform:none; }
body.tx-app[data-surface="workbench"] .student-tool-grid .tool-banner strong { color:var(--tx-ink)!important; }
body.tx-app[data-surface="workbench"] .student-tool-grid .tool-mark { border-radius:2px!important; color:var(--tx-jade)!important; background:var(--tx-soft)!important; }
body.tx-app[data-surface="workbench"] .learn-grid { grid-template-columns:300px minmax(0,1fr)!important; gap:12px!important; }
body.tx-app[data-surface="workbench"] :is(.catalog,.lesson-view,.lesson-notes,.lesson-material-workspace) { border:1px solid var(--tx-line)!important; border-radius:2px!important; background:var(--tx-surface)!important; box-shadow:none!important; }
body.tx-app[data-surface="workbench"] .lesson-btn { border-radius:2px!important; }
body.tx-app[data-surface="workbench"] .lesson-btn.active { color:var(--tx-ink)!important; border-left:3px solid var(--tx-jade); background:var(--tx-soft)!important; }

/* Service pages and four shared non-video tools inherit the same material system. */
body.tx-app[data-surface="service"] :is(.auth-card,.member-welcome,.checkout-form>section,.checkout-aside,.help-question-card,.community-account-card,.coin-recharge-history,.copyright-history),
body.tx-tool :is(.control-panel,.canvas-panel,.preview-panel,.input-panel,.result-panel,.history-section,.intro-band) {
  border:1px solid var(--tx-line)!important;
  border-radius:2px!important;
  background:var(--tx-surface)!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.tx-tool .topbar { border-bottom:1px solid var(--tx-line); background:var(--tx-surface); box-shadow:none; }
body.tx-tool .intro-band { border-left:4px solid var(--tx-jade)!important; padding:22px!important; }

@media (max-width:1100px) {
  body.home-redesign-active .hero h1 { font-size:58px; }
  body.home-redesign-active .case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.home-redesign-active .case-card { grid-template-columns:1fr; }
  body.home-redesign-active .case-info { border-left:0; border-top:1px solid var(--home-line); }
  body.home-redesign-active .feature-showcase-grid { grid-template-columns:repeat(2,1fr); }
  body.home-redesign-active .pricing-grid { grid-template-columns:1fr; }
  body.home-redesign-active .price-card { min-height:0; }
  body.tx-app[data-surface="workbench"] .admin-layout { grid-template-columns:210px minmax(0,1fr)!important; }
  body.tx-app[data-surface="workbench"] .admin-kpi-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  body.tx-app[data-surface="workbench"] .admin-priority-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body.tx-app[data-surface="workbench"] .learn-grid { grid-template-columns:1fr!important; }
  body.tx-app[data-surface="workbench"] .catalog { position:static!important; max-height:none!important; }
}

@media (max-width:900px) {
  body.home-redesign-active .nav { padding:0 18px; }
  body.home-redesign-active .nav-links { gap:10px; overflow:auto; }
  body.home-redesign-active .hero { min-height:680px; }
  body.home-redesign-active .hero-media { inset:40% 0 0; opacity:.62; border-left:0; border-right:0; }
  body.home-redesign-active .hero-media:after { background:linear-gradient(180deg,var(--home-bg),transparent 40%); }
  body.home-redesign-active .hero-inner { align-items:flex-start; padding-top:64px; }
  body.home-redesign-active .hero-copy { width:min(680px,100%); }
  body.home-redesign-active .hero h1 { font-size:54px; }
  body.home-redesign-active .trust-strip { grid-template-columns:repeat(2,1fr); }
  body.home-redesign-active .section-head { grid-template-columns:1fr; align-items:start; gap:16px; }
  body.home-redesign-active .case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.home-redesign-active .community-recruit { grid-template-columns:1fr; padding-inline:0; }
  body.home-redesign-active .community-recruit-copy { padding:58px 24px; border-right:0; border-bottom:1px solid var(--home-line); }
  body.home-redesign-active .community-recruit-facts { padding:28px 24px 58px; }
  body.home-redesign-active .curriculum { grid-template-columns:1fr; gap:34px; }
  body.home-redesign-active .fit-grid { grid-template-columns:1fr; }
  body.tx-app[data-surface="workbench"] .admin-priority-grid { margin-top: 10px; }
  body.tx-app[data-surface="workbench"] .admin-layout { display:block!important; }
  body.tx-app[data-surface="workbench"] .admin-nav {
    position:sticky!important;
    top:0;
    z-index:50;
    width:100%;
    height:auto;
    display:flex!important;
    align-items:center;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:8px 56px 8px 8px!important;
    border-right:0!important;
    border-bottom:1px solid #343a3d!important;
  }
  body.tx-app[data-surface="workbench"] .admin-nav .brand { flex:0 0 auto; min-height:38px!important; margin:0 8px 0 0!important; padding:0 8px!important; border-bottom:0!important; border-right:1px solid #343a3d!important; }
  body.tx-app[data-surface="workbench"] .admin-nav button { flex:0 0 auto!important; width:auto!important; white-space:nowrap; }
  body.tx-app[data-surface="workbench"] .admin-main { padding:18px 16px 60px!important; }
  body.tx-app[data-surface="workbench"] .admin-head { position:static; margin:-18px -16px 16px!important; padding:14px 16px!important; }
  body.tx-app[data-surface="workbench"] .theme-toggle { top:10px; right:10px; bottom:auto; z-index:70; }
}

@media (max-width:620px) {
  body.home-redesign-active .site-header { height:58px; }
  body.home-redesign-active .nav { height:58px; padding:0 12px; }
  body.home-redesign-active .brand-logo { height:40px; }
  body.home-redesign-active .brand-copy small { display:none; }
  body.home-redesign-active .nav-links>a:not(.btn) { display:none; }
  body.home-redesign-active .nav-links .btn { min-height:34px; padding:0 11px; font-size:10px; }
  body.home-redesign-active .hero { min-height:630px; }
  body.home-redesign-active .hero:before,body.home-redesign-active .hero:after { display:none; }
  body.home-redesign-active .hero-media { inset:52% 0 0; }
  body.home-redesign-active .hero-inner { padding:45px 16px 145px; }
  body.home-redesign-active .brand-slogan { font-size:10px; }
  body.home-redesign-active .hero h1 { margin-top:18px; font-size:43px; }
  body.home-redesign-active .hero-mission { padding-left:12px; }
  body.home-redesign-active .hero-mission strong { font-size:13px; }
  body.home-redesign-active .hero-actions { display:grid; grid-template-columns:1fr 1fr; }
  body.home-redesign-active .hero-actions .btn { width:100%; padding:0 10px; font-size:11px; }
  body.home-redesign-active .hero-reassurance { display:grid; grid-template-columns:1fr; margin-top:24px; }
  body.home-redesign-active .hero-reassurance span { padding:8px 0; border-right:0; border-bottom:1px solid var(--home-line); }
  body.home-redesign-active .trust-strip { grid-template-columns:1fr 1fr; padding:0; }
  body.home-redesign-active .trust-strip span { min-height:74px; padding:12px; font-size:9px; }
  body.home-redesign-active .section { padding:58px 15px; }
  body.home-redesign-active .section-head h2 { font-size:34px; }
  body.home-redesign-active .case-grid { grid-template-columns:1fr; }
  body.home-redesign-active .case-card { grid-template-columns:38% 62%; min-height:170px; }
  body.home-redesign-active .case-art { min-height:170px; aspect-ratio:auto; }
  body.home-redesign-active .case-info { padding:15px; }
  body.home-redesign-active .case-info h3 { font-size:14px; }
  body.home-redesign-active .case-author { display:none; }
  body.home-redesign-active .proof-note { grid-template-columns:1fr; gap:8px; padding:18px; }
  body.home-redesign-active .feature-showcase-grid { grid-template-columns:1fr; }
  body.home-redesign-active :is(.feature-showcase-grid article,.outcome-grid article,.process-grid article) { min-height:0; padding:22px 18px; }
  body.home-redesign-active .community-recruit-copy h2,.curriculum-intro h2 { font-size:34px; }
  body.home-redesign-active .price-card { padding:22px 18px; }
  body.home-redesign-active .conversion-cta { padding:54px 16px; }
  body.tx-app[data-surface="workbench"] .learn-wrap { padding:12px 10px 66px!important; }
  body.tx-app[data-surface="workbench"] .learn-hero { grid-template-columns:1fr; align-items:start; min-height:0; padding:18px!important; }
  body.tx-app[data-surface="workbench"] .learn-hero h1 { font-size:25px!important; }
  body.tx-app[data-surface="workbench"] .learning-dashboard { grid-template-columns:repeat(2,1fr)!important; }
  body.tx-app[data-surface="workbench"] .admin-page .stats { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body.tx-app[data-surface="workbench"] .student-tool-grid { grid-template-columns:1fr!important; }
  body.tx-app[data-surface="workbench"] .admin-main { padding:14px 10px 56px!important; }
  body.tx-app[data-surface="workbench"] .admin-head { margin:-14px -10px 14px!important; padding:12px 10px!important; }
  body.tx-app[data-surface="workbench"] .admin-head h1 { font-size:21px!important; }
  body.tx-app[data-surface="workbench"] .admin-card { padding:13px!important; }
  body.tx-app[data-surface="workbench"] .admin-kpi-grid { grid-template-columns:1fr 1fr!important; }
  body.tx-app[data-surface="workbench"] .admin-priority-grid { grid-template-columns:1fr!important; }
}

/* OP-20260725-158: contrast, material hierarchy and truthful operational states. */
/* OP-20260725-159: premium rhythm pass for conversion and dashboard legibility. */
@keyframes tx-premium-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

html[data-theme="day"] body.home-redesign-active {
  --home-bg:#f5f5f7;
  --home-surface:#ffffff;
  --home-ink:#1d1d1f;
  --home-muted:#6e6e73;
  --home-line:#d2d2d7;
  --home-metal:#e8e8ed;
  --home-accent:#1f6655;
  --home-accent-ink:#ffffff;
}
html[data-theme="night"] body.home-redesign-active {
  --home-bg:#0a0a0b;
  --home-surface:#151517;
  --home-ink:#f5f5f7;
  --home-muted:#a1a1a6;
  --home-line:#353538;
  --home-metal:#1d1d20;
  --home-accent:#c19a5b;
  --home-accent-ink:#15110a;
}
html[data-theme="day"] body.tx-app:not(.home-redesign-active),
html[data-theme="day"] body.tx-tool {
  --tx-page:#f5f5f7;
  --tx-surface:#ffffff;
  --tx-soft:#f0f0f2;
  --tx-ink:#1d1d1f;
  --tx-muted:#6e6e73;
  --tx-line:#d2d2d7;
  --tx-line-strong:#a8a8ad;
}
html[data-theme="night"] body.tx-app:not(.home-redesign-active),
:root[data-theme="night"] body.tx-tool,
:root[data-theme="dark"] body.tx-tool {
  --tx-page:#0a0a0b;
  --tx-surface:#151517;
  --tx-soft:#1d1d20;
  --tx-ink:#f5f5f7;
  --tx-muted:#a1a1a6;
  --tx-line:#353538;
  --tx-line-strong:#5a5a60;
  --tx-jade:#c19a5b;
  --tx-jade-strong:#d0aa69;
  --tx-gold:#c19a5b;
}

body.home-redesign-active .hero {
  background-image:
    radial-gradient(620px 180px at 18% 8%, color-mix(in srgb,var(--home-line) 36%,transparent), transparent 65%),
    linear-gradient(180deg,var(--home-bg) 0, color-mix(in srgb,var(--home-bg) 88%,transparent) 100%);
}
body.home-redesign-active .hero-copy,
body.home-redesign-active .section-head,
body.home-redesign-active .case-card,
body.home-redesign-active .proof-note,
body.home-redesign-active .fit-section,
body.home-redesign-active .foundation-case-section,
body.home-redesign-active .community-recruit,
body.home-redesign-active .curriculum,
body.home-redesign-active :is(.feature-showcase-grid article,.outcome-grid article,.process-grid article,.serious-learning-note,.production-cost-note) {
  animation: tx-premium-rise .56s cubic-bezier(.23,.65,.26,.98) both;
}
body.home-redesign-active .case-card {
  position: relative;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
body.home-redesign-active .case-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb,var(--home-accent) 30%,var(--home-line));
  box-shadow: 0 16px 34px rgba(0,0,0,.14);
  z-index: 2;
}
body.home-redesign-active .case-card:nth-child(1) { animation-delay: .03s; }
body.home-redesign-active .case-card:nth-child(2) { animation-delay: .07s; }
body.home-redesign-active .case-card:nth-child(3) { animation-delay: .11s; }
body.home-redesign-active .case-card:nth-child(4) { animation-delay: .15s; }
body.home-redesign-active .case-card:nth-child(5) { animation-delay: .19s; }
body.home-redesign-active .hero-action-line,
body.home-redesign-active .hero-stats { color: var(--home-ink); }

body.tx-app[data-surface="workbench"] .admin-overview-command,
body.tx-app[data-surface="workbench"] .admin-card,
body.tx-app[data-surface="workbench"] .stat,
body.tx-app[data-surface="workbench"] .admin-page .table-wrap {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
body.tx-app[data-surface="workbench"] .admin-overview-command::after,
body.tx-app[data-surface="workbench"] .admin-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(130deg,transparent 56%, color-mix(in srgb,var(--tx-jade) 9%,transparent));
  opacity: .42;
  z-index: -1;
}
body.tx-app[data-surface="workbench"] .admin-priority-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin-top: 12px;
}
body.tx-app[data-surface="workbench"] .admin-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
}
body.tx-app[data-surface="workbench"] .admin-priority-item {
  min-height: 94px;
  align-items: stretch;
}
body.tx-app[data-surface="workbench"] .admin-priority-item b {
  margin-top: 4px;
}
body.tx-app[data-surface="workbench"] .status {
  border-radius: 999px;
  padding: 4px 8px;
  font-weight: 650;
  letter-spacing: 0;
}
body.tx-app[data-surface="workbench"] .status.used {
  color: #d6dfd8;
  background: color-mix(in srgb,var(--tx-jade) 18%, transparent);
}
body.tx-app[data-surface="workbench"] .status.unused {
  color: #b8c8e0;
  background: color-mix(in srgb,var(--tx-line-strong) 26%, transparent);
}
body.tx-app[data-surface="workbench"] .status.revoked {
  color: #ebcfcc;
  background: color-mix(in srgb,var(--tx-danger) 24%, transparent);
}
body.tx-app[data-surface="workbench"] .metric-state.is-idle {
  color: var(--tx-muted);
}
body.tx-app[data-surface="workbench"] .metric-state.is-idle:before,
body.home-redesign-active .metric-state.is-idle:before {
  background: var(--home-muted);
  box-shadow: none;
}

body.home-redesign-active .nav-links { font-size:14px; }
html[data-theme="night"] body.home-redesign-active .brand-logo,
html[data-theme="night"] body.tx-app:not(.home-redesign-active) .brand-logo {
  filter:brightness(3.1) contrast(.92) saturate(.5) drop-shadow(0 0 10px rgba(193,154,91,.14));
}
body.tx-app .theme-toggle {
  width:42px;
  height:32px;
  border-radius:2px;
  color:var(--home-muted,var(--tx-muted));
  background:var(--home-surface,var(--tx-surface));
  border-color:var(--home-line,var(--tx-line));
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  backdrop-filter:blur(12px);
}
body.tx-app .theme-toggle span { font:700 11px/1 "SFMono-Regular",Consolas,monospace; }
body.tx-app .theme-toggle:hover,body.tx-app .theme-toggle:focus-visible { transform:none; color:var(--home-accent,var(--tx-jade)); }
html[data-theme="night"] body.tx-app .theme-toggle { color:#c19a5b; }
html[data-theme="day"] body.home-redesign-active .hero-media :is(img,video) {
  filter:saturate(.72) contrast(1.07) brightness(1.03);
}
html[data-theme="night"] body.home-redesign-active .hero-media {
  opacity:.62;
}
html[data-theme="night"] body.home-redesign-active .hero-media :is(img,video) {
  filter:saturate(.58) contrast(1.12) brightness(.86);
}
html[data-theme="night"] body.home-redesign-active .hero-media:after {
  background:linear-gradient(90deg,var(--home-bg) 3%,color-mix(in srgb,var(--home-bg) 60%,transparent) 43%,transparent 83%);
}

body.home-redesign-active .case-card { position:relative; }
body.home-redesign-active .case-art { position:relative; }
body.home-redesign-active .case-art:before {
  content:"";
  position:absolute;
  z-index:1;
  inset:7%;
  padding:0;
  border:1px solid rgba(255,255,255,.42);
  color:transparent;
  background:transparent;
  backdrop-filter:none;
}
body.home-redesign-active .case-card:before {
  position:absolute;
  z-index:3;
  top:12px;
  left:12px;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.42);
  color:#fff;
  background:rgba(10,10,11,.54);
  font:700 9px/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.08em;
  backdrop-filter:blur(6px);
}
body.home-redesign-active .case-card:nth-child(1):before { content:"TX / FILM 01"; }
body.home-redesign-active .case-card:nth-child(2):before { content:"TX / FILM 02"; }
body.home-redesign-active .case-card:nth-child(3):before { content:"TX / FILM 03"; }
body.home-redesign-active .case-card:nth-child(4):before { content:"TX / FILM 04"; }
body.home-redesign-active .case-art:after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:24%;
  pointer-events:none;
  background:linear-gradient(transparent,rgba(10,10,11,.34));
}
body.home-redesign-active .case-views {
  color:var(--home-muted)!important;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-variant-numeric:tabular-nums;
}

body.tx-app[data-surface="workbench"] .admin-nav {
  background-color:#121315!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.035),transparent 18%),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 4px)!important;
  box-shadow:inset -1px 0 rgba(255,255,255,.025)!important;
}
body.tx-app[data-surface="workbench"] .admin-nav button {
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);
}
body.tx-app[data-surface="workbench"] .admin-nav button.active {
  color:#17130c!important;
  border-color:#c19a5b!important;
  background:#c19a5b!important;
  box-shadow:inset 3px 0 #f2d49a!important;
}
body.tx-app[data-surface="workbench"] .stat,
body.tx-app[data-surface="workbench"] .learning-dashboard article {
  position:relative;
  align-content:start;
}
.metric-state {
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:auto;
  padding-top:11px;
  color:var(--tx-muted);
  font:680 9px/1.2 "SFMono-Regular",Consolas,monospace;
  font-style:normal;
  letter-spacing:.03em;
}
.metric-state:before {
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--tx-line-strong);
}
.metric-state.is-live { color:var(--tx-jade); }
.metric-state.is-live:before { background:var(--tx-jade); box-shadow:0 0 0 3px color-mix(in srgb,var(--tx-jade) 14%,transparent); }
body.tx-app[data-surface="workbench"] .admin-priority-item b:after {
  display:block;
  margin-top:4px;
  color:var(--tx-muted);
  font:650 8px/1 "SFMono-Regular",Consolas,monospace;
}
body.tx-app[data-surface="workbench"] .admin-priority-item.is-clear b:after { content:"CLEAR"; }
body.tx-app[data-surface="workbench"] .admin-priority-item.is-pending b:after { content:"ACTION"; color:var(--tx-danger); }
body.tx-app[data-surface="workbench"] .admin-card,
body.tx-app[data-surface="workbench"] .stat,
body.tx-app[data-surface="workbench"] .table-wrap {
  border-color:var(--tx-line)!important;
}
body.tx-app[data-surface="workbench"] .admin-policy-details summary {
  color:var(--tx-ink);
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
body.tx-app[data-surface="workbench"] .admin-policy-details[open] summary { margin-bottom:12px; }
body.tx-app[data-surface="workbench"] .admin-policy-details p { margin:0; font-size:11px; line-height:1.75; }

@media (max-width:620px) {
  body.home-redesign-active { padding-bottom:0; }
  body.home-redesign-active .nav-links { font-size:12px; }
  body.home-redesign-active .hero { min-height:600px; }
  body.home-redesign-active .hero-media { inset:49% 0 0; }
  body.home-redesign-active .hero-inner { padding-bottom:118px; }
  body.home-redesign-active .hero-reassurance span:nth-child(n+2) { display:none; }
  body.home-redesign-active .hero-reassurance { display:block; border-bottom:0; }
  body.home-redesign-active .hero-reassurance span { border-bottom:0!important; }
  body.home-redesign-active .case-card:before { top:9px; left:9px; font-size:8px; }
  body.home-redesign-active .mobile-enroll-bar {
    border-radius:2px;
    border-color:var(--home-line);
    background:color-mix(in srgb,var(--home-surface) 96%,transparent);
    box-shadow:0 12px 30px rgba(0,0,0,.18);
    backdrop-filter:blur(14px);
  }
  body.home-redesign-active .mobile-enroll-bar strong { border-radius:1px; color:var(--home-accent-ink); background:var(--home-accent); }
  body.tx-app[data-surface="workbench"] .stat { min-height:126px; }
}

/* OP-20260726-161: four equal case cards; foundation stays first without enlargement. */
/* OP-20260726-188: full-site UI repair on top of the OP185 business baseline. */
html[data-theme="day"] body.tx-app {
  color-scheme:light;
  color:#1d1d1f;
  background:#f5f5f7!important;
}
html[data-theme="night"] body.tx-app {
  color-scheme:dark;
  color:#f5f5f7;
  background:#0a0a0b!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .learn-page {
  color:#1d1d1f!important;
  background:linear-gradient(180deg,#f5f5f7 0,#ffffff 100%)!important;
}
html[data-theme="night"] body.tx-app[data-surface="workbench"] .learn-page {
  color:#f5f5f7!important;
  background:linear-gradient(180deg,#0a0a0b 0,#151517 100%)!important;
}
body.tx-app[data-surface="service"] #app,
body.tx-app[data-surface="service"] :is(.checkout-page,.member-center,.coin-recharge-page,.copyright-page,.help-page,.community-membership-page) {
  min-height:100vh;
  color:var(--tx-ink);
  background:var(--tx-page);
}
body.tx-app[data-surface="service"] :is(.member-course-open,.checkout-form>section,.checkout-aside,.order-result) {
  color:var(--tx-ink);
  background:var(--tx-surface);
}
body.home-redesign-active .hero-reassurance,
body.home-redesign-active .trust-strip,
body.home-redesign-active .mobile-enroll-bar {
  display:none!important;
}
body.home-redesign-active .brand-slogan {
  width:max-content;
  max-width:100%;
  padding:0;
  border:0;
  border-radius:0;
  color:var(--home-muted);
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  font:650 12px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif;
  letter-spacing:.04em;
}
body.home-redesign-active .case-grid {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch;
}
body.home-redesign-active .case-card,
body.home-redesign-active .case-card:first-child,
body.home-redesign-active .case-card.case-primary {
  grid-column:auto!important;
  grid-row:auto!important;
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr;
  min-width:0;
  height:100%;
}
body.home-redesign-active .case-info {
  min-height:148px;
  display:flex;
  flex-direction:column;
}
body.home-redesign-active .case-info>p { margin-top:auto; }
body.home-redesign-active .case-views {
  display:flex!important;
  visibility:visible!important;
  margin-top:10px;
}
body.tx-app[data-surface="workbench"] .admin-head {
  padding-right:28px!important;
}
body.tx-app[data-surface="workbench"] .theme-toggle {
  position:static!important;
  inset:auto!important;
  flex:0 0 44px;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  z-index:auto!important;
}
body.tx-app[data-surface="workbench"] :is(.stat,.operator-workbench-grid article) {
  display:grid;
  align-content:start;
}
body.tx-app[data-surface="workbench"] :is(.stat,.operator-workbench-grid article) .metric-state {
  align-self:end;
}
body.tx-app .legal-toc {
  scroll-snap-type:x proximity;
  scrollbar-width:thin!important;
  scrollbar-color:var(--tx-line-strong) transparent;
}
body.tx-app .legal-toc a {
  min-height:44px;
  display:inline-flex;
  align-items:center;
  scroll-snap-align:start;
}
body.tx-app .legal-toc::after {
  content:"左右滑动";
  position:sticky;
  right:0;
  flex:0 0 auto;
  align-self:center;
  padding:7px 9px;
  border:1px solid var(--tx-line);
  border-radius:999px;
  color:var(--tx-muted);
  background:color-mix(in srgb,var(--tx-surface) 94%,transparent);
  font-size:10px;
  pointer-events:none;
}
:root[data-theme="day"] body.tx-tool,
:root[data-theme="light"] body.tx-tool {
  color-scheme:light;
  color:#1d1d1f;
  background:#f5f5f7!important;
}
:root[data-theme="night"] body.tx-tool,
:root[data-theme="dark"] body.tx-tool {
  color-scheme:dark;
  color:#f5f5f7;
  background:#0a0a0b!important;
}
body.tx-tool .topbar {
  border-color:var(--tx-line)!important;
  background:color-mix(in srgb,var(--tx-surface) 92%,transparent)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.08);
  backdrop-filter:saturate(150%) blur(20px);
}
body.tx-tool .tool-theme-toggle {
  min-width:44px;
  min-height:44px;
  display:inline-grid;
  place-items:center;
  padding:0 12px;
}
body.tx-tool .tool-theme-toggle span {
  font:700 11px/1 "SFMono-Regular",Consolas,monospace;
}
@media (min-width:1024px) {
  body.home-redesign-active .case-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (min-width:621px) and (max-width:1023px) {
  body.home-redesign-active .case-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:900px) {
  body.tx-app { padding-bottom:0!important; }
  body.tx-app[data-surface="workbench"] .admin-nav {
    scroll-snap-type:x proximity;
    scrollbar-width:thin!important;
    scrollbar-color:var(--tx-line-strong) transparent;
    padding-bottom:8px!important;
  }
  body.tx-app[data-surface="workbench"] .admin-nav :is(button,.brand) {
    min-height:44px!important;
    scroll-snap-align:start;
  }
  body.tx-app[data-surface="workbench"] .admin-nav button {
    padding:10px 14px!important;
  }
  body.tx-app[data-surface="workbench"] .admin-nav::after {
    content:"左右滑动";
    position:sticky;
    right:0;
    flex:0 0 auto;
    align-self:center;
    padding:7px 9px;
    border:1px solid var(--tx-line);
    color:var(--tx-muted);
    background:color-mix(in srgb,var(--tx-surface) 94%,transparent);
    font:650 9px/1 "SFMono-Regular",Consolas,monospace;
    pointer-events:none;
  }
}
@media (max-width:620px) {
  body.home-redesign-active .case-grid {
    grid-template-columns:1fr!important;
  }
  body.home-redesign-active .case-card,
  body.home-redesign-active .case-card:first-child,
  body.home-redesign-active .case-card.case-primary {
    grid-template-columns:38% 62%!important;
    grid-template-rows:1fr!important;
    min-height:170px!important;
  }
  body.home-redesign-active .case-art {
    min-height:170px!important;
    aspect-ratio:auto!important;
  }
  body.home-redesign-active .case-info {
    min-height:170px;
    padding:15px;
  }
  body.home-redesign-active .case-info h3 { font-size:15px; }
  body.home-redesign-active .hero-inner { padding-bottom:96px; }
  body.tx-app[data-surface="workbench"] .admin-head {
    min-height:64px;
    padding-right:10px!important;
  }
  body.tx-app[data-surface="workbench"] .theme-toggle {
    position:static!important;
    inset:auto!important;
  }
  body.tx-app .legal-toc { padding-right:4px; }
}
:root[data-theme="night"] body.tx-tool-plot {
  --red-soft:#351b1a;
  --teal-soft:#102a28;
  --gold-soft:#332815;
  --shadow:0 16px 38px rgba(0,0,0,.3);
}
:root[data-theme="night"] body.tx-tool-plot :is(
  .ai-generation-panel,
  .ai-balance,
  .ai-generation-controls select,
  .ai-generation-controls textarea,
  .ai-result-summary,
  .ai-result-list article,
  .ai-history-list button,
  .choice-chip,
  .character-config,
  .character-editor-field input,
  .character-editor-field select,
  .template-menu-toggle,
  .template-menu,
  .online-search input,
  .prompt-panel pre,
  .button:disabled,
  .template-switch
) {
  color:var(--tx-ink)!important;
  border-color:var(--tx-line)!important;
  background:var(--tx-surface)!important;
}
:root[data-theme="night"] body.tx-tool-plot :is(.choice-chip:hover,.choice-chip.is-selected) {
  border-color:var(--tx-jade)!important;
  background:var(--tx-soft)!important;
}

/* OP188 final touch targets: keep service controls clear of the mobile nav. */
body.tx-app .theme-toggle {
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
}
body.tx-tool #themeToggle.icon-button {
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
}
@media (max-width:620px) {
  body.tx-app[data-surface="service"] .theme-toggle {
    top:7px!important;
    right:110px!important;
    bottom:auto!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
}

/* OP-20260726-189: pricing template parity, readable contrast and classroom focus. */
html[data-theme="day"] body.home-redesign-active {
  --gold:#1f6655;
  --gold-2:#1f6655;
  --green:#1f6655;
}
html[data-theme="night"] body.home-redesign-active {
  --gold:#d8b878;
  --gold-2:#e2c68d;
  --green:#7fc5a8;
}

body.home-redesign-active .pricing-grid {
  gap:12px;
  padding:12px;
  border-color:rgba(255,255,255,.28);
  background:rgba(8,28,23,.2);
}
html[data-theme="day"] body.home-redesign-active .price-card,
html[data-theme="day"] body.home-redesign-active .price-card.recommended,
html[data-theme="night"] body.home-redesign-active .price-card,
html[data-theme="night"] body.home-redesign-active .price-card.recommended {
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:2px!important;
  color:#f5f5f7!important;
  background:#10231f!important;
  box-shadow:none!important;
}
html[data-theme="night"] body.home-redesign-active .price-card,
html[data-theme="night"] body.home-redesign-active .price-card.recommended { background:#151719!important; }
body.home-redesign-active .price-card :is(h3,.price,.benefits li,.price-summary,.plan-microcopy) { color:#f5f5f7!important; }
body.home-redesign-active .price-card .eyebrow { color:#dfc182!important; }
body.home-redesign-active .price-card .plan-decision { color:#f5f5f7!important; background:rgba(255,255,255,.075)!important; }
body.home-redesign-active .price-card .benefits { border-color:rgba(255,255,255,.16)!important; }
body.home-redesign-active .price-card .benefits li::before { color:#78c8a4!important; }
body.home-redesign-active .price-card .btn,
body.home-redesign-active .price-card .btn.secondary { color:#ffffff!important; border-color:#2d7462!important; background:#2d7462!important; }
body.home-redesign-active .price-card .recommend-reason { color:#b9dfce!important; }

body.home-redesign-active .template-offer { color:#f5f5f7!important; }
body.home-redesign-active .template-offer-copy :is(h3,p),
body.home-redesign-active .template-components :is(strong,span,b),
body.home-redesign-active .template-policy { color:#f5f5f7!important; }
body.home-redesign-active .template-components,
body.home-redesign-active .template-components span { border-color:rgba(255,255,255,.2)!important; }
html[data-theme="day"] body.home-redesign-active .template-style-card,
html[data-theme="night"] body.home-redesign-active .template-style-card {
  color:#f5f5f7!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:#10231f!important;
  box-shadow:none!important;
}
html[data-theme="night"] body.home-redesign-active .template-style-card { background:#151719!important; }
body.home-redesign-active .template-style-copy :is(strong,span) { color:#f5f5f7!important; }
body.home-redesign-active .template-style-copy :is(small,b) { color:#dfc182!important; }
body.home-redesign-active .template-purchase-pitch { color:#12342c!important; border-color:#ddd2ba!important; background:#f5f1e7!important; }
body.home-redesign-active .template-purchase-pitch :is(strong,span) { color:#12342c!important; }
body.home-redesign-active .template-purchase-pitch .btn.secondary { color:#ffffff!important; border-color:#1f6655!important; background:#1f6655!important; }
body.home-redesign-active .pricing-trust,
body.home-redesign-active .pricing-trust :is(span,a) { color:#f5f5f7!important; }
body.home-redesign-active .pricing-trust span { border-color:rgba(255,255,255,.26)!important; background:rgba(8,28,23,.22)!important; }

html[data-theme="day"] body.tx-app:not(.home-redesign-active),
html[data-theme="day"] body.tx-tool {
  --tx-gold:#745018;
  --gold:#745018;
  --gold-2:#745018;
  --green:#1f6655;
}
html[data-theme="night"] body.tx-app:not(.home-redesign-active),
:root[data-theme="night"] body.tx-tool,
:root[data-theme="dark"] body.tx-tool {
  --gold:#d8b878;
  --gold-2:#e2c68d;
}
html[data-theme="day"] body.tx-app:not(.home-redesign-active) :is(
  .auth-choice-note strong,
  .demo a,
  .behavior-verify-head strong,
  .help-section-heading span,
  .help-guide-card-top span,
  .help-guide-card-meta span,
  .community-boundaries article strong
) { color:var(--tx-gold)!important; }
html[data-theme="day"] body.tx-app .legal-document strong { color:#343a36!important; }
html[data-theme="day"] body.tx-app .footer a { color:#29483c!important; }
html[data-theme="night"] body.tx-app:not(.home-redesign-active) .btn:not(.secondary):not(.ghost):not(.danger),
:root[data-theme="night"] body.tx-tool :is(.button-primary,.button-ai,.download-button,.submit-row button),
:root[data-theme="dark"] body.tx-tool :is(.button-primary,.button-ai,.download-button,.submit-row button) { color:#15110a!important; }
body.tx-app .wechat-mark { background:#087a3e!important; }
body.tx-app .alipay-mark { background:#075fbd!important; }
html[data-theme="day"] body.tx-app .auth-divider,
html[data-theme="day"] body.tx-app .behavior-track em { color:#4f5c55!important; }
html[data-theme="night"] body.tx-app .auth-divider,
html[data-theme="night"] body.tx-app .behavior-track em { color:#abb2ad!important; }

body.tx-app[data-surface="workbench"] .learning-support-after-course { display:grid; gap:14px; margin-top:18px; }
body.tx-app[data-surface="workbench"] .course-assignment-center { margin-top:0; scroll-margin-top:84px; }

/* OP189 contrast audit pass 2: remove the remaining low-contrast legacy colors. */
html[data-theme="day"] body.tx-app:not(.home-redesign-active),
html[data-theme="day"] body.tx-tool { --tx-muted:#646469; --muted:#646469; }
html[data-theme="day"] body.home-redesign-active .conversion-cta,
html[data-theme="night"] body.home-redesign-active .conversion-cta {
  color:#f5f5f7!important;
  background:#101311!important;
}
body.home-redesign-active .conversion-cta .eyebrow { color:#dfc182!important; }
body.home-redesign-active .conversion-cta .muted { color:#d7dcd9!important; }
body.home-redesign-active .conversion-cta .btn.secondary {
  color:#ffffff!important;
  border-color:#8b9690!important;
  background:transparent!important;
}
html[data-theme="day"] body.home-redesign-active .process-grid article>b {
  color:#ffffff!important;
  background:#184f43!important;
}
html[data-theme="day"] body.home-redesign-active .module-time,
html[data-theme="day"] body.home-redesign-active .wechat-public-account small { color:#5e6661!important; }
html[data-theme="day"] body.tx-app .legal-highlights span { color:#5c625e!important; }
html[data-theme="day"] body.tx-app .legal-meta span { color:#5c625e!important; }
html[data-theme="day"] body.tx-app .legal-review-note strong { color:#1f6655!important; }
html[data-theme="day"] body.tx-app .legal-review-note p { color:#59645e!important; }
html[data-theme="night"] body.tx-app .footer,
html[data-theme="night"] body.home-redesign-active .footer { color:#a1a1a6!important; }

/* OP189 contrast audit pass 3: authenticated learning and service pages. */
html[data-theme="day"] body.tx-app:not(.home-redesign-active) .legal-consent,
html[data-theme="day"] body.tx-app:not(.home-redesign-active) .legal-consent span { color:#4f5752!important; }
html[data-theme="day"] body.tx-app:not(.home-redesign-active) :is(
  .payment-option small,
  .payment-option i,
  .checkout-guard span,
  .checkout-safe-note,
  .checkout-aside small
) { color:#515953!important; }
html[data-theme="night"] body.tx-app:not(.home-redesign-active) .checkout-section-head span { color:#15110a!important; }

html[data-theme="day"] body.tx-app[data-surface="workbench"] .activity-total {
  color:#1d604f!important;
  background:#e5f0eb!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .learning-nudge-copy small { color:#2d6a55!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .learning-dashboard article>span { color:#5b625d!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] :is(.answer-card summary i,.answer-keywords) { color:#4f5a54!important; }
html[data-theme="night"] body.tx-app[data-surface="workbench"] :is(.answer-card summary i,.answer-keywords) { color:#b0b7b2!important; }
html[data-theme="night"] body.tx-app[data-surface="workbench"] .video-protection-note span { color:#b4bbb6!important; }
html[data-theme="night"] body.tx-app:not(.home-redesign-active) .status.used {
  color:#b8e2c8!important;
  background:#183b29!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .learning-dashboard article small { color:#565f59!important; }
html[data-theme="night"] body.tx-app[data-surface="workbench"] .learning-dashboard article span {
  color:#d8b878!important;
  background:#272a2c!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .answer-card summary small { color:#684611!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .lesson-navigation { color:#555d58!important; }
html[data-theme="night"] body.tx-app[data-surface="workbench"] .lesson-navigation,
html[data-theme="night"] body.tx-app[data-surface="workbench"] .answer-empty span { color:#aeb5b0!important; }
html[data-theme="day"] body.tx-app .copyright-future small { color:#70521b!important; }

/* OP189 contrast audit pass 4: administration surfaces and destructive actions. */
body.tx-app[data-surface="workbench"] .btn.danger,
body.tx-app[data-surface="workbench"] .btn.danger.small {
  color:#ffffff!important;
  border-color:#842f2a!important;
  background:#842f2a!important;
}
body.tx-app[data-surface="workbench"] :is(
  .field label,
  .student-profile-form label,
  .student-pin-form label,
  .material-form label,
  .checkbox-row label
) { color:var(--tx-muted)!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] :is(
  .community-admin-form,
  .student-manage-panel,
  .answer-admin-item,
  .module-editor,
  .lesson-materials,
  .material-form
) {
  color:var(--tx-ink)!important;
  border-color:var(--tx-line)!important;
  background:var(--tx-surface)!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .community-admin-head strong { color:#565d59!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .community-admin-head i {
  color:#565d59!important;
  background:#edf0ee!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .community-admin-head i.online {
  color:#1f6655!important;
  background:#e2f0e9!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .publish-row label { color:#343a36!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .lesson-insights strong { color:#31485d!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .upload-status,
html[data-theme="day"] body.tx-app[data-surface="workbench"] .admin-template-components span { color:#4f5752!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .uploaded .upload-status { color:#1f6655!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .operator-profit :is(span,small) { color:#565d59!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .operator-profit.gross strong { color:#745018!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .operator-profit.expense strong { color:#842f2a!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .operator-profit.net strong { color:#1f6655!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .operator-profit.liability strong { color:#873f25!important; }

/* OP189 contrast audit pass 5: readable workbench navigation, badges and metadata. */
body.tx-app[data-surface="workbench"] .admin-nav button { color:#c8ceca!important; }
body.tx-app[data-surface="workbench"] .admin-nav button:hover { color:#ffffff!important; }
body.tx-app[data-surface="workbench"] .admin-nav button.active {
  color:#1d1a14!important;
  border-color:#d6b46e!important;
  background:#d6b46e!important;
}
body.tx-app[data-surface="workbench"] .admin-nav-section-label { color:#9da8a2!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .status.used {
  color:#174f3d!important;
  background:#dfeee7!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .status.unused {
  color:#244f82!important;
  background:#e3ebf6!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .status.revoked {
  color:#842f2a!important;
  background:#f3dfdc!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .knowledge-admin-summary span {
  color:#4f5752!important;
  background:#f5f1e7!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .coin-plus { color:#176244!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .operator-liability-card>.card-head>strong,
html[data-theme="day"] body.tx-app[data-surface="workbench"] .operator-liability-grid strong { color:#873f25!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .monitor-role-toggle {
  border-color:#b7d2c7!important;
  background:#e7f1ed!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .monitor-role-toggle span { color:#244f43!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .monitor-role-toggle small { color:#4f655c!important; }
html[data-theme="day"] body.tx-app[data-surface="workbench"] .disciple-title-tag.male {
  color:#1d5d6c!important;
  border-color:#9fc5ce!important;
  background:#e4f0f3!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .disciple-title-tag.female {
  color:#8a3652!important;
  border-color:#ddb0be!important;
  background:#f7e8ed!important;
}
html[data-theme="day"] body.tx-app[data-surface="workbench"] .disciple-title-tag.neutral {
  color:#654d1c!important;
  border-color:#d7c69f!important;
  background:#f5f0e3!important;
}

/* OP-20260726-191: one responsive visual system for owner, operator and teacher workbenches. */
body.tx-app[data-surface="workbench"] .admin-page {
  --staff-page:#f5f5f7;
  --staff-surface:#ffffff;
  --staff-soft:#f0f1f2;
  --staff-ink:#1d1d1f;
  --staff-muted:#666b68;
  --staff-line:#d8dcda;
  --staff-jade:#286a58;
  --staff-jade-strong:#1f5547;
  --staff-gold:#a5792f;
  --staff-shadow:0 18px 55px rgba(22,36,29,.075);
  width:100%;
  min-width:0;
  overflow-x:hidden;
  color:var(--staff-ink);
  background:
    radial-gradient(circle at 82% 2%,rgba(40,106,88,.06),transparent 30rem),
    var(--staff-page)!important;
}
html[data-theme="night"] body.tx-app[data-surface="workbench"] .admin-page {
  --staff-page:#0d0f0e;
  --staff-surface:#171a18;
  --staff-soft:#202421;
  --staff-ink:#f2f4f1;
  --staff-muted:#a9b0ab;
  --staff-line:#343a36;
  --staff-jade:#79ad98;
  --staff-jade-strong:#9bc6b4;
  --staff-gold:#d7b16d;
  --staff-shadow:0 20px 58px rgba(0,0,0,.28);
  background:
    radial-gradient(circle at 82% 0,rgba(84,130,110,.11),transparent 32rem),
    var(--staff-page)!important;
}
body.tx-app[data-surface="workbench"] .admin-page,
body.tx-app[data-surface="workbench"] .admin-page * { box-sizing:border-box; }
body.tx-app[data-surface="workbench"] .admin-page .admin-layout {
  display:grid!important;
  grid-template-columns:clamp(216px,15vw,252px) minmax(0,1fr)!important;
  gap:clamp(14px,1.55vw,24px)!important;
  width:100%!important;
  max-width:none!important;
  min-width:0;
  margin:0!important;
  padding:clamp(12px,1.45vw,24px)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-main {
  width:100%;
  min-width:0;
  max-width:1600px;
  margin-inline:auto;
  padding:0 0 clamp(56px,7vw,96px)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav {
  position:sticky!important;
  top:clamp(12px,1.45vw,24px)!important;
  align-self:start;
  display:flex!important;
  flex-direction:column;
  gap:2px!important;
  width:100%!important;
  max-width:none!important;
  min-height:calc(100dvh - clamp(24px,2.9vw,48px))!important;
  max-height:calc(100dvh - clamp(24px,2.9vw,48px));
  margin:0!important;
  padding:14px 12px 18px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  color:#eef3ef!important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.035),transparent 38%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 4px),
    #151a18!important;
  box-shadow:0 22px 54px rgba(9,16,12,.18)!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(215,177,109,.42) transparent;
}
html[data-theme="night"] body.tx-app[data-surface="workbench"] .admin-page .admin-nav {
  border-color:#303733!important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.025),transparent 38%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 1px,transparent 1px,transparent 4px),
    #111412!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav .brand {
  position:static!important;
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  min-height:62px!important;
  margin:0 0 8px!important;
  padding:8px 9px 15px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  color:#f5f7f5!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav .seal {
  display:grid;
  place-items:center;
  flex:0 0 40px;
  width:40px!important;
  height:40px!important;
  border:1px solid rgba(215,177,109,.6)!important;
  border-radius:12px!important;
  color:#e5c98e!important;
  background:linear-gradient(145deg,rgba(215,177,109,.18),rgba(215,177,109,.04))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .teacher-rank {
  display:block;
  margin-top:3px;
  color:#aeb8b2!important;
  font-size:10px;
  font-weight:600;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav-group {
  display:grid;
  gap:3px;
  margin:9px 0 0;
  padding:11px 0 0;
  border-top:1px solid rgba(255,255,255,.065)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav-group:first-of-type {
  margin-top:0;
  padding-top:0;
  border-top:0!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav-section-label {
  padding:0 10px 5px!important;
  color:#919d97!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.12em!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav button {
  position:relative;
  flex:0 0 auto;
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
  padding:9px 12px 9px 15px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  color:#c8cfcb!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.35;
  text-align:left;
  transform:none!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav button:hover {
  color:#ffffff!important;
  border-color:rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.055)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav button.active {
  color:#ffffff!important;
  border-color:rgba(121,173,152,.38)!important;
  background:linear-gradient(100deg,#285f50,#214b40)!important;
  box-shadow:0 8px 20px rgba(5,25,18,.2)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav button.active::before {
  content:"";
  position:absolute;
  inset:9px auto 9px 5px;
  width:3px;
  border-radius:99px;
  background:#dfbf7d;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-head {
  position:sticky!important;
  top:clamp(12px,1.45vw,24px)!important;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(14px,2vw,28px)!important;
  min-height:96px;
  margin:0 0 14px!important;
  padding:clamp(16px,1.7vw,24px)!important;
  border:1px solid var(--staff-line)!important;
  border-radius:20px!important;
  color:var(--staff-ink);
  background:color-mix(in srgb,var(--staff-surface) 90%,transparent)!important;
  box-shadow:0 12px 34px rgba(22,36,29,.055)!important;
  backdrop-filter:saturate(160%) blur(22px)!important;
}
html[data-theme="night"] body.tx-app[data-surface="workbench"] .admin-page .admin-head {
  background:color-mix(in srgb,var(--staff-surface) 88%,transparent)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-head>div:first-child { min-width:0; }
body.tx-app[data-surface="workbench"] .admin-page .admin-head .eyebrow {
  margin-bottom:5px;
  color:var(--staff-gold)!important;
  font-size:10px!important;
  font-weight:800;
  letter-spacing:.14em!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-head h1 {
  margin:0!important;
  color:var(--staff-ink)!important;
  font-size:clamp(24px,2vw,34px)!important;
  font-weight:800!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-section-context {
  display:inline-flex;
  align-items:center;
  min-height:25px;
  margin-top:8px;
  padding:4px 9px;
  border:1px solid color-mix(in srgb,var(--staff-jade) 22%,var(--staff-line))!important;
  border-radius:999px!important;
  color:var(--staff-jade-strong)!important;
  background:color-mix(in srgb,var(--staff-jade) 8%,var(--staff-surface))!important;
  font-size:11px;
  font-weight:700;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-head>div:last-child {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:7px;
  min-width:0;
}
body.tx-app[data-surface="workbench"] .admin-page :is(#adminBody,#operatorBody,#teacherBody) {
  display:grid;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px;
  width:100%;
  min-width:0;
}
body.tx-app[data-surface="workbench"] .admin-page :is(#adminBody,#operatorBody,#teacherBody)>.admin-card,
body.tx-app[data-surface="workbench"] .admin-page .admin-overview-command {
  margin:0!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.admin-card,.stat,.admin-overview-command,.order-admin-summary>div,.site-ledger-head) {
  min-width:0;
  border:1px solid var(--staff-line)!important;
  border-radius:18px!important;
  color:var(--staff-ink)!important;
  background:var(--staff-surface)!important;
  background-image:none!important;
  box-shadow:var(--staff-shadow)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-card {
  padding:clamp(16px,1.65vw,24px)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-card .admin-card {
  padding:clamp(13px,1.2vw,18px)!important;
  border-radius:14px!important;
  background:var(--staff-soft)!important;
  box-shadow:none!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.admin-card,.admin-overview-command)::after { display:none!important; }
body.tx-app[data-surface="workbench"] .admin-page .card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px!important;
  margin-bottom:clamp(12px,1.3vw,18px)!important;
  padding-bottom:13px;
  border-bottom:1px solid var(--staff-line);
}
body.tx-app[data-surface="workbench"] .admin-page :is(.admin-card,.admin-overview-command) h2 {
  margin:0 0 5px;
  color:var(--staff-ink)!important;
  font-size:clamp(18px,1.4vw,23px)!important;
  line-height:1.2;
  letter-spacing:-.025em!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(p,.muted,.tiny,small,.field label) { color:var(--staff-muted)!important; }
body.tx-app[data-surface="workbench"] .admin-page :is(.stats,.admin-kpi-grid,.operator-workbench-grid,.operator-profit-grid,.order-admin-summary,.platform-ledger-summary,.admin-priority-grid) {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important;
  gap:12px!important;
  width:100%;
  min-width:0;
  border:0!important;
  background:transparent!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.stat,.operator-workbench-grid article,.operator-profit-grid article,.order-admin-summary>div,.platform-ledger-summary>*) {
  position:relative;
  min-width:0;
  padding:clamp(15px,1.4vw,21px)!important;
  overflow:hidden;
  border:1px solid var(--staff-line)!important;
  border-radius:16px!important;
  color:var(--staff-ink)!important;
  background:var(--staff-surface)!important;
  box-shadow:0 10px 28px rgba(22,36,29,.045)!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.stat,.operator-workbench-grid article,.operator-profit-grid article,.order-admin-summary>div,.platform-ledger-summary>*)::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg,var(--staff-jade),color-mix(in srgb,var(--staff-gold) 55%,transparent),transparent 82%);
}
body.tx-app[data-surface="workbench"] .admin-page :is(.stat,.operator-workbench-grid article) strong {
  display:block;
  margin-top:7px;
  color:var(--staff-jade-strong)!important;
  font-size:clamp(25px,2vw,34px)!important;
  line-height:1;
  letter-spacing:-.035em!important;
}
body.tx-app[data-surface="workbench"] .admin-page .metric-state {
  display:inline-flex;
  margin-top:10px;
  padding:4px 7px;
  border-radius:999px;
  color:var(--staff-muted)!important;
  background:var(--staff-soft)!important;
  font-size:9px;
  font-style:normal;
  font-weight:750;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-overview-command {
  padding:clamp(18px,1.8vw,27px)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-priority-item {
  min-width:0;
  min-height:86px;
  padding:14px!important;
  border:1px solid var(--staff-line)!important;
  border-radius:14px!important;
  color:var(--staff-ink)!important;
  background:var(--staff-soft)!important;
  box-shadow:none!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-priority-item:hover {
  border-color:color-mix(in srgb,var(--staff-jade) 45%,var(--staff-line))!important;
  transform:translateY(-1px);
}
body.tx-app[data-surface="workbench"] .admin-page .priority-mark {
  color:var(--staff-jade-strong)!important;
  border-color:var(--staff-line)!important;
  border-radius:10px!important;
  background:var(--staff-surface)!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.form-grid,.student-profile-form,.student-pin-form,.background-media-form) {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
  gap:clamp(10px,1.15vw,16px)!important;
  min-width:0;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.wide,.form-grid>.wide) { grid-column:1/-1!important; }
body.tx-app[data-surface="workbench"] .admin-page .field {
  display:grid;
  gap:6px!important;
  min-width:0;
  margin:0!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.field label,.checkbox-row,.check-row,.publish-row label) {
  color:var(--staff-muted)!important;
  font-size:12px!important;
  font-weight:700!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.input,input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  width:100%;
  max-width:100%;
  min-height:44px!important;
  padding:10px 12px!important;
  border:1px solid var(--staff-line)!important;
  border-radius:11px!important;
  color:var(--staff-ink)!important;
  background:var(--staff-soft)!important;
  box-shadow:inset 0 1px 1px rgba(15,30,22,.025)!important;
  font:inherit;
  font-size:clamp(13px,.2vw + 12px,15px)!important;
}
body.tx-app[data-surface="workbench"] .admin-page textarea { min-height:104px!important; resize:vertical; }
body.tx-app[data-surface="workbench"] .admin-page :is(.input,input,select,textarea):focus {
  border-color:var(--staff-jade)!important;
  outline:3px solid color-mix(in srgb,var(--staff-jade) 15%,transparent)!important;
  outline-offset:0!important;
}
body.tx-app[data-surface="workbench"] .admin-page .static-field {
  display:flex;
  align-items:center;
  color:var(--staff-ink)!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.btn,button.btn,a.btn) {
  min-height:40px!important;
  width:auto;
  padding:0 15px!important;
  border:1px solid var(--staff-jade-strong)!important;
  border-radius:11px!important;
  color:#ffffff!important;
  background:var(--staff-jade-strong)!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:750!important;
  white-space:nowrap;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.btn,button.btn,a.btn):hover { filter:brightness(1.08); transform:translateY(-1px); }
body.tx-app[data-surface="workbench"] .admin-page :is(.btn.ghost,.btn.secondary) {
  color:var(--staff-ink)!important;
  border-color:var(--staff-line)!important;
  background:var(--staff-surface)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .btn.danger {
  color:#ffffff!important;
  border-color:#8d3732!important;
  background:#8d3732!important;
}
body.tx-app[data-surface="workbench"] .admin-page .workbench-theme-toggle {
  min-width:40px;
  padding-inline:11px!important;
}
body.tx-app[data-surface="workbench"] .admin-page .table-wrap {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:10px 0 0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden;
  border:1px solid var(--staff-line)!important;
  border-radius:14px!important;
  background:var(--staff-surface)!important;
  box-shadow:none!important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
body.tx-app[data-surface="workbench"] .admin-page table {
  width:100%!important;
  min-width:720px;
  border:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  color:var(--staff-ink)!important;
  background:transparent!important;
  font-size:13px;
}
body.tx-app[data-surface="workbench"] .admin-page th {
  padding:11px 12px!important;
  border-bottom:1px solid var(--staff-line)!important;
  color:var(--staff-muted)!important;
  background:var(--staff-soft)!important;
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:.03em!important;
  text-align:left;
  white-space:nowrap;
}
body.tx-app[data-surface="workbench"] .admin-page td {
  padding:12px!important;
  border:0!important;
  border-bottom:1px solid var(--staff-line)!important;
  color:var(--staff-ink)!important;
  background:transparent!important;
  vertical-align:middle;
}
body.tx-app[data-surface="workbench"] .admin-page tbody tr:last-child td { border-bottom:0!important; }
body.tx-app[data-surface="workbench"] .admin-page tbody tr:hover td { background:color-mix(in srgb,var(--staff-jade) 5%,transparent)!important; }
body.tx-app[data-surface="workbench"] .admin-page .table-wrap td.empty {
  display:table-cell!important;
  width:auto!important;
  min-height:0!important;
  padding:28px 16px!important;
  border-radius:0!important;
  color:var(--staff-muted)!important;
  background:transparent!important;
  text-align:center;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-card>.empty,
body.tx-app[data-surface="workbench"] .admin-page .empty.compact {
  min-height:88px;
  padding:22px!important;
  border:1px dashed color-mix(in srgb,var(--staff-jade) 24%,var(--staff-line))!important;
  border-radius:13px!important;
  color:var(--staff-muted)!important;
  background:color-mix(in srgb,var(--staff-soft) 74%,transparent)!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(
  .community-admin-form,.student-manage-panel,.module-editor,.lesson-editor,.lesson-materials,.material-form,
  .answer-admin-item,.reward-template-form,.ai-provider-form,.image-provider-form,.copyright-admin-item,
  .premium-review-list article,.help-moderation-list article,.operator-account-list article,.teacher-admin-list article,
  .operator-teacher-list article,.referral-partner-card,.background-media-form fieldset,.integration-health-grid article,
  .operator-liability-card,.operator-advance-notice,.generated,.upload-panel
) {
  min-width:0;
  border:1px solid var(--staff-line)!important;
  border-radius:14px!important;
  color:var(--staff-ink)!important;
  background:var(--staff-soft)!important;
  box-shadow:none!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.status,.code-chip) {
  border:1px solid color-mix(in srgb,var(--staff-jade) 20%,var(--staff-line));
  border-radius:999px!important;
  font-weight:700;
}

@media (max-width:1100px) {
  body.tx-app[data-surface="workbench"] .admin-page .admin-layout {
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    padding:0!important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav {
    position:sticky!important;
    top:0!important;
    z-index:35;
    flex-direction:row;
    align-items:center;
    gap:6px!important;
    min-height:0!important;
    max-height:none;
    padding:8px clamp(10px,2vw,18px)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-width:0 0 1px!important;
    border-radius:0!important;
    scrollbar-width:none;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav::-webkit-scrollbar { display:none; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav .brand {
    flex:0 0 auto;
    min-height:42px!important;
    margin:0 5px 0 0!important;
    padding:0 12px 0 0!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.1)!important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav .seal { width:34px!important; height:34px!important; flex-basis:34px; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav-group { display:contents; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav-section-label { display:none; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav button {
    flex:0 0 auto;
    width:auto!important;
    min-height:36px!important;
    padding:8px 11px!important;
    white-space:nowrap;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-main {
    max-width:none;
    padding:0 clamp(12px,2vw,22px) 70px!important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-head { top:61px!important; }
}

@media (max-width:720px) {
  body.tx-app[data-surface="workbench"] .admin-page .admin-main { padding:0 10px 58px!important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-head {
    position:static!important;
    display:grid;
    min-height:0;
    margin:10px 0 12px!important;
    padding:16px!important;
    border-radius:16px!important;
    backdrop-filter:none!important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-head>div:last-child {
    justify-content:flex-start;
    flex-wrap:nowrap;
    width:100%;
    padding-bottom:2px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-head>div:last-child::-webkit-scrollbar { display:none; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-head h1 { font-size:clamp(22px,7vw,28px)!important; }
  body.tx-app[data-surface="workbench"] .admin-page :is(#adminBody,#operatorBody,#teacherBody) { gap:10px; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-card { padding:15px!important; border-radius:16px!important; }
  body.tx-app[data-surface="workbench"] .admin-page .card-head { display:grid; gap:9px!important; }
  body.tx-app[data-surface="workbench"] .admin-page :is(.stats,.admin-kpi-grid,.operator-workbench-grid,.operator-profit-grid,.order-admin-summary,.platform-ledger-summary,.admin-priority-grid) {
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }
  body.tx-app[data-surface="workbench"] .admin-page :is(.form-grid,.student-profile-form,.student-pin-form,.background-media-form) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.tx-app[data-surface="workbench"] .admin-page :is(.btn,button.btn,a.btn) { min-height:40px!important; }
  body.tx-app[data-surface="workbench"] .admin-page table { min-width:660px; }
}

/* OP-20260819-509: mobile classroom opens the selected lesson first. */
body.tx-app[data-surface="workbench"] .mobile-catalog-control { display:none; }
@media (max-width:1180px) {
  body.tx-app[data-surface="workbench"] .mobile-catalog-control {
    display:flex;
    position:sticky;
    top:0;
    z-index:8;
    margin:0 0 8px;
    padding:0;
    background:var(--tx-bg,#f6f7f5);
  }
  body.tx-app[data-surface="workbench"] .catalog-mobile-toggle {
    width:100%;
    min-height:44px;
    padding:10px 12px;
    border:1px solid var(--tx-line);
    border-radius:10px;
    color:var(--tx-ink);
    background:var(--tx-surface,#fff);
    font:700 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
    text-align:left;
  }
  body.tx-app[data-surface="workbench"] .learn-grid.catalog-mobile-hidden .catalog { display:none!important; }
  body.tx-app[data-surface="workbench"] .learn-grid.catalog-mobile-hidden .lesson-stage { display:block; }
  body.tx-app[data-surface="workbench"] .learn-grid:not(.catalog-mobile-hidden) .lesson-stage { display:block; }
}

@media (max-width:430px) {
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav .brand>span:last-child { display:none; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav .brand { padding-right:8px!important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav button { font-size:12px!important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-card { padding:14px 13px!important; }
  body.tx-app[data-surface="workbench"] .admin-page :is(.input,input:not([type="checkbox"]):not([type="radio"]),select,textarea) { font-size:16px!important; }
}

/* OP-20260727-202: full-site visual-density system at native browser scale. */
body.tx-app,
body.tx-tool {
  --density-shell-public:1240px;
  --density-shell-service:1180px;
  --density-shell-workbench:1440px;
  --density-shell-tool:1320px;
  --density-space-1:6px;
  --density-space-2:10px;
  --density-space-3:14px;
  --density-space-4:18px;
  --density-control:36px;
  text-rendering:optimizeLegibility;
}

/* Public site: keep the cinematic hierarchy, remove presentation-scale bulk. */
body.home-redesign-active .site-header,
body.home-redesign-active .nav { height:58px; }
body.home-redesign-active .nav {
  width:min(var(--density-shell-public),100%);
  padding-inline:24px;
}
body.home-redesign-active .brand-logo { height:41px; }
body.home-redesign-active .nav-links { gap:18px; }
body.home-redesign-active .btn {
  min-height:var(--density-control);
  padding-inline:15px;
}
body.home-redesign-active .hero {
  min-height:min(610px,calc(100svh - 58px));
}
body.home-redesign-active .hero-media { inset:22px 4% 22px 45%; }
html[data-theme="night"] body.home-redesign-active .hero-media { inset:0; }
body.home-redesign-active .hero-inner {
  width:min(var(--density-shell-public),100%);
  padding:48px 24px;
}
body.home-redesign-active .hero-copy { width:min(620px,58%); }
body.home-redesign-active .brand-slogan { margin-top:14px; font-size:12px; }
body.home-redesign-active .hero h1 {
  margin:17px 0 20px;
  font-size:clamp(48px,4.8vw,62px);
  line-height:.99;
}
body.home-redesign-active .hero-mission { gap:5px; padding-left:14px; }
body.home-redesign-active .hero-mission strong { font-size:14px; line-height:1.6; }
body.home-redesign-active .hero-actions { margin-top:20px; }
body.home-redesign-active .section {
  padding:62px max(22px,calc((100% - var(--density-shell-public))/2));
}
body.home-redesign-active .section-head {
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);
  gap:36px;
  margin-bottom:27px;
}
body.home-redesign-active .section-head h2 {
  margin-top:9px;
  font-size:clamp(34px,3.5vw,42px);
}
body.home-redesign-active .foundation-case-section { padding-top:68px; }
body.home-redesign-active .case-info {
  min-height:116px;
  gap:6px;
  padding:16px;
}
body.home-redesign-active .case-info h3 { font-size:16px; }
body.home-redesign-active .play { width:40px; height:40px; }
body.home-redesign-active .proof-note { gap:20px; padding:18px 20px; }
body.home-redesign-active :is(.feature-showcase-grid article,.outcome-grid article,.process-grid article) {
  min-height:150px;
  padding:20px;
}
body.home-redesign-active .community-recruit {
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  padding-inline:max(22px,calc((100% - var(--density-shell-public))/2));
}
body.home-redesign-active .community-recruit-copy {
  min-width:0;
  padding:56px 48px 56px 0;
}
body.home-redesign-active .community-recruit-copy h2 { font-size:36px; }
body.home-redesign-active .community-recruit-facts { min-width:0; padding:40px 0 40px 40px; }
body.home-redesign-active .curriculum { gap:46px; }
body.home-redesign-active .curriculum-intro h2 { font-size:36px; }
body.home-redesign-active .module-row { min-height:76px; }
body.home-redesign-active .fit-grid>div,
body.home-redesign-active .fit-grid article { padding:22px; }
body.home-redesign-active :is(.serious-learning-note,.production-cost-note) { padding:25px; }
body.home-redesign-active .pricing-grid { padding:8px; gap:8px; }
body.home-redesign-active .price-card,
body.home-redesign-active .price-card.recommended {
  min-height:540px;
  padding:23px!important;
}
body.home-redesign-active .price-card .price { font-size:38px; }
body.home-redesign-active .template-offer { padding:22px!important; }
body.home-redesign-active .conversion-cta {
  padding:54px max(22px,calc((100% - var(--density-shell-public))/2));
}

/* Authentication and service pages: readable, compact, centred. */
body.tx-app:not(.home-redesign-active) .site-header { height:58px; }
body.tx-app:not(.home-redesign-active) .nav {
  max-width:var(--density-shell-service);
  padding-inline:22px;
}
body.tx-app:not(.home-redesign-active) .brand-logo { height:42px; }
body.tx-app:not(.home-redesign-active) .nav-links { gap:17px; }
body.tx-app:not(.home-redesign-active) .btn {
  min-height:var(--density-control);
  padding-inline:14px;
}
body.tx-app:not(.home-redesign-active) .btn.small { min-height:32px; }
body.tx-app:not(.home-redesign-active) .auth-shell {
  max-width:1040px;
  min-height:calc(100vh - 58px);
  grid-template-columns:minmax(0,1fr) 390px;
  gap:56px;
  padding:44px 24px;
}
body.tx-app:not(.home-redesign-active) .auth-copy h1 { font-size:44px; }
body.tx-app:not(.home-redesign-active) .auth-card { padding:22px; }
body.tx-app:not(.home-redesign-active) :is(.member-center,.checkout-page,.coin-recharge-page,.copyright-page,.help-page,.community-membership-page) {
  width:min(var(--density-shell-service),100%);
  max-width:var(--density-shell-service);
  padding:30px 22px 64px;
}
body.tx-app:not(.home-redesign-active) .member-welcome { padding:21px 22px; }
body.tx-app:not(.home-redesign-active) .member-welcome h1 { font-size:clamp(28px,3vw,34px); }
body.tx-app:not(.home-redesign-active) :is(
  .activation-card,.member-buy,.member-boundary,.member-course-open,
  .checkout-form>section,.checkout-aside,.order-result,.coin-recharge-history,
  .copyright-history,.community-account-card,.community-login-prompt,
  .community-order-history,.expert-application,.expert-directory,.community-trust-note
) { padding:18px!important; }
body.tx-app:not(.home-redesign-active) :is(.help-hero,.community-membership-hero,.coin-recharge-hero,.copyright-hero) { padding-top:14px; }
body.tx-app:not(.home-redesign-active) :is(.help-hero,.community-membership-hero,.coin-recharge-hero,.copyright-hero) h1,
body.tx-app:not(.home-redesign-active) .checkout-head h1 { font-size:clamp(30px,3.5vw,40px); }
body.tx-app:not(.home-redesign-active) .community-boundaries article { padding:14px; }
body.tx-app:not(.home-redesign-active) .premium-center-hero {
  max-width:var(--density-shell-service);
  padding-top:42px;
}
body.tx-app:not(.home-redesign-active) .premium-center-hero h1 { font-size:clamp(40px,5vw,52px); }
body.tx-app.legal-body .legal-page { max-width:980px; padding-top:44px; }
body.tx-app .legal-hero h1 { font-size:clamp(38px,5vw,46px); }

/* Student workspace: course content stays dominant without oversized chrome. */
body.tx-app[data-surface="workbench"] .learn-wrap {
  width:min(1280px,calc(100% - 32px));
  max-width:1280px!important;
  padding:16px 0 52px!important;
}
body.tx-app[data-surface="workbench"] .learn-hero {
  min-height:0!important;
  padding:18px 20px!important;
}
body.tx-app[data-surface="workbench"] .learn-hero h1 {
  font-size:clamp(26px,2.7vw,32px)!important;
  line-height:1.12!important;
}
body.tx-app[data-surface="workbench"] .learn-actions { gap:6px!important; }
body.tx-app[data-surface="workbench"] .learn-actions .btn {
  min-height:34px!important;
  padding-inline:11px!important;
  font-size:12px!important;
}
body.tx-app[data-surface="workbench"] .learning-nudge {
  margin-top:12px!important;
  padding:14px 16px!important;
}
body.tx-app[data-surface="workbench"] .learning-dashboard {
  gap:8px!important;
  margin-top:12px!important;
  padding:0!important;
  background:transparent!important;
}
body.tx-app[data-surface="workbench"] .learning-dashboard article {
  min-height:82px!important;
  padding:13px 14px!important;
  border:1px solid var(--tx-line)!important;
  border-radius:12px!important;
}
body.tx-app[data-surface="workbench"] .learning-dashboard article strong { font-size:24px!important; }
body.tx-app[data-surface="workbench"] .learn-grid {
  grid-template-columns:250px minmax(0,1fr)!important;
  gap:12px!important;
  margin-top:14px!important;
}
body.tx-app[data-surface="workbench"] .catalog {
  top:68px!important;
  padding:8px!important;
}
body.tx-app[data-surface="workbench"] .module-title { padding:10px 8px 5px; }
body.tx-app[data-surface="workbench"] .lesson-btn { min-height:38px; padding:8px!important; }
body.tx-app[data-surface="workbench"] .lesson-view {
  min-height:0!important;
  padding:18px!important;
}
body.tx-app[data-surface="workbench"] .lesson-view h2 {
  margin:6px 0!important;
  font-size:clamp(24px,2.7vw,30px)!important;
}
body.tx-app[data-surface="workbench"] .lesson-study-layout { margin:12px 0!important; }
body.tx-app[data-surface="workbench"] .video-frame { margin:10px 0!important; }
body.tx-app[data-surface="workbench"] :is(.lesson-notes,.lesson-material-workspace,.learning-support-after-course>*):not(.table-wrap) {
  padding:14px!important;
}

/* Owner, operator and teacher: compact professional desktop workspace. */
body.tx-app[data-surface="workbench"] .admin-page .admin-layout {
  grid-template-columns:clamp(196px,14vw,216px) minmax(0,1fr)!important;
  gap:12px!important;
  width:min(var(--density-shell-workbench),100%)!important;
  max-width:var(--density-shell-workbench)!important;
  margin-inline:auto!important;
  padding:12px!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-main {
  max-width:none;
  padding-bottom:48px!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav {
  top:12px!important;
  min-height:calc(100dvh - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  padding:10px 9px 13px!important;
  border-radius:14px!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav .brand {
  min-height:50px!important;
  margin-bottom:5px!important;
  padding:5px 7px 10px!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav .seal {
  flex-basis:34px;
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav-group {
  gap:2px;
  margin-top:6px;
  padding-top:8px;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav-section-label {
  padding:0 8px 3px!important;
  font-size:9px!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav button {
  min-height:34px!important;
  padding:7px 10px 7px 13px!important;
  border-radius:9px!important;
  font-size:12px!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-nav button.active::before { inset-block:7px; }
body.tx-app[data-surface="workbench"] .admin-page .admin-head {
  top:12px!important;
  min-height:74px;
  margin-bottom:10px!important;
  padding:12px 16px!important;
  border-radius:14px!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-head h1 {
  font-size:clamp(22px,1.8vw,28px)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-section-context {
  min-height:22px;
  margin-top:5px;
  padding:2px 7px;
  font-size:10px;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-head>div:last-child { gap:6px; }
body.tx-app[data-surface="workbench"] .admin-page :is(#adminBody,#operatorBody,#teacherBody) { gap:10px; }
body.tx-app[data-surface="workbench"] .admin-page .admin-card {
  padding:clamp(12px,1.15vw,16px)!important;
  border-radius:14px!important;
}
body.tx-app[data-surface="workbench"] .admin-page .admin-card .admin-card {
  padding:12px!important;
  border-radius:11px!important;
}
body.tx-app[data-surface="workbench"] .admin-page .card-head {
  gap:10px!important;
  margin-bottom:10px!important;
  padding-bottom:9px;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.admin-card,.admin-overview-command) h2 {
  font-size:clamp(17px,1.25vw,20px)!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.stats,.admin-kpi-grid,.operator-workbench-grid,.operator-profit-grid,.order-admin-summary,.platform-ledger-summary,.admin-priority-grid) {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr))!important;
  gap:9px!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.stat,.operator-workbench-grid article,.operator-profit-grid article,.order-admin-summary>div,.platform-ledger-summary>*) {
  padding:12px 13px!important;
  border-radius:12px!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.stat,.operator-workbench-grid article) strong {
  margin-top:5px;
  font-size:clamp(23px,1.7vw,28px)!important;
}
body.tx-app[data-surface="workbench"] .admin-page .metric-state { margin-top:7px; }
body.tx-app[data-surface="workbench"] .admin-page .admin-overview-command { padding:15px!important; }
body.tx-app[data-surface="workbench"] .admin-page .admin-priority-item {
  min-height:70px;
  padding:11px!important;
  border-radius:11px!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.form-grid,.student-profile-form,.student-pin-form,.background-media-form) {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;
  gap:9px!important;
}
body.tx-app[data-surface="workbench"] .admin-page :is(.input,input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  font-size:13px!important;
}
body.tx-app[data-surface="workbench"] .admin-page textarea { min-height:86px!important; }
body.tx-app[data-surface="workbench"] .admin-page :is(.btn,button.btn,a.btn) {
  min-height:36px!important;
  padding-inline:12px!important;
  border-radius:9px!important;
  font-size:12px!important;
}
body.tx-app[data-surface="workbench"] .admin-page .workbench-theme-toggle { min-width:40px; }
body.tx-app[data-surface="workbench"] .admin-page .table-wrap {
  margin-top:7px!important;
  border-radius:11px!important;
}
body.tx-app[data-surface="workbench"] .admin-page table { min-width:680px; font-size:12px; }
body.tx-app[data-surface="workbench"] .admin-page th { padding:8px 10px!important; font-size:10px!important; }
body.tx-app[data-surface="workbench"] .admin-page td { padding:9px 10px!important; }
body.tx-app[data-surface="workbench"] .admin-page .admin-card>.empty,
body.tx-app[data-surface="workbench"] .admin-page .empty.compact {
  min-height:68px;
  padding:16px!important;
}

/* Four non-video tools: dense creator workspace at 100%, no fake scaling. */
body.tx-tool .topbar,
body.tx-tool-plot .topbar {
  min-height:56px!important;
  padding:6px max(18px,calc((100vw - var(--density-shell-tool))/2))!important;
}
body.tx-tool .brand img { width:36px; height:36px; }
body.tx-tool .brand-mark { transform:scale(.9); transform-origin:left center; }
body.tx-tool :is(.coin-chip,.back-link,.icon-button) { min-height:34px; }
body.tx-tool .page-shell {
  width:min(var(--density-shell-tool),calc(100% - 32px));
  padding:18px 0 32px;
}
body.tx-tool .app-shell {
  width:min(1360px,100%);
  padding:0 18px 32px;
}
body.tx-tool .intro-band {
  gap:16px!important;
  padding:13px 14px!important;
}
body.tx-tool .intro-band h1 {
  margin:4px 0 5px!important;
  font-size:clamp(28px,2.4vw,34px)!important;
  line-height:1.08!important;
}
body.tx-tool .intro-band p { font-size:13px; line-height:1.55; }
body.tx-tool :is(.status-points,.method-points) { gap:5px; }
body.tx-tool :is(.status-points span,.method-points span) { padding:5px 7px; }
body.tx-tool .workspace { gap:12px!important; padding-block:14px!important; }
body.tx-tool :is(.input-panel,.control-panel,.preview-panel,.history-section) {
  padding:16px!important;
}
body.tx-tool .panel-heading { gap:10px!important; margin-bottom:12px!important; }
body.tx-tool .panel-heading h2 { font-size:18px!important; }
body.tx-tool :is(.field input,.field select) { height:38px!important; min-height:38px!important; }
body.tx-tool :is(.prompt-field textarea,.content-field textarea) { padding:10px!important; }
body.tx-tool .content-field textarea { min-height:290px!important; }
body.tx-tool .prompt-field textarea { min-height:180px!important; }
body.tx-tool .prompt-field.compact textarea { min-height:76px!important; }
body.tx-tool .submit-row { gap:10px; margin-top:12px; }
body.tx-tool :is(.submit-row button,.button-primary,.button-ai,.download-button,.preview-actions button) {
  min-height:36px;
}
body.tx-tool :is(.result-panel,.preview-panel) { top:12px!important; }
body.tx-tool .result-head {
  min-height:94px!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:12px!important;
  padding:14px 16px 11px!important;
}
body.tx-tool :is(.score-box,.seal-box) {
  width:76px!important;
  height:76px!important;
}
body.tx-tool .score-box strong { font-size:29px!important; }
body.tx-tool .seal-box strong { font-size:32px!important; }
body.tx-tool .result-head h2 { font-size:19px!important; }
body.tx-tool .score-track { margin-inline:16px!important; }
body.tx-tool .result-body { padding:14px 16px 18px!important; }
body.tx-tool .empty-state { min-height:190px!important; }
body.tx-tool .history-section { margin-top:12px!important; }
body.tx-tool-plot .value-proposition { margin-top:12px; padding:17px 19px; }
body.tx-tool-plot .value-proposition h2 { color:#f7f5ef!important; }
body.tx-tool-plot .value-proposition-body p { color:#c8d3cf!important; }
body.tx-tool-plot .value-proposition-body .value-psychology-line,
body.tx-tool-plot .value-proposition-body .value-visual-line { color:#f3f5f2!important; }
body.tx-tool-plot .ingredient-section { padding:16px!important; }
body.tx-tool-plot .result-visual { min-height:96px; }
body.tx-tool-image .preview-stage { min-height:440px; }

@media (max-width:1100px) {
  body.tx-app[data-surface="workbench"] .admin-page .admin-layout {
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav {
    position:sticky!important;
    top:0!important;
    flex-direction:row;
    align-items:center;
    gap:6px!important;
    width:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding-block:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-radius:0!important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav .brand {
    min-height:42px!important;
    margin:0 5px 0 0!important;
    padding:0 12px 0 0!important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-main { padding-inline:14px!important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-head { top:56px!important; }
}

@media (max-width:720px) {
  body.home-redesign-active .site-header,
  body.home-redesign-active .nav { height:56px; }
  body.home-redesign-active .nav { padding-inline:14px; }
  body.home-redesign-active .hero { min-height:540px; }
  body.home-redesign-active .hero-inner { padding:42px 16px 70px; }
  body.home-redesign-active .hero-copy { width:100%; }
  body.home-redesign-active .hero h1 { font-size:clamp(39px,12vw,48px); }
  body.home-redesign-active .section { padding:48px 16px; }
  body.home-redesign-active .section-head { grid-template-columns:1fr; gap:12px; margin-bottom:22px; }
  body.home-redesign-active .section-head h2 { font-size:32px; }
  body.home-redesign-active .community-recruit { grid-template-columns:1fr; padding-inline:0; }
  body.home-redesign-active .community-recruit-copy,
  body.home-redesign-active .community-recruit-facts { padding:40px 16px; }
  body.home-redesign-active .curriculum { grid-template-columns:1fr; gap:24px; }
  body.home-redesign-active .price-card,
  body.home-redesign-active .price-card.recommended { min-height:0; }

  body.tx-app:not(.home-redesign-active) :is(.member-center,.checkout-page,.coin-recharge-page,.copyright-page,.help-page,.community-membership-page) { padding:24px 14px 54px; }
  body.tx-app[data-surface="workbench"] .learn-wrap { width:calc(100% - 20px); padding-top:10px!important; }
  body.tx-app[data-surface="workbench"] .learn-hero { padding:16px!important; }
  body.tx-app[data-surface="workbench"] .learn-actions .btn { min-height:44px!important; }
  body.tx-app[data-surface="workbench"] .learn-grid { grid-template-columns:1fr!important; }
  body.tx-app[data-surface="workbench"] .catalog { position:static!important; max-height:none!important; }
  body.tx-app[data-surface="workbench"] .lesson-view { padding:14px!important; }

  body.tx-app[data-surface="workbench"] .admin-page .admin-main { padding:0 10px 52px!important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-head {
    margin:9px 0 10px!important;
    padding:13px!important;
  }
  body.tx-app[data-surface="workbench"] .admin-page .admin-nav button { min-height:44px!important; }
  body.tx-app[data-surface="workbench"] .admin-page .admin-card { padding:13px!important; }
  body.tx-app[data-surface="workbench"] .admin-page :is(.btn,button.btn,a.btn) { min-height:44px!important; }
  body.tx-app[data-surface="workbench"] .admin-page :is(.input,input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    min-height:44px!important;
    font-size:16px!important;
  }

  body.tx-tool .topbar,
  body.tx-tool-plot .topbar {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center!important;
    gap:6px 10px!important;
    padding:7px 12px!important;
  }
  body.tx-tool .brand { min-width:0; }
  body.tx-tool .brand img { width:32px; height:32px; }
  body.tx-tool :is(.brand strong,.brand-block h1) {
    overflow:hidden;
    font-size:14px!important;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.tx-tool .top-actions { min-width:0; }
  body.tx-tool .back-link { width:100%; }
  body.tx-tool .page-shell { width:calc(100% - 20px); padding-top:12px; }
  body.tx-tool .app-shell { padding-inline:10px; }
  body.tx-tool .intro-band { padding:12px!important; }
  body.tx-tool .intro-band h1 { font-size:27px!important; }
  body.tx-tool :is(.input-panel,.control-panel,.preview-panel,.history-section) { padding:14px!important; }
  body.tx-tool :is(.field input,.field select,.submit-row button,.button-primary,.button-ai,.download-button,.preview-actions button) { min-height:44px!important; }
  body.tx-tool .content-field textarea { min-height:250px!important; }
  body.tx-tool-image .preview-stage { min-height:320px; }
}

/* OP-20260727-203: video-first classroom with a retractable course catalog. */
body.tx-app[data-surface="workbench"] .learn-wrap {
  width:min(1440px,calc(100% - 32px));
  max-width:1440px!important;
}
body.tx-app[data-surface="workbench"] .learn-grid,
body.tx-app[data-surface="workbench"] .lesson-view,
body.tx-app[data-surface="workbench"] .lesson-study-layout,
body.tx-app[data-surface="workbench"] .lesson-media-column { min-width:0; }
body.tx-app[data-surface="workbench"] .catalog-toggle {
  position:sticky;
  top:0;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  width:100%;
  min-height:34px;
  margin:0 0 5px;
  padding:5px 7px;
  overflow:hidden;
  border:1px solid var(--tx-line);
  border-radius:9px;
  color:var(--tx-ink);
  background:color-mix(in srgb,var(--tx-surface) 94%,transparent);
  font:700 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  white-space:nowrap;
  cursor:pointer;
  backdrop-filter:blur(16px);
}
body.tx-app[data-surface="workbench"] .catalog-toggle span {
  flex:0 0 22px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:7px;
  color:var(--tx-accent);
  background:color-mix(in srgb,var(--tx-accent) 12%,transparent);
  font-size:17px;
}
body.tx-app[data-surface="workbench"] .lesson-study-layout.has-materials {
  grid-template-columns:minmax(0,1fr) minmax(260px,290px)!important;
  gap:12px!important;
}
body.tx-app[data-surface="workbench"] .video-protection-note {
  display:flex!important;
  align-items:baseline;
  gap:7px!important;
  margin:0 0 8px!important;
  padding:6px 9px!important;
  border-radius:10px!important;
  font-size:9px!important;
  line-height:1.35!important;
}
body.tx-app[data-surface="workbench"] .video-protection-note strong {
  flex:none;
  font-size:9px!important;
  white-space:nowrap;
}
body.tx-app[data-surface="workbench"] .video-protection-note span {
  font-size:9px!important;
  line-height:1.35!important;
}

@media (min-width:1181px) {
  body.tx-app[data-surface="workbench"] .learn-grid { transition:grid-template-columns .24s cubic-bezier(.2,.75,.25,1); }
  body.tx-app[data-surface="workbench"] .learn-grid.catalog-collapsed { grid-template-columns:56px minmax(0,1fr)!important; }
  body.tx-app[data-surface="workbench"] .catalog {
    width:100%;
    overflow-x:hidden!important;
    transition:width .24s cubic-bezier(.2,.75,.25,1),box-shadow .24s ease;
  }
  body.tx-app[data-surface="workbench"] .catalog-collapsed .catalog {
    z-index:12;
    width:56px;
    padding:7px!important;
  }
  body.tx-app[data-surface="workbench"] .catalog-collapsed .catalog:hover {
    width:250px;
    box-shadow:0 20px 48px rgba(7,12,9,.2)!important;
  }
  body.tx-app[data-surface="workbench"] .catalog-collapsed .catalog:not(:hover) .catalog-toggle {
    justify-content:center;
    padding-inline:0;
  }
  body.tx-app[data-surface="workbench"] .catalog-collapsed .catalog:not(:hover) .catalog-toggle b { display:none; }
  body.tx-app[data-surface="workbench"] .catalog-collapsed .catalog .course-group {
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(-8px);
    transition:opacity .16s ease,transform .2s ease,visibility 0s linear .2s;
  }
  body.tx-app[data-surface="workbench"] .catalog-collapsed .catalog:hover .course-group {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition-delay:.04s,0s,0s;
  }
}

@media (max-width:1180px) {
  body.tx-app[data-surface="workbench"] .catalog-toggle { display:none; }
  body.tx-app[data-surface="workbench"] .learn-grid.catalog-collapsed { grid-template-columns:1fr!important; }
}

@media (max-width:720px) {
  body.tx-app[data-surface="workbench"] .learn-wrap { width:calc(100% - 20px); }
  body.tx-app[data-surface="workbench"] .video-protection-note {
    display:grid!important;
    gap:2px!important;
    padding:7px 9px!important;
  }
  body.tx-app[data-surface="workbench"] .video-protection-note strong,
  body.tx-app[data-surface="workbench"] .video-protection-note span { font-size:10px!important; }
}

/* ==========================================================================
   Modern SaaS Auth Modal Overrides
   ========================================================================== */
body.tx-app .student-auth-card {
  position: relative !important;
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 auto !important;
  padding: 22px 18px 16px !important;
  border-radius: 24px !important;
  background: radial-gradient(circle at 92% 8%, rgba(186, 230, 253, 0.65) 0%, rgba(224, 242, 254, 0.3) 28%, rgba(255, 255, 255, 0) 58%), #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  box-shadow: 0 24px 70px -12px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
  box-sizing: border-box !important;
}
html[data-theme="night"] body.tx-app .student-auth-card {
  background: radial-gradient(circle at 92% 8%, rgba(50, 150, 116, 0.25) 0%, rgba(20, 40, 32, 0.15) 30%, rgba(20, 23, 21, 0) 58%), #141715 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 30px 80px -10px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

body.tx-app .student-auth-card .auth-pill-wrap {
  display: flex !important;
  align-items: center !important;
  height: 42px !important;
  padding: 0 14px !important;
  border-radius: 9999px !important;
  border: 1.5px solid #e5e7eb !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}
html[data-theme="night"] body.tx-app .student-auth-card .auth-pill-wrap {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}
body.tx-app .student-auth-card .auth-pill-wrap:focus-within {
  border-color: #000000 !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) !important;
}
html[data-theme="night"] body.tx-app .student-auth-card .auth-pill-wrap:focus-within {
  border-color: #329674 !important;
  box-shadow: 0 0 0 3px rgba(50, 150, 116, 0.2) !important;
}

body.tx-app .student-auth-card .auth-pill-wrap :is(input, .input, .auth-pill-input) {
  flex: 1 1 auto !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  height: 100% !important;
  min-height: unset !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: 14.5px !important;
  -webkit-appearance: none !important;
}
html[data-theme="night"] body.tx-app .student-auth-card .auth-pill-wrap :is(input, .input, .auth-pill-input) {
  color: #f9fafb !important;
}
body.tx-app .student-auth-card .auth-pill-wrap :is(input, .input, .auth-pill-input)::placeholder {
  color: #9ca3af !important;
  font-size: 13.5px !important;
}

body.tx-app .student-auth-card :is(.auth-submit, .btn.auth-submit, .auth-pill-submit) {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 9999px !important;
  background: #000000 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  border: none !important;
  cursor: pointer !important;
  margin: 10px 0 0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html[data-theme="night"] body.tx-app .student-auth-card :is(.auth-submit, .btn.auth-submit, .auth-pill-submit) {
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 4px 18px rgba(255, 255, 255, 0.15) !important;
}
body.tx-app .student-auth-card :is(.auth-submit, .btn.auth-submit, .auth-pill-submit):hover:not(:disabled) {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
  opacity: 0.92 !important;
}
body.tx-app .student-auth-card :is(.auth-submit, .btn.auth-submit, .auth-pill-submit):active {
  transform: translateY(0) !important;
}

body.tx-app .student-auth-card .wechat-pill-btn {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  border-radius: 9999px !important;
  border: 1.5px solid #e5e7eb !important;
  background: #ffffff !important;
  color: #374151 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
html[data-theme="night"] body.tx-app .student-auth-card .wechat-pill-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e5e7eb !important;
}

body.tx-app .student-auth-card .wechat-auth-note { display: none !important; }

/* Ultra-refined compact agreement styling */
/* Agreement Line (Centered, Ultra-Refined & Compact 10px) */
body.tx-app .student-auth-card .auth-legal-pill,
body.tx-app .student-auth-card .legal-consent {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #9ca3af !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  text-align: center !important;
}
body.tx-app .student-auth-card .auth-legal-pill span,
body.tx-app .student-auth-card .legal-consent span {
  font-size: 10px !important;
  color: #9ca3af !important;
  line-height: 1.35 !important;
}
body.tx-app .student-auth-card .auth-legal-pill input,
body.tx-app .student-auth-card .legal-consent input {
  flex: 0 0 11px !important;
  width: 11px !important;
  height: 11px !important;
  margin: 0 !important;
  accent-color: #000000 !important;
  cursor: pointer !important;
}
html[data-theme="night"] body.tx-app .student-auth-card .auth-legal-pill,
html[data-theme="night"] body.tx-app .student-auth-card .auth-legal-pill span,
html[data-theme="night"] body.tx-app .student-auth-card .legal-consent,
html[data-theme="night"] body.tx-app .student-auth-card .legal-consent span {
  color: #9ca3af !important;
}
html[data-theme="night"] body.tx-app .student-auth-card .auth-legal-pill input,
html[data-theme="night"] body.tx-app .student-auth-card .legal-consent input {
  accent-color: var(--txd-jade, #329674) !important;
}
body.tx-app .student-auth-card .auth-legal-pill a,
body.tx-app .student-auth-card .legal-consent a {
  font-size: 10px !important;
  color: #4b5563 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
html[data-theme="night"] body.tx-app .student-auth-card .auth-legal-pill a,
html[data-theme="night"] body.tx-app .student-auth-card .legal-consent a {
  color: #d1d5db !important;
}