/* ECO Utility Classes — auto-generated from inline style extraction */

/* Global .hidden utility — used by loading overlays on viz pages */
.hidden { display:none !important; }

.u-accent { color:var(--color-accent-c); }
.u-base { font-size:13px; }
.u-base-bold { font-size:13px; font-weight:700; color:var(--color-text); }
.u-base-bold-accent { font-size:13px; font-weight:700; color:var(--color-accent-c); }
.u-base-dim-italic { font-size:13px; color:var(--color-text-dim); font-style:italic; padding:12px 0; }
.u-cover { width:100%; height:100%; object-fit:cover; }
.u-cover-25 { width:100%; height:100%; object-fit:cover; object-position:center 25%; }
.u-cursor-default { cursor:default; }
.u-divider-top { border-top:1px solid var(--color-border); padding-top:20px; margin-top:8px; }
.u-empty-msg { color:var(--color-text-dim); font-size:13px; padding:20px 0; text-align:center; }
.u-flex-wrap-g6 { display:flex; flex-wrap:wrap; gap:6px; }
.u-flex1 { flex:1; }
.u-flex1-min0 { flex:1; min-width:0; }
.u-full-h28 { width:100%; height:28px; }
.u-hidden { display:none; }
.u-hidden-mt12 { display:none; margin-top:12px; }
/* tc-hidden: shared toggle utility used by Scheduled + Future Arc composers */
.tc-hidden { display:none !important; }
.u-label-upper { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--color-text-mid); margin-bottom:8px; }
.u-lg { font-size:14px; }
.u-list-row { display:flex; gap:10px; padding:9px 0; border-bottom:1px solid var(--color-border); font-size:var(--text-sm); }
.u-mb14 { margin-bottom:14px; }
.u-md-dim { font-size:12px; color:var(--color-text-dim); }
.u-md-dim-py8 { font-size:12px; color:var(--color-text-dim); padding:8px 0; }
.u-md-mid-mt2 { font-size:12px; color:var(--color-text-mid); margin-top:2px; }
.u-md-mid-mt6 { font-size:12px; color:var(--color-text-mid); margin-top:6px; line-height:1.6; }
.u-mid { color:var(--color-text-mid); }
.u-mid-w100 { color:var(--color-text-mid); width:100px; }
.u-mt8 { margin-top:8px; }
.u-normal-sm-dim { font-weight:400; color:var(--color-text-dim); font-size:11px; }
.u-pill { background:var(--color-surface2); border:1px solid var(--color-border); border-radius:20px; padding:4px 12px; font-size:12px; color:var(--color-text); white-space:nowrap; }
.u-sm { font-size:11px; }
.u-sm-dim { font-size:11px; color:var(--color-text-dim); }
.u-sm-mid { font-size:11px; color:var(--color-text-mid); }
.u-text { color:var(--color-text); }
.u-xl { font-size:18px; }
.u-xlg { font-size:16px; }
.u-xlg-bold-mb6 { font-size:16px; font-weight:700; color:var(--color-text); margin-bottom:6px; }
.u-xs-dim { color:var(--color-text-dim); font-size:10px; }

/* ── ECO Brand Identity ────────────────────────────────────────────── */
/* EternalCurrent.Online wordmark — black bg, three-colour, bold */
.eco-brand {
  font-family: 'Arial Black', Arial, sans-serif !important;
  font-weight: 900;
  display: inline-block !important;
  padding: 2px 6px;
  background: #000 !important;
  border-radius: 3px;
  white-space: nowrap;
  font-size: inherit;
  line-height: 1.4;
}
.eco-brand-eternal { color: #00AAFF; }
.eco-brand-current { color: var(--color-accent-g); }
.eco-brand-online  { color: #E8F4F0; } /* fixed light — was var(--color-text) which goes dark on light themes but badge bg is always #000 */

/* ECO brand on light themes — readable dark-variant accent colours for standalone use */
[data-theme="grove"] .eco-brand-eternal,
[data-theme="parchment"] .eco-brand-eternal { color: #00AAFF; }
[data-theme="grove"] .eco-brand-current,
[data-theme="parchment"] .eco-brand-current { color: var(--color-accent-g); }    /* theme's dark green */
[data-theme="grove"] .eco-brand-online,
[data-theme="parchment"] .eco-brand-online  { color: var(--color-text); }        /* near-black */

/* eco-wordmark — inline 3-colour EternalCurrent.Online without a black pill bg.
   Use wherever the name appears as body text or footers.
   Structure: <span class="eco-wordmark"><span>Eternal</span><span>Current</span><span>.Online</span></span>
   Or use the JS helper: ecoWordmark() from eco-utils.js */
.eco-wordmark { font-weight: 700; white-space: nowrap; display: inline; }
.eco-wordmark > span:nth-child(1) { color: #00AAFF; }   /* Eternal — blue */
.eco-wordmark > span:nth-child(2) { color: #00CC44; }   /* Current — green */
.eco-wordmark > span:nth-child(3) { color: #ffffff; }   /* .Online — white */

/* On light themes, .Online becomes near-black so it's readable without the black pill */
[data-theme="grove"] .eco-wordmark > span:nth-child(3),
[data-theme="parchment"] .eco-wordmark > span:nth-child(3) { color: var(--color-text); }

/* INSIDE .eco-brand badge (background:#000 always) — always use bright void values.
   Higher specificity ([data-theme]) wins over the standalone light-theme overrides above. */
[data-theme] .eco-brand .eco-brand-eternal,
.eco-brand .eco-brand-eternal { color: #00AAFF !important; } /* Eternal — white on black */
[data-theme] .eco-brand .eco-brand-current,
.eco-brand .eco-brand-current { color: #00CC44 !important; } /* void accent-g — bright on black */
[data-theme] .eco-brand .eco-brand-online,
.eco-brand .eco-brand-online  { color: #E8F4F0 !important; } /* always light on black */
/* single-element variant (.eco-brand.eternal markup used by some admin pages) */
.eco-brand.eternal { color: #00AAFF !important; }
.eco-brand.current { color: #00CC44 !important; }
.eco-brand.online  { color: #E8F4F0 !important; }

/* ECO abbreviation — three-colour, bold, no background */
.eco-abbr {
  font-family: 'Arial Black', Arial, sans-serif !important;
  font-weight: 900;
  display: inline-block !important;
  background: #000 !important;
  padding: 1px 5px;
  border-radius: 3px;
  white-space: nowrap;
  line-height: 1.4;
}
/* eco-abbr always has black bg → always use void bright values regardless of theme */
.eco-abbr .eco-e { color: #00AAFF !important; }
.eco-abbr .eco-c { color: #00CC44 !important; }
.eco-abbr .eco-o { color: #FFFFFF !important; }
/* Override the light-theme token fallbacks — not needed since bg is always #000 */
[data-theme="grove"] .eco-abbr .eco-e,
[data-theme="parchment"] .eco-abbr .eco-e { color: #00AAFF; }
[data-theme="grove"] .eco-abbr .eco-c,
[data-theme="parchment"] .eco-abbr .eco-c { color: #00CC44; }
[data-theme="grove"] .eco-abbr .eco-o,
[data-theme="parchment"] .eco-abbr .eco-o { color: #FFFFFF; }

/* ── S294 CSP burn-down utility classes ─────────────────────────── */
.d-none            { display: none !important; }
.d-block           { display: block !important; }
.d-flex            { display: flex !important; }
.d-grid            { display: grid !important; }
.d-inline          { display: inline !important; }
.d-contents        { display: contents !important; }
.ui-disabled       { opacity: .4 !important; pointer-events: none !important; }
.ui-overlay-hidden { opacity: 0 !important; pointer-events: none !important; }
.opacity-mid       { opacity: .6 !important; }

/* ── S295 dynamic-UI utility classes (replaces inline cssText) ───── */
/* All use !important to match inline style specificity               */
.ui-sec-label       { font-size:11px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:var(--color-text-mid) !important; }
.ui-sec-label-mb    { font-size:11px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:var(--color-text-mid) !important; margin-bottom:10px !important; }
.ui-flex-gap8       { display:flex !important; gap:8px !important; }
.ui-flex-sb-mb16    { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:16px !important; }
.ui-flex-ac-gap8-mb8{ display:flex !important; align-items:center !important; gap:8px !important; margin-bottom:8px !important; }
.ui-card-surf       { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; padding:16px !important; margin-bottom:16px !important; }
.ui-card-sm         { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; padding:14px !important; margin-bottom:8px !important; }
.ui-ghost-dim-btn   { background:none !important; border:none !important; color:var(--color-text-dim) !important; font-size:12px !important; cursor:pointer !important; }
.ui-ghost-mid-btn   { background:none !important; border:none !important; color:var(--color-text-mid) !important; font-size:12px !important; cursor:pointer !important; }
.ui-outline-dim-btn { background:none !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 12px !important; font-size:12px !important; color:var(--color-text-dim) !important; cursor:pointer !important; }
.ui-text-inp        { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 10px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; margin-bottom:8px !important; box-sizing:border-box !important; font-family:var(--font-body) !important; }
.ui-text-inp-nb     { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 10px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; margin-bottom:8px !important; }
.ui-textarea-inp    { flex:1 !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 10px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; resize:none !important; height:40px !important; font-family:var(--font-body) !important; }
.ui-btn-c           { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:8px 16px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; }
.ui-btn-green       { background:var(--color-accent-g) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:8px 16px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; }
.ui-btn-green-sm    { background:var(--color-accent-g) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:6px 14px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:11px !important; cursor:pointer !important; }
.ui-empty-italic    { font-size:13px !important; color:var(--color-text-dim) !important; font-style:italic !important; padding:12px 0 !important; }
.ui-dim-italic-sm   { font-size:12px !important; color:var(--color-text-dim) !important; font-style:italic !important; padding:6px !important; }
.ui-hint-mb16       { font-size:12px !important; color:var(--color-text-dim) !important; margin-bottom:16px !important; }
.opacity-half       { opacity:.5 !important; }

/* ── S296 auto-generated dynamic-UI classes (245 cssText → classList) ─ */
.ui-s001 { padding:8px 12px !important; cursor:pointer !important; font-size:13px !important; border-bottom:1px solid var(--color-border) !important; }
.ui-s002 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:20px !important; padding:3px 10px !important; font-size:11px !important; display:inline-flex !important; align-items:center !important; gap:6px !important; }
.ui-s003 { cursor:pointer !important; color:var(--color-text-dim) !important; font-size:13px !important; }
.ui-s004 { width:100% !important; margin-top:16px !important; justify-content:center !important; }
.ui-s005 { width:100% !important; margin-top:12px !important; justify-content:center !important; }
.ui-s006 { display:flex !important; align-items:center !important; gap:12px !important; padding:11px 14px !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; margin-bottom:6px !important; cursor:pointer !important; transition:background .12s !important; }
.ui-s007 { display:flex !important; align-items:center !important; margin-bottom:16px !important; border-bottom:1px solid var(--color-border) !important; }
.ui-s008 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:6px 14px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:11px !important; cursor:pointer !important; margin-left:auto !important; margin-bottom:4px !important; }
.ui-s009 { text-align:center !important; padding:40px 0 !important; }
.ui-s010 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:9px 20px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; }
.ui-s011 { display:flex !important; align-items:center !important; gap:10px !important; margin-bottom:14px !important; padding-bottom:12px !important; border-bottom:1px solid var(--color-border) !important; }
.ui-s012 { background:none !important; border:none !important; color:var(--color-accent-c) !important; font-size:13px !important; cursor:pointer !important; }
.ui-s013 { max-height:340px !important; overflow-y:auto !important; display:flex !important; flex-direction:column !important; gap:8px !important; margin-bottom:14px !important; }
.ui-s014 { flex:1 !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:10px 12px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; font-family:var(--font-body) !important; }
.ui-s015 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:10px 16px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; }
.ui-s016 { font-size:10px !important; color:var(--color-text-dim) !important; margin-bottom:2px !important; }
.ui-s017 { font-size:10px !important; color:var(--color-text-dim) !important; margin-top:2px !important; }
.ui-s018 { background:none !important; border:none !important; color:var(--color-accent-c) !important; font-size:13px !important; cursor:pointer !important; margin-bottom:16px !important; display:block !important; }
.ui-s019 { font-size:13px !important; font-weight:700 !important; color:var(--color-text) !important; margin-bottom:12px !important; }
.ui-s020 { width:100% !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:10px 12px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; margin-bottom:4px !important; }
.ui-s021 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; max-height:200px !important; overflow-y:auto !important; }
.ui-s022 { padding:9px 12px !important; cursor:pointer !important; font-size:13px !important; border-bottom:1px solid var(--color-border) !important; transition:background .1s !important; }
.ui-s023 { background:none !important; border:none !important; color:var(--color-accent-c) !important; font-size:13px !important; cursor:pointer !important; margin-bottom:20px !important; display:block !important; }
.ui-s024 { font-family:var(--font-display) !important; font-weight:900 !important; font-size:1rem !important; color:var(--color-text) !important; margin-bottom:6px !important; }
.ui-s025 { font-size:12px !important; color:var(--color-text-dim) !important; margin-bottom:20px !important; }
.ui-s026 { border-top:1px solid var(--color-border) !important; margin:20px 0 16px !important; }
.ui-s027 { font-size:12px !important; color:var(--color-text-dim) !important; margin-bottom:12px !important; }
.ui-s028 { border:2px dashed var(--color-border) !important; border-radius:var(--radius-md) !important; padding:14px 16px !important; cursor:pointer !important; display:flex !important; align-items:center !important; gap:12px !important; margin-top:4px !important; transition:border-color .15s !important; }
.ui-s029 { display:flex !important; align-items:center !important; gap:14px !important; padding:12px 14px !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; cursor:pointer !important; margin-bottom:8px !important; transition:background .12s !important; }
.ui-s030 { width:44px !important; height:44px !important; border-radius:50% !important; background:var(--color-surface2) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:20px !important; flex-shrink:0 !important; }
.ui-s031 { flex:1 !important; min-width:0 !important; }
.ui-s032 { font-size:12px !important; color:var(--color-accent-c) !important; flex-shrink:0 !important; padding:4px 8px !important; }
.ui-s033 { background:none !important; border:none !important; font-size:11px !important; color:var(--color-accent-r,var(--color-accent-r)) !important; cursor:pointer !important; opacity:0.6 !important; flex-shrink:0 !important; padding:4px 8px !important; }
.ui-s034 { font-family:var(--font-display) !important; font-weight:900 !important; font-size:1rem !important; color:var(--color-text) !important; margin-bottom:16px !important; }
.ui-s035 { width:100% !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:11px 14px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; margin-bottom:16px !important; font-family:var(--font-body) !important; }
.ui-s036 { font-size:12px !important; color:var(--color-text-mid) !important; margin-bottom:6px !important; font-weight:700 !important; }
.ui-s037 { width:100% !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:10px 14px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; margin-bottom:4px !important; font-family:var(--font-body) !important; }
.ui-s038 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; max-height:160px !important; overflow-y:auto !important; margin-bottom:12px !important; }
.ui-s039 { display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin-bottom:16px !important; min-height:32px !important; }
.ui-s040 { display:inline-flex !important; align-items:center !important; gap:5px !important; background:color-mix(in srgb,var(--color-accent-c) 12%,transparent) !important; border:1px solid color-mix(in srgb,var(--color-accent-c) 30%,transparent) !important; border-radius:20px !important; padding:3px 10px !important; font-size:12px !important; color:var(--color-text) !important; }
.ui-s041 { cursor:pointer !important; color:var(--color-text-dim) !important; font-size:12px !important; }
.ui-s042 { font-size:11px !important; color:var(--color-text-dim) !important; align-self:center !important; }
.ui-s043 { padding:9px 12px !important; cursor:pointer !important; font-size:13px !important; border-bottom:1px solid var(--color-border) !important; display:flex !important; align-items:center !important; gap:10px !important; }
.ui-s044 { display:flex !important; gap:10px !important; }
.ui-s045 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:10px 22px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; }
.ui-s046 { background:none !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:5px 12px !important; font-size:11px !important; color:var(--color-text-mid) !important; cursor:pointer !important; }
.ui-s047 { font-size:13px !important; color:var(--color-text-dim) !important; font-style:italic !important; padding:16px 0 !important; }
.ui-s048 { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)) !important; gap:12px !important; }
.ui-s049 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; padding:16px !important; text-align:center !important; }
.ui-s050 { width:64px !important; height:64px !important; border-radius:50% !important; background:var(--color-surface2) !important; margin:0 auto 10px !important; overflow:hidden !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:22px !important; }
.ui-s051 { font-size:13px !important; font-weight:700 !important; color:var(--color-text) !important; margin-bottom:4px !important; }
.ui-s052 { font-size:12px !important; color:var(--color-accent-c) !important; margin-bottom:4px !important; }
.ui-s053 { display:inline-block !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.06em !important; text-transform:uppercase !important; padding:2px 8px !important; border-radius:20px !important; margin-top:4px !important; background:color-mix(in srgb,var(--color-accent-g) 12%,transparent) !important; color:var(--color-accent-g) !important; }
.ui-s054 { font-size:11px !important; color:var(--color-text-dim) !important; margin-top:8px !important; }
.ui-s055 { font-size:11px !important; color:var(--color-text-dim) !important; margin-top:4px !important; }
.ui-s056 { margin-top:20px !important; }
.ui-s057 { font-size:11px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:var(--color-text-mid) !important; margin-bottom:8px !important; }
.ui-s058 { font-size:12px !important; color:var(--color-text-dim) !important; padding:4px 0 !important; border-bottom:1px solid var(--color-border) !important; display:flex !important; justify-content:space-between !important; }
.ui-s059 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; padding:16px !important; margin-bottom:10px !important; }
.ui-s060 { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:10px !important; margin-bottom:6px !important; }
.ui-s061 { font-size:14px !important; font-weight:700 !important; color:var(--color-text) !important; }
.ui-s062 { font-size:10px !important; font-weight:700 !important; letter-spacing:.06em !important; padding:2px 8px !important; border-radius:20px !important; white-space:nowrap !important; background:color-mix(in srgb,var(--color-accent-g) 12%,transparent) !important; color:var(--color-accent-g) !important; }
.ui-s063 { font-size:13px !important; color:var(--color-text-mid) !important; margin-bottom:8px !important; line-height:1.6 !important; }
.ui-s064 { font-size:12px !important; color:var(--color-text-dim) !important; display:flex !important; gap:12px !important; flex-wrap:wrap !important; margin-bottom:10px !important; }
.ui-s065 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:6px 14px !important; font-size:12px !important; font-weight:600 !important; color:var(--color-text) !important; cursor:pointer !important; }
.ui-s066 { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 10px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; resize:vertical !important; min-height:64px !important; margin-bottom:8px !important; box-sizing:border-box !important; font-family:var(--font-body) !important; }
.ui-s067 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; padding:18px !important; margin-bottom:10px !important; position:relative !important; overflow:hidden !important; }
.ui-s068 { padding-left:12px !important; }
.ui-s069 { font-size:14px !important; color:var(--color-text) !important; line-height:1.6 !important; }
.ui-s070 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:8px 18px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; margin-bottom:20px !important; }
.ui-s071 { margin-top:28px !important; }
.ui-s072 { font-size:13px !important; color:var(--color-text-dim) !important; margin-bottom:4px !important; }
.ui-s073 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; padding:16px 18px !important; margin-bottom:10px !important; }
.ui-s074 { font-size:14px !important; font-weight:700 !important; color:var(--color-text) !important; margin-bottom:4px !important; }
.ui-s075 { font-size:12px !important; color:var(--color-text-mid) !important; }
.ui-s076 { font-size:13px !important; color:var(--color-text) !important; margin-top:8px !important; line-height:1.6 !important; }
.ui-s077 { margin-top:12px !important; display:flex !important; gap:8px !important; align-items:center !important; flex-wrap:wrap !important; }
.ui-s078 { display:inline-flex !important; align-items:center !important; gap:6px !important; background:var(--color-accent-c) !important; color:var(--color-bg) !important; border-radius:var(--radius-sm) !important; padding:7px 14px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; text-decoration:none !important; }
.ui-s079 { background:none !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:6px 12px !important; font-size:11px !important; color:var(--color-text-dim) !important; cursor:pointer !important; }
.ui-s080 { margin-top:12px !important; display:flex !important; gap:8px !important; flex-wrap:wrap !important; }
.ui-s081 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:6px 12px !important; font-size:12px !important; color:var(--color-text) !important; cursor:pointer !important; }
.ui-s082 { margin-top:10px !important; font-size:12px !important; color:var(--color-accent-g) !important; }
.ui-s083 { margin-top:14px !important; border-top:1px solid var(--color-border) !important; padding-top:12px !important; }
.ui-s084 { font-size:10px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:var(--color-text-dim) !important; margin-bottom:8px !important; }
.ui-s085 { display:flex !important; align-items:center !important; gap:8px !important; padding:4px 0 !important; font-size:12px !important; }
.ui-s086 { background:color-mix(in srgb,var(--color-accent-c) 10%,transparent) !important; border:1px solid color-mix(in srgb,var(--color-accent-c) 25%,transparent) !important; border-radius:var(--radius-sm) !important; padding:6px 14px !important; font-size:11px !important; font-weight:700 !important; color:var(--color-accent-c) !important; cursor:pointer !important; }
.ui-s087 { background:none !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:6px 14px !important; font-size:11px !important; color:var(--color-text-mid) !important; cursor:pointer !important; }
.ui-s088 { margin-top:10px !important; background:color-mix(in srgb,var(--color-accent-a) 10%,transparent) !important; border:1px solid color-mix(in srgb,var(--color-accent-a) 25%,transparent) !important; border-radius:var(--radius-sm) !important; padding:7px 14px !important; font-size:12px !important; font-weight:700 !important; color:var(--color-accent-a) !important; cursor:pointer !important; display:block !important; width:100% !important; text-align:center !important; }
.ui-s089 { margin-top:12px !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:12px !important; }
.ui-s090 { width:100% !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 12px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; margin-bottom:8px !important; box-sizing:border-box !important; font-family:var(--font-body) !important; }
.ui-s091 { max-height:200px !important; overflow-y:auto !important; }
.ui-s092 { display:flex !important; align-items:center !important; gap:8px !important; padding:6px 4px !important; cursor:pointer !important; border-radius:6px !important; transition:background .15s !important; }
.ui-s093 { margin-top:8px !important; background:none !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:5px 14px !important; font-size:11px !important; color:var(--color-text-mid) !important; cursor:pointer !important; }
.ui-s094 { margin-top:12px !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:14px !important; }
.ui-s095 { width:100% !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 12px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; margin-bottom:8px !important; font-family:var(--font-body) !important; box-sizing:border-box !important; }
.ui-s096 { font-size:11px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:var(--color-text-dim) !important; margin-bottom:10px !important; }
.ui-s097 { width:100% !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 12px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; resize:vertical !important; min-height:60px !important; margin-bottom:8px !important; font-family:var(--font-body) !important; box-sizing:border-box !important; }
.ui-s098 { display:flex !important; gap:8px !important; margin-top:4px !important; }
.ui-s099 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:8px 18px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; }
.ui-s100 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; padding:18px !important; margin-bottom:20px !important; }
.ui-s101 { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:9px 12px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; margin-bottom:8px !important; font-family:var(--font-body) !important; box-sizing:border-box !important; }
.ui-s102 { font-size:13px !important; font-weight:700 !important; color:var(--color-text) !important; margin-bottom:14px !important; }
.ui-s103 { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:9px 12px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; resize:vertical !important; min-height:72px !important; margin-bottom:12px !important; font-family:var(--font-body) !important; box-sizing:border-box !important; }
.ui-s104 { background:color-mix(in srgb,var(--color-accent-c) 6%,transparent) !important; border:1px solid color-mix(in srgb,var(--color-accent-c) 20%,transparent) !important; border-radius:var(--radius-sm) !important; padding:10px 12px !important; margin-bottom:12px !important; }
.ui-s105 { display:flex !important; align-items:center !important; justify-content:space-between !important; cursor:pointer !important; }
.ui-s106 { font-size:13px !important; color:var(--color-text) !important; display:flex !important; align-items:center !important; gap:8px !important; }
.ui-s107 { width:36px !important; height:20px !important; border-radius:10px !important; background:var(--color-border) !important; cursor:pointer !important; position:relative !important; transition:background .2s !important; }
.ui-s108 { margin-top:8px !important; font-size:11px !important; color:var(--color-text-dim) !important; display:none !important; word-break:break-all !important; }
.ui-s109 { background:color-mix(in srgb,var(--color-accent-c) 8%,transparent) !important; border:1px solid color-mix(in srgb,var(--color-accent-c) 25%,transparent) !important; border-radius:var(--radius-md) !important; padding:12px 14px !important; margin-bottom:14px !important; }
.ui-s110 { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:8px !important; }
.ui-s111 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:4px !important; padding:4px 8px !important; font-size:12px !important; color:var(--color-text) !important; cursor:pointer !important; }
.ui-s112 { display:flex !important; gap:8px !important; align-items:center !important; }
.ui-s113 { flex:1 !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:4px !important; padding:7px 10px !important; font-size:11px !important; color:var(--color-text-dim) !important; font-family:monospace !important; outline:none !important; }
.ui-s114 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:4px !important; padding:7px 12px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:11px !important; cursor:pointer !important; white-space:nowrap !important; }
.ui-s115 { background:var(--color-surface2) !important; color:var(--color-text) !important; border:1px solid var(--color-border) !important; border-radius:4px !important; padding:7px 12px !important; font-size:11px !important; cursor:pointer !important; display:none !important; white-space:nowrap !important; }
.ui-s116 { font-size:11px !important; color:var(--color-text-dim) !important; margin-top:6px !important; }
.ui-s117 { position:fixed !important; inset:0 !important; background:rgba(8,13,20,.88) !important; z-index:9999 !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:20px !important; }
.ui-s118 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-lg) !important; padding:32px 28px !important; max-width:420px !important; width:100% !important; }
.ui-s119 { display:flex !important; gap:6px !important; justify-content:center !important; margin-bottom:20px !important; }
.ui-s120 { display:flex !important; flex-direction:column !important; align-items:center !important; gap:10px !important; margin-bottom:16px !important; }
.ui-s121 { width:72px !important; height:72px !important; border-radius:50% !important; background:var(--color-surface2) !important; border:2px dashed var(--color-border) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:28px !important; overflow:hidden !important; }
.ui-s122 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:7px 16px !important; font-size:12px !important; cursor:pointer !important; color:var(--color-text) !important; }
.ui-s123 { width:100% !important; height:100% !important; object-fit:cover !important; }
.ui-s124 { width:100% !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:10px 12px !important; font-size:13px !important; color:var(--color-text) !important; resize:vertical !important; min-height:80px !important; outline:none !important; font-family:var(--font-body) !important; margin-bottom:12px !important; box-sizing:border-box !important; }
.ui-s125 { position:fixed !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; z-index:99999 !important; background:rgba(0,0,0,.85) !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:20px !important; }
.ui-s126 { position:relative !important; display:inline-block !important; }
.ui-s127 { display:flex !important; align-items:center !important; gap:6px !important; background:color-mix(in srgb,var(--color-accent-c) 10%,transparent) !important; border:1px solid color-mix(in srgb,var(--color-accent-c) 30%,transparent) !important; border-radius:20px !important; padding:4px 12px 4px 10px !important; cursor:pointer !important; color:var(--color-text) !important; font-size:12px !important; font-family:var(--font-body) !important; transition:background .15s !important; }
.ui-s128 { display:none !important; position:absolute !important; top:calc(100% + 6px) !important; left:0 !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; min-width:220px !important; z-index:500 !important; box-shadow:0 8px 24px rgba(0,0,0,.4) !important; overflow:hidden !important; }
.ui-s129 { padding:8px 14px !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:var(--color-text-mid) !important; border-bottom:1px solid var(--color-border) !important; }
.ui-s130 { display:flex !important; align-items:center !important; gap:10px !important; padding:10px 14px !important; cursor:pointer !important; transition:background .1s !important; }
.ui-s131 { width:8px !important; height:8px !important; border-radius:50% !important; flex-shrink:0 !important; background: !important; }
.ui-s132 { height:1px !important; background:var(--color-border) !important; margin:4px 0 !important; }
.ui-s133 { display:flex !important; align-items:center !important; gap:10px !important; padding:10px 14px !important; cursor:pointer !important; color:var(--color-accent-c) !important; font-size:12px !important; font-weight:700 !important; }
.ui-s134 { display:inline-block !important; width:6px !important; height:6px !important; border-radius:50% !important; background:var(--color-accent-a) !important; margin-left:4px !important; flex-shrink:0 !important; }
.ui-s135 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:6px 14px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:11px !important; cursor:pointer !important; }
.ui-s136 { font-size:10px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; padding:2px 8px !important; border-radius:20px !important; background:color-mix(in srgb,var(--color-accent-c) 10%,transparent) !important; color:var(--color-accent-c) !important; }
.ui-s137 { font-size:10px !important; color:var(--color-text-dim) !important; margin-left:auto !important; }
.ui-s138 { font-size:12px !important; color:var(--color-text-mid) !important; font-style:italic !important; margin-bottom:8px !important; border-left:2px solid var(--color-border) !important; padding-left:10px !important; }
.ui-s139 { font-size:13px !important; color:var(--color-text) !important; line-height:1.7 !important; }
.ui-s140 { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 10px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; resize:vertical !important; min-height:96px !important; margin-bottom:8px !important; box-sizing:border-box !important; font-family:var(--font-body) !important; }
.ui-s141 { display:flex !important; align-items:center !important; gap:8px !important; margin-bottom:12px !important; }
.ui-s142 { font-size:12px !important; color:var(--color-text-mid) !important; cursor:pointer !important; }
.ui-s143 { background:var(--color-accent-a,var(--color-accent-a)) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:6px 14px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:11px !important; cursor:pointer !important; }
.ui-s144 { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important; gap:12px !important; }
.ui-s145 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; overflow:hidden !important; }
.ui-s146 { width:100% !important; height:140px !important; background:var(--color-surface2) !important; overflow:hidden !important; }
.ui-s147 { padding:14px !important; }
.ui-s148 { font-size:11px !important; color:var(--color-accent-c) !important; margin-bottom:6px !important; }
.ui-s149 { font-size:12px !important; color:var(--color-text-mid) !important; line-height:1.6 !important; }
.ui-s150 { max-height:240px !important; overflow-y:auto !important; display:flex !important; flex-direction:column !important; gap:8px !important; margin-bottom:12px !important; }
.ui-s151 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:8px 12px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; align-self:flex-end !important; }
.ui-s152 { background:none !important; border:none !important; color:var(--color-text-dim) !important; font-size:11px !important; cursor:pointer !important; margin-bottom:8px !important; }
.ui-s153 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:14px !important; margin-top:12px !important; }
.ui-s154 { display:flex !important; gap:8px !important; margin-top:12px !important; }
.ui-s155 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:8px 14px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; }
.ui-s156 { position:fixed !important; inset:0 !important; background:rgba(0,0,0,.7) !important; z-index:1000 !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.ui-s157 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-lg) !important; padding:32px !important; max-width:460px !important; width:90% !important; }
.ui-s158 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:10px 20px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:13px !important; cursor:pointer !important; }
.ui-s159 { background:none !important; border:none !important; color:var(--color-text-dim) !important; font-size:13px !important; cursor:pointer !important; }
.ui-s160 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-lg) !important; padding:28px !important; max-width:380px !important; width:90% !important; text-align:center !important; }
.ui-s161 { font-size:16px !important; color:var(--color-accent-c) !important; font-style:italic !important; margin-bottom:20px !important; }
.ui-s162 { height:48px !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; margin-bottom:16px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.ui-s163 { display:flex !important; gap:8px !important; justify-content:center !important; }
.ui-s164 { background:var(--color-accent-r,var(--color-accent-r)) !important; color:var(--color-text) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:10px 20px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:13px !important; cursor:pointer !important; }
.ui-s165 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:10px 20px !important; font-family:var(--font-display) !important; font-weight:700 !important; font-size:13px !important; cursor:pointer !important; opacity:.5 !important; }
.ui-s166 { display:flex !important; gap:6px !important; flex-wrap:wrap !important; margin-bottom:16px !important; }
.ui-s167 { background:color-mix(in srgb,var(--color-accent-a,var(--color-accent-a)) 10%,transparent) !important; border:1px solid color-mix(in srgb,var(--color-accent-a,var(--color-accent-a)) 25%,transparent) !important; border-radius:var(--radius-sm) !important; padding:10px 12px !important; margin-bottom:12px !important; font-size:12px !important; color:var(--color-text-mid) !important; }
.ui-s168 { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 10px !important; font-size:13px !important; color:var(--color-text) !important; margin-bottom:8px !important; }
.ui-s169 { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 10px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; resize:vertical !important; min-height:72px !important; margin-bottom:8px !important; box-sizing:border-box !important; font-family:var(--font-body) !important; }
.ui-s170 { font-size:13px !important; color:var(--color-text-dim) !important; font-style:italic !important; }
.ui-s171 { display:flex !important; gap:12px !important; align-items:flex-start !important; padding:10px 0 !important; border-bottom:1px solid var(--color-border) !important; }
.ui-s172 { width:36px !important; height:36px !important; border-radius:50% !important; background:color-mix(in srgb,var(--color-accent-g) 12%,transparent) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:16px !important; flex-shrink:0 !important; }
.ui-s173 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; padding:14px !important; margin-bottom:16px !important; }
.ui-s174 { display:flex !important; gap:6px !important; flex-wrap:wrap !important; margin-bottom:14px !important; }
.ui-s175 { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)) !important; gap:10px !important; }
.ui-s176 { padding:12px !important; }
.ui-s177 { max-height:220px !important; overflow-y:auto !important; display:flex !important; flex-direction:column !important; gap:8px !important; margin-bottom:12px !important; }
.ui-s178 { background:var(--color-accent-g) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:8px 12px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; align-self:flex-end !important; }
.ui-s179 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:14px !important; margin-top:8px !important; }
.ui-s180 { display:flex !important; gap:8px !important; margin-top:10px !important; }
.ui-s181 { background:var(--color-accent-g) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:8px 14px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; }
.ui-s182 { font-size:11px !important; color:var(--color-text-dim) !important; font-style:italic !important; }
.ui-s183 { background:none !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 16px !important; font-size:12px !important; color:var(--color-text-mid) !important; cursor:pointer !important; margin-top:8px !important; width:100% !important; }
.ui-s184 { font-size:11px !important; color:var(--color-accent-r) !important; font-weight:700 !important; margin-right:8px !important; }
.ui-s185 { background:var(--color-accent-r,var(--color-accent-r)) !important; color:var(--color-text) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:4px 10px !important; font-size:11px !important; cursor:pointer !important; }
.ui-s186 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; padding:16px !important; margin-top:8px !important; }
.ui-s187 { background:var(--color-accent-a,var(--color-accent-a)) !important; color:var(--color-text) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:6px 14px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:11px !important; cursor:pointer !important; }
.ui-s188 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; padding:14px !important; }
.ui-s189 { font-size:14px !important; font-weight:700 !important; color:var(--color-text) !important; margin-bottom:2px !important; }
.ui-s190 { font-size:12px !important; color:var(--color-accent-c) !important; margin-bottom:6px !important; font-style:italic !important; }
.ui-s191 { font-size:11px !important; color:var(--color-text-dim) !important; margin-top:6px !important; font-style:italic !important; }
.ui-s192 { font-size:11px !important; color:var(--color-text-dim) !important; margin-top:2px !important; }
.ui-s193 { background:none !important; border:none !important; color:var(--color-text-dim) !important; font-size:11px !important; cursor:pointer !important; margin-bottom:8px !important; display:block !important; }
.ui-s194 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:14px !important; margin-top:10px !important; }
.ui-s195 { font-size:13px !important; color:var(--color-text-dim) !important; font-style:italic !important; padding:8px 0 !important; }
.ui-s196 { margin-bottom:16px !important; }
.ui-s197 { font-size:11px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:var(--color-accent-c) !important; margin-bottom:6px !important; display:flex !important; align-items:center !important; gap:6px !important; }
.ui-s198 { font-size:13px !important; color:var(--color-text) !important; padding:6px 0 !important; border-bottom:1px solid var(--color-border) !important; display:flex !important; justify-content:space-between !important; align-items:baseline !important; gap:8px !important; }
.ui-s199 { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:12px !important; }
.ui-s200 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:5px 12px !important; font-size:11px !important; color:var(--color-text-dim) !important; cursor:pointer !important; }
.ui-s201 { font-size:12px !important; color:var(--color-text-dim) !important; font-style:italic !important; margin-bottom:14px !important; }
.ui-s202 { font-size:13px !important; color:var(--color-text-dim) !important; padding:8px 0 !important; }
.ui-s203 { display:flex !important; justify-content:space-between !important; margin-bottom:6px !important; }
.ui-s204 { font-size:13px !important; color:var(--color-text) !important; line-height:1.6 !important; }
.ui-s205 { font-size:12px !important; color:var(--color-accent-g) !important; margin-top:8px !important; padding:8px !important; background:color-mix(in srgb,var(--color-accent-g) 8%,transparent) !important; border-radius:var(--radius-sm) !important; }
.ui-s206 { margin-top:8px !important; background:none !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:4px 10px !important; font-size:11px !important; color:var(--color-accent-c) !important; cursor:pointer !important; }
.ui-s207 { margin-top:8px !important; }
.ui-s208 { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px !important; font-size:12px !important; color:var(--color-text) !important; resize:vertical !important; min-height:60px !important; box-sizing:border-box !important; font-family:var(--font-body) !important; outline:none !important; }
.ui-s209 { margin-top:6px !important; background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:6px 14px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:11px !important; cursor:pointer !important; }
.ui-s210 { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 10px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; resize:vertical !important; min-height:80px !important; margin-bottom:8px !important; box-sizing:border-box !important; font-family:var(--font-body) !important; }
.ui-s211 { font-size:11px !important; color:var(--color-text-dim) !important; font-style:italic !important; margin-bottom:10px !important; }
.ui-s212 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 16px !important; font-family:var(--font-display) !important; font-weight:700 !important; font-size:12px !important; cursor:pointer !important; color:var(--color-text) !important; }
.ui-s213 { display:flex !important; align-items:center !important; gap:14px !important; padding:10px 12px !important; border-radius:var(--radius-sm) !important; cursor:pointer !important; transition:background .12s !important; border:1px solid transparent !important; margin-bottom:2px !important; }
.ui-s214 { position:fixed !important; inset:0 !important; background:rgba(0,0,0,.5) !important; z-index:100 !important; opacity:0 !important; pointer-events:none !important; transition:opacity .22s !important; }
.ui-s215 { position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; max-height:85vh !important; background:var(--color-surface) !important; border-radius:var(--radius-lg) var(--radius-lg) 0 0 !important; z-index:101 !important; transform:translateY(100%) !important; transition:transform .28s cubic-bezier(.32,.72,0,1) !important; overflow-y:auto !important; padding:0 0 40px !important; }
.ui-s216 { font-family:var(--font-display) !important; font-weight:900 !important; font-size:14px !important; color:var(--color-text) !important; margin:16px 0 4px !important; }
.ui-s217 { padding:10px 0 !important; border-bottom:1px solid var(--color-border) !important; }
.ui-s218 { font-family:var(--font-display) !important; font-weight:900 !important; font-size:14px !important; color:var(--color-text) !important; margin-bottom:4px !important; }
.ui-s219 { padding:10px 0 !important; border-bottom:1px solid var(--color-border) !important; display:flex !important; align-items:center !important; gap:12px !important; }
.ui-s220 { flex:1 !important; }
.ui-s221 { font-size:11px !important; color:var(--color-accent-c) !important; white-space:nowrap !important; }
.ui-s222 { margin-top:16px !important; padding:12px !important; background:color-mix(in srgb,var(--color-accent-c) 6%,transparent) !important; border-radius:var(--radius-md) !important; font-size:12px !important; color:var(--color-text-dim) !important; }

/* ── S297 auto-generated string-literal style classes (ui-str) ────── */
.ui-str001 { font-size:11px !important; color:var(--color-text-dim) !important; }
.ui-str002 { font-size:13px !important; font-weight:700 !important; color:var(--color-text) !important; }
.ui-str003 { font-size:11px !important; }
.ui-str004 { display:none !important; margin-top:12px !important; }
.ui-str005 { margin-top:8px !important; }
.ui-str006 { font-size:12px !important; color:var(--color-text-dim) !important; }
.ui-str007 { font-size:13px !important; }
.ui-str008 { flex:1 !important; min-width:0 !important; }
.ui-str009 { display:none !important; }
.ui-str010 { flex:1 !important; }
.ui-str011 { font-size:12px !important; color:var(--color-text-mid) !important; margin-top:6px !important; line-height:1.6 !important; }
.ui-str012 { color:var(--color-text) !important; }
.ui-str013 { width:100% !important; height:28px !important; }
.ui-str014 { width:100% !important; height:100% !important; object-fit:cover !important; object-position:center 25% !important; }
.ui-str015 { cursor:default !important; }
.ui-str016 { font-weight:400 !important; color:var(--color-text-dim) !important; font-size:11px !important; }
.ui-str017 { display:flex !important; flex-wrap:wrap !important; gap:6px !important; }
.ui-str018 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:20px !important; padding:4px 12px !important; font-size:12px !important; color:var(--color-text) !important; white-space:nowrap !important; }
.ui-str019 { color:var(--color-text-dim) !important; font-size:10px !important; }
.ui-str020 { font-size:11px !important; color:var(--color-text-mid) !important; }
.ui-str021 { flex-shrink:0 !important; }
.ui-str022 { display:none !important; margin-top:8px !important; }
.ui-str023 { color:var(--color-text-mid) !important; }
.ui-str024 { font-size:18px !important; }
.ui-str025 { font-size:14px !important; }
.ui-str026 { font-size:16px !important; }
.ui-str027 { color:var(--color-accent-c) !important; }
.ui-str028 { font-size:16px !important; font-weight:700 !important; color:var(--color-text) !important; margin-bottom:6px !important; }
.ui-str029 { width:100% !important; height:100% !important; object-fit:cover !important; }
.ui-str030 { font-size:12px !important; color:var(--color-text-mid) !important; margin-top:2px !important; }
.ui-str031 { font-size:12px !important; color:var(--color-text-dim) !important; padding:8px 0 !important; }
.ui-str032 { font-size:13px !important; color:var(--color-text-dim) !important; font-style:italic !important; padding:12px 0 !important; }
.ui-str033 { font-size:11px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.08em !important; color:var(--color-text-mid) !important; margin-bottom:8px !important; }
.ui-str034 { color:var(--color-text-dim) !important; font-size:13px !important; padding:20px 0 !important; text-align:center !important; }
.ui-str035 { display:flex !important; gap:10px !important; padding:9px 0 !important; border-bottom:1px solid var(--color-border) !important; font-size:var(--text-sm) !important; }
.ui-str036 { color:var(--color-text-mid) !important; width:100px !important; }
.ui-str037 { border-top:1px solid var(--color-border) !important; padding-top:20px !important; margin-top:8px !important; }
.ui-str038 { margin-bottom:14px !important; }
.ui-str039 { padding:8px 10px !important; }
.ui-str040 { font-size:13px !important; font-weight:600 !important; }
.ui-str041 { font-size:12px !important; line-height:1.6 !important; }
.ui-str042 { font-size:13px !important; padding:8px 0 !important; }
.ui-str043 { text-decoration:none !important; display:block !important; }
.ui-str044 { font-size:12px !important; padding:16px 0 !important; text-align:center !important; }
.ui-str045 { margin-bottom:0 !important; }
.ui-str046 { background:var(--color-surface2) !important; font-size:16px !important; }
.ui-str047 { font-weight:400 !important; font-size:12px !important; }
.ui-str048 { font-style:italic !important; font-size:12px !important; margin-top:6px !important; }
.ui-str049 { margin-top:8px !important; font-size:11px !important; }
.ui-str050 { font-size:10px !important; font-weight:700 !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--color-text-mid) !important; margin-bottom:14px !important; }
.ui-str051 { margin-bottom:18px !important; }
.ui-str052 { font-size:13px !important; font-weight:600 !important; color:var(--color-accent-c) !important; margin-bottom:8px !important; }
.ui-str053 { font-size:13px !important; font-weight:600 !important; color:var(--color-accent-a) !important; margin-bottom:8px !important; }
.ui-str054 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-lg) !important; padding:20px 22px !important; }
.ui-str055 { margin-top:8px !important; font-size:12px !important; color:var(--color-text) !important; border-left:2px solid var(--color-accent-g) !important; padding-left:10px !important; }
.ui-str056 { padding:20px 16px !important; color:var(--color-text-dim) !important; font-size:13px !important; text-align:center !important; }
.ui-str057 { padding:12px 16px !important; border-bottom:1px solid var(--color-border) !important; cursor:pointer !important; }
.ui-str058 { display:flex !important; gap:10px !important; align-items:flex-start !important; }
.ui-str059 { font-size:16px !important; flex-shrink:0 !important; margin-top:2px !important; }
.ui-str060 { font-size:13px !important; color:var(--color-text) !important; line-height:1.5 !important; }
.ui-str061 { font-size:11px !important; color:var(--color-text-dim) !important; margin-top:3px !important; }
.ui-str062 { width:7px !important; height:7px !important; border-radius:50% !important; background:var(--color-accent-c) !important; flex-shrink:0 !important; margin-top:5px !important; }
.ui-str063 { font-size:10px !important; color:var(--color-text-dim) !important; margin-left:8px !important; }
.ui-str064 { display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin-top:10px !important; }
.ui-str065 { display:flex !important; align-items:center !important; gap:8px !important; margin-bottom:10px !important; }
.ui-str066 { padding:10px 16px !important; }
.ui-str067 { cursor:pointer !important; display:flex !important; align-items:center !important; gap:8px !important; }
.ui-str068 { opacity:.35 !important; flex-shrink:0 !important; }
.ui-str069 { flex:1 !important; font-size:var(--text-sm) !important; color:var(--color-text) !important; }
.ui-str070 { font-size:11px !important; white-space:nowrap !important; }
.ui-str071 { color:var(--color-text-dim) !important; font-size:12px !important; margin-left:4px !important; }
.ui-str072 { font-size:11px !important; font-weight:700 !important; }
.ui-str073 { grid-column:1/-1 !important; font-size:12px !important; }
.ui-str074 { grid-column:1/-1 !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:0 !important; margin-bottom:8px !important; }
.ui-str075 { padding:6px 18px !important; font-size:12px !important; font-weight:700 !important; border:1px solid var(--color-border) !important; border-radius:6px 0 0 6px !important; background:var(--color-accent-c) !important; color:var(--color-bg) !important; cursor:pointer !important; }
.ui-str076 { padding:6px 18px !important; font-size:12px !important; font-weight:700 !important; border:1px solid var(--color-border) !important; border-radius:0 6px 6px 0 !important; background:var(--color-surface2) !important; color:var(--color-text-mid) !important; cursor:pointer !important; }
.ui-str077 { width:100% !important; }
.ui-str078 { font-size:11px !important; text-align:center !important; }
.ui-str079 { display:inline-block !important; width:9px !important; height:9px !important; border-radius:50% !important; margin:0 3px !important; background:'
      + (i < _pqState.current ? 'var(--color-accent-g)' : i === _pqState.current ? 'var(--color-accent-c)' : 'var(--color-border)')
      + ' !important; transition:background .2s !important; }
.ui-str080 { text-align:center !important; padding:16px 0 !important; }
.ui-str081 { font-size:28px !important; margin-bottom:8px !important; }
.ui-str082 { color:var(--color-accent-g) !important; font-weight:700 !important; font-size:14px !important; }
.ui-str083 { color:var(--color-text-mid) !important; font-size:12px !important; margin-top:6px !important; }
.ui-str084 { margin:4px 0 12px !important; }
.ui-str085 { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:14px !important; }
.ui-str086 { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; min-height:120px !important; border:2px dashed var(--color-border) !important; border-radius:var(--radius-md) !important; cursor:pointer !important; gap:10px !important; padding:20px !important; transition:border-color .15s !important; }
.ui-str087 { font-size:36px !important; }
.ui-str088 { font-size:13px !important; color:var(--color-text-mid) !important; text-align:center !important; }
.ui-str089 { display:none !important; position:relative !important; margin-top:10px !important; }
.ui-str090 { width:100% !important; max-height:220px !important; object-fit:cover !important; border-radius:var(--radius-sm) !important; display:block !important; }
.ui-str091 { position:absolute !important; top:6px !important; right:6px !important; background:rgba(0,0,0,.6) !important; color:var(--color-text) !important; border:none !important; border-radius:50% !important; width:26px !important; height:26px !important; font-size:14px !important; cursor:pointer !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.ui-str092 { min-height:unset !important; padding:10px 12px !important; font-size:13px !important; }
.ui-str093 { min-height:unset !important; padding:10px 12px !important; font-size:13px !important; margin-top:8px !important; width:160px !important; }
.ui-str094 { font-size:12px !important; color:var(--color-text-mid) !important; margin-bottom:6px !important; }
.ui-str095 { min-height:unset !important; padding:9px 12px !important; font-size:13px !important; }
.ui-str096 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; max-height:140px !important; overflow-y:auto !important; display:none !important; }
.ui-str097 { display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin-top:8px !important; }
.ui-str098 { display:flex !important; align-items:center !important; gap:10px !important; margin-top:14px !important; flex-wrap:wrap !important; }
.ui-str099 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:9px 20px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; opacity:.4 !important; pointer-events:none !important; }
.ui-str100 { background:none !important; border:none !important; color:var(--color-text-mid) !important; font-size:12px !important; cursor:pointer !important; text-decoration:underline !important; }
.ui-str101 { padding:10px 14px !important; cursor:pointer !important; font-size:13px !important; color:var(--color-text) !important; border-bottom:1px solid var(--color-border) !important; }
.ui-str102 { cursor:pointer !important; margin-left:4px !important; opacity:0.7 !important; }
.ui-str103 { font-family:var(--font-display) !important; font-weight:900 !important; font-size:var(--text-lg) !important; color:var(--color-text) !important; margin-bottom:12px !important; border-left:3px solid var(--color-accent-g) !important; padding-left:12px !important; }
.ui-str104 { margin-bottom:10px !important; line-height:1.75 !important; font-size:15px !important; }
.ui-str105 { margin:0 0 10px !important; }
.ui-str106 { margin-bottom:10px !important; }
.ui-str107 { display:flex !important; flex-wrap:wrap !important; gap:8px !important; align-items:center !important; margin-top:6px !important; margin-bottom:2px !important; font-size:12px !important; color:var(--color-text-mid) !important; }
.ui-str108 { display:flex !important; flex-wrap:wrap !important; gap:4px !important; align-items:center !important; }
.ui-str109 { background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; border-radius:20px !important; padding:2px 8px !important; font-size:11px !important; color:var(--color-text) !important; }
.ui-str110 { font-size:12px !important; color:var(--color-text-mid) !important; padding:4px 0 !important; }
.ui-str111 { font-size:12px !important; color:var(--color-text-mid) !important; padding:4px 0 8px !important; }
.ui-str112 { padding:20px 0 !important; }
.ui-str113 { max-width:100% !important; max-height:240px !important; object-fit:cover !important; border-radius:var(--radius-sm) !important; margin-top:10px !important; border:1px solid var(--color-border) !important; cursor:pointer !important; display:block !important; }
.ui-str114 { max-width:100% !important; border-radius:var(--radius-sm) !important; margin-top:10px !important; }
.ui-str115 { margin-bottom:8px !important; }
.ui-str116 { display:flex !important; gap:8px !important; }
.ui-str117 { font-size:12px !important; color:var(--color-text-dim) !important; padding:6px 0 !important; }
.ui-str118 { width:40px !important; height:40px !important; border-radius:50% !important; background:var(--color-surface2) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:18px !important; flex-shrink:0 !important; }
.ui-str119 { font-size:13px !important; font-weight:700 !important; color:var(--color-text) !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.ui-str120 { font-size:12px !important; color:var(--color-text-dim) !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.ui-str121 { width:8px !important; height:8px !important; border-radius:50% !important; background:var(--color-accent-c) !important; flex-shrink:0 !important; }
.ui-str122 { font-size:32px !important; margin-bottom:12px !important; }
.ui-str123 { font-size:14px !important; font-weight:700 !important; color:var(--color-text) !important; margin-bottom:6px !important; }
.ui-str124 { font-size:12px !important; color:var(--color-text-dim) !important; margin-bottom:18px !important; }
.ui-str125 { padding:10px 12px !important; font-size:12px !important; color:var(--color-text-dim) !important; }
.ui-str126 { width:40px !important; height:40px !important; border-radius:50% !important; background:color-mix(in srgb,var(--color-accent-c) 12%,transparent) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:20px !important; flex-shrink:0 !important; }
.ui-str127 { font-size:13px !important; font-weight:700 !important; color:var(--color-accent-c) !important; }
.ui-str128 { font-size:11px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:' + mt.color + ' !important; }
.ui-str129 { font-size:11px !important; color:var(--color-text-dim) !important; margin-left:auto !important; }
.ui-str130 { width:24px !important; height:24px !important; border-radius:50% !important; object-fit:cover !important; object-position:center 25% !important; }
.ui-str131 { width:24px !important; height:24px !important; border-radius:50% !important; background:var(--color-surface2) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:9px !important; font-weight:900 !important; }
.ui-str132 { flex:1 !important; color:var(--color-text) !important; }
.ui-str133 { font-size:10px !important; color:'+statusColor+' !important; }
.ui-str134 { width:28px !important; height:28px !important; border-radius:50% !important; object-fit:cover !important; object-position:center 25% !important; }
.ui-str135 { width:28px !important; height:28px !important; border-radius:50% !important; background:var(--color-surface2) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:10px !important; font-weight:900 !important; }
.ui-str136 { font-size:13px !important; color:var(--color-text) !important; }
.ui-str137 { font-size:13px !important; color:var(--color-accent-g) !important; }
.ui-str138 { font-size:12px !important; color:var(--color-text-dim) !important; padding:6px !important; }
.ui-str139 { position:absolute !important; top:2px !important; left:2px !important; width:16px !important; height:16px !important; border-radius:50% !important; background:#fff !important; transition:left .2s !important; }
.ui-str140 { font-size:12px !important; font-weight:700 !important; color:var(--color-accent-c) !important; text-transform:uppercase !important; letter-spacing:.06em !important; }
.ui-str141 { font-size:24px !important; text-align:center !important; margin-bottom:12px !important; }
.ui-str142 { font-size:18px !important; font-weight:700 !important; color:var(--color-text) !important; text-align:center !important; margin-bottom:8px !important; }
.ui-str143 { font-size:13px !important; color:var(--color-text-dim) !important; text-align:center !important; line-height:1.6 !important; margin-bottom:24px !important; }
.ui-str144 { font-size:13px !important; color:var(--color-text-dim) !important; margin-bottom:16px !important; }
.ui-str145 { font-size:13px !important; color:var(--color-text-dim) !important; margin-bottom:12px !important; }
.ui-str146 { background:var(--color-surface,var(--color-surface)) !important; border:1px solid rgba(0,170,255,.25) !important; border-radius:16px !important; padding:32px 28px !important; max-width:480px !important; width:100% !important; text-align:center !important; font-family:Arial,Helvetica,sans-serif !important; }
.ui-str147 { font-size:28px !important; margin-bottom:10px !important; }
.ui-str148 { font-family:Arial Black,Arial,sans-serif !important; font-size:18px !important; font-weight:900 !important; color:var(--color-accent-c) !important; margin-bottom:12px !important; }
.ui-str149 { font-size:13px !important; color:rgba(255,255,255,.75) !important; line-height:1.7 !important; margin-bottom:20px !important; text-align:left !important; }
.ui-str150 { width:100% !important; padding:14px !important; border:none !important; border-radius:10px !important; background:var(--color-accent-g) !important; color:var(--color-text) !important; font-family:Arial Black,Arial,sans-serif !important; font-size:14px !important; font-weight:900 !important; cursor:pointer !important; }
.ui-str151 { font-size:13px !important; color:var(--color-text-dim) !important; cursor:default !important; }
.ui-str152 { width:7px !important; height:7px !important; border-radius:50% !important; background:var(--color-accent-c) !important; flex-shrink:0 !important; }
.ui-str153 { font-weight:600 !important; }
.ui-str154 { font-weight:400 !important; color:var(--color-text-dim) !important; margin-left:2px !important; }
.ui-str155 { color:var(--color-text-dim) !important; font-size:10px !important; margin-left:2px !important; }
.ui-str156 { font-size:13px !important; font-weight:'+(isActive?'700':'500')+' !important; color:var(--color-text) !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.ui-str157 { font-size:11px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.08em !important; color:var(--color-text-mid) !important; margin-bottom:10px !important; }
.ui-str158 { font-size:13px !important; font-weight:700 !important; color:var(--color-text) !important; margin-bottom:4px !important; }
.ui-str159 { font-size:12px !important; color:var(--color-accent-c) !important; }
.ui-str160 { font-size:18px !important; font-weight:700 !important; color:var(--color-text) !important; margin-bottom:16px !important; }
.ui-str161 { font-size:14px !important; line-height:1.75 !important; color:var(--color-text-mid) !important; margin-bottom:20px !important; }
.ui-str162 { background:color-mix(in srgb,var(--color-accent-c) 8%,transparent) !important; border:1px solid color-mix(in srgb,var(--color-accent-c) 20%,transparent) !important; border-radius:var(--radius-sm) !important; padding:12px !important; margin-bottom:20px !important; font-size:13px !important; color:var(--color-text-mid) !important; }
.ui-str163 { font-size:13px !important; color:var(--color-text-dim) !important; font-style:italic !important; }
.ui-str164 { display:flex !important; align-items:center !important; gap:8px !important; margin-bottom:6px !important; }
.ui-str165 { font-size:10px !important; font-weight:700 !important; color:var(--color-accent-g) !important; margin-left:auto !important; }
.ui-str166 { font-size:13px !important; color:var(--color-text-mid) !important; line-height:1.6 !important; margin-bottom:6px !important; }
.ui-str167 { font-size:11px !important; color:var(--color-text-dim) !important; margin-top:4px !important; }
.ui-str168 { height:100px !important; overflow:hidden !important; }
.ui-str169 { display:flex !important; align-items:center !important; gap:6px !important; margin-bottom:6px !important; }
.ui-str170 { font-size:12px !important; color:var(--color-accent-g) !important; margin-bottom:4px !important; }
.ui-str171 { font-size:12px !important; color:var(--color-text-mid) !important; line-height:1.6 !important; }
.ui-str172 { font-size:11px !important; color:var(--color-text-dim) !important; margin-top:6px !important; font-style:italic !important; }
.ui-str173 { font-size:13px !important; font-weight:700 !important; }
.ui-str174 { font-size:12px !important; color:var(--color-accent-g) !important; margin-top:2px !important; }
.ui-str175 { font-size:15px !important; font-weight:700 !important; color:var(--color-text) !important; }
.ui-str176 { font-size:11px !important; color:var(--color-accent-g) !important; margin-bottom:6px !important; }
.ui-str177 { font-size:12px !important; color:var(--color-text-dim) !important; margin-bottom:4px !important; }
.ui-str178 { font-size:13px !important; color:var(--color-text-mid) !important; line-height:1.6 !important; margin-bottom:4px !important; }
.ui-str179 { font-size:12px !important; color:var(--color-text-dim) !important; font-style:italic !important; }
.ui-str180 { background:none !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:4px 10px !important; font-size:11px !important; color:var(--color-text-dim) !important; cursor:pointer !important; }
.ui-str181 { font-size:11px !important; color:var(--color-accent-r) !important; }
.ui-str182 { display:inline-block !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.06em !important; text-transform:uppercase !important; padding:2px 8px !important; border-radius:20px !important; background:color-mix(in srgb,' + cet.color + ' 14%,transparent) !important; color:' + cet.color + ' !important; }
.ui-str183 { font-size:13px !important; color:var(--color-text-dim) !important; font-style:italic !important; padding:8px 0 !important; }
.ui-str184 { font-size:10px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:var(--color-text-mid) !important; }
.ui-str185 { font-size:10px !important; color:var(--color-text-dim) !important; margin-left:auto !important; }
.ui-str186 { font-size:12px !important; color:var(--color-accent-c) !important; font-style:italic !important; }
.ui-str187 { font-size:11px !important; color:var(--color-text-dim) !important; margin-top:6px !important; }
.ui-str188 { font-size:11px !important; font-weight:700 !important; color:var(--color-accent-r,var(--color-accent-r)) !important; margin-top:6px !important; }
.ui-str189 { background:var(--color-surface2) !important; border-radius:20px !important; padding:1px 7px !important; font-size:10px !important; color:var(--color-text-dim) !important; }
.ui-str190 { font-size:11px !important; color:var(--color-text-dim) !important; white-space:nowrap !important; }
.ui-str191 { font-size:10px !important; text-transform:uppercase !important; letter-spacing:.08em !important; color:var(--color-text-dim) !important; }
.ui-str192 { font-size:10px !important; font-weight:700 !important; color:' + statusColor + ' !important; }
.ui-str193 { color:var(--color-text-dim) !important; padding:20px 0 !important; text-align:center !important; }
.ui-str194 { width:38px !important; height:38px !important; border-radius:50% !important; background:var(--color-surface2) !important; flex-shrink:0 !important; }
.ui-str195 { font-size:var(--text-base) !important; font-weight:var(--weight-medium) !important; color:'+nameColor+' !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.ui-str196 { font-size:var(--text-sm) !important; color:var(--color-text-mid) !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.ui-str197 { width:7px !important; height:7px !important; border-radius:50% !important; flex-shrink:0 !important; background:' + (isPassed?'var(--color-text-dim)':'var(--color-accent-g)') + ' !important; }
.ui-str198 { width:40px !important; height:4px !important; background:var(--color-border) !important; border-radius:2px !important; margin:14px auto 20px !important; }
.ui-str199 { padding:0 20px !important; }
.ui-str200 { display:flex !important; align-items:center !important; gap:16px !important; margin-bottom:18px !important; }
.ui-str201 { font-family:var(--font-display) !important; font-weight:900 !important; font-size:1.2rem !important; ' + nameColor + ' !important; }
.ui-str202 { display:inline-flex !important; align-items:center !important; margin-top:6px !important; font-size:var(--text-sm) !important; color:var(--color-accent-c) !important; background:color-mix(in srgb,var(--color-accent-c) 10%,transparent) !important; border-radius:20px !important; padding:3px 10px !important; }
.ui-str203 { display:flex !important; gap:10px !important; margin-top:18px !important; flex-wrap:wrap !important; }
.ui-str204 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:9px 20px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:var(--text-sm) !important; cursor:pointer !important; }
.ui-str205 { background:var(--color-surface2) !important; color:var(--color-text-mid) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:9px 16px !important; font-size:var(--text-sm) !important; cursor:pointer !important; }
.ui-str206 { color:' + (p.passed ? 'var(--color-text-dim)' : 'var(--color-text)') + ' !important; }
.ui-str207 { font-size:13px !important; font-weight:700 !important; color:var(--color-text) !important; margin-bottom:3px !important; }
.ui-str208 { font-weight:400 !important; font-size:11px !important; color:var(--color-text-dim) !important; }
.ui-str209 { font-size:12px !important; color:var(--color-text-mid) !important; }
.ui-str210 { font-size:11px !important; color:var(--color-text-dim) !important; margin-top:1px !important; }
.ui-str211 { color:var(--color-text-dim) !important; font-size:13px !important; }
.ui-str212 { display:flex !important; gap:4px !important; margin-bottom:24px !important; border-bottom:1px solid var(--color-border) !important; padding-bottom:0 !important; }
.ui-str213 { background:none !important; border:none !important; border-bottom:2px solid ' + (sub==='today'?'var(--color-accent-c)':'transparent') + ' !important; '
      + 'color:' + (sub==='today'?'var(--color-accent-c)':'var(--color-text-mid)') + ' !important; '
      + 'font-family:var(--font-display) !important; font-weight:700 !important; font-size:12px !important; cursor:pointer !important; '
      + 'padding:8px 14px !important; margin-bottom:-1px !important; }
.ui-str214 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; '
      + 'border-left:3px solid var(--color-accent-c) !important; border-radius:10px !important; padding:20px 22px !important; margin-bottom:16px !important; }
.ui-str215 { font-size:11px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; '
      + 'color:var(--color-accent-c) !important; margin-bottom:10px !important; }
.ui-str216 { font-size:15px !important; color:var(--color-text) !important; line-height:1.7 !important; margin-bottom:16px !important; }
.ui-str217 { background:var(--color-accent-c) !important; color:var(--bg) !important; font-family:var(--font-display) !important; '
      + 'font-weight:900 !important; font-size:13px !important; padding:9px 22px !important; border-radius:6px !important; border:none !important; cursor:pointer !important; }
.ui-str218 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; '
      + 'border-radius:10px !important; padding:20px !important; margin-bottom:16px !important; color:var(--color-text-dim) !important; font-size:14px !important; }
.ui-str219 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; '
      + 'border-radius:10px !important; padding:18px 20px !important; margin-bottom:16px !important; }
.ui-str220 { font-size:11px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; '
      + 'color:var(--color-text-dim) !important; margin-bottom:8px !important; }
.ui-str221 { font-size:22px !important; font-family:var(--font-display) !important; font-weight:900 !important; '
      + 'color:var(--color-text) !important; margin-bottom:4px !important; }
.ui-str222 { font-size:12px !important; color:var(--color-text-dim) !important; margin-bottom:6px !important; }
.ui-str223 { font-size:14px !important; color:var(--color-text-mid) !important; line-height:1.6 !important; }
.ui-str224 { font-size:13px !important; color:var(--color-text-dim) !important; margin-top:8px !important; font-style:italic !important; }
.ui-str225 { font-family:var(--font-display) !important; font-size:16px !important; font-weight:900 !important; '
      + 'margin-bottom:6px !important; }
.ui-str226 { font-size:13px !important; color:var(--color-text-dim) !important; margin-bottom:20px !important; }
.ui-str227 { background:var(--color-surface) !important; border:1px solid ' + border + ' !important; '
        + 'border-radius:10px !important; padding:16px 18px !important; margin-bottom:10px !important; opacity:' + opacity + ' !important; }
.ui-str228 { display:flex !important; align-items:center !important; gap:12px !important; }
.ui-str229 { width:28px !important; height:28px !important; border-radius:50% !important; flex-shrink:0 !important; display:flex !important; align-items:center !important; '
        + 'justify-content:center !important; background:' + (done?'rgba(0,204,68,.12)':current?'rgba(0,170,255,.1)':'var(--color-surface2)') + ' !important; '
        + 'font-size:14px !important; }
.ui-str230 { font-size:12px !important; color:var(--color-text-dim) !important; margin-top:3px !important; line-height:1.5 !important; }
.ui-str231 { background:var(--color-accent-c) !important; color:var(--bg) !important; font-family:var(--font-display) !important; '
          + 'font-weight:900 !important; font-size:11px !important; padding:7px 14px !important; border-radius:6px !important; border:none !important; cursor:pointer !important; white-space:nowrap !important; }
.ui-str232 { font-size:11px !important; color:var(--color-accent-g) !important; font-weight:700 !important; }
.ui-str233 { color:var(--color-text-dim) !important; font-size:14px !important; padding:20px 0 !important; }
.ui-str234 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; '
        + 'border-radius:10px !important; padding:18px 20px !important; margin-bottom:12px !important; }
.ui-str235 { font-size:11px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; '
        + 'color:var(--color-text-dim) !important; margin-bottom:8px !important; }
.ui-str236 { font-size:16px !important; font-family:var(--font-display) !important; font-weight:900 !important; margin-bottom:14px !important; }
.ui-str237 { display:flex !important; gap:10px !important; flex-wrap:wrap !important; }
.ui-str238 { background:none !important; border:1px solid var(--color-border) !important; color:var(--color-accent-c) !important; '
        + 'font-size:12px !important; padding:7px 16px !important; border-radius:6px !important; cursor:pointer !important; }
.ui-str239 { background:none !important; border:1px solid var(--color-border) !important; color:var(--color-accent-g) !important; '
        + 'font-size:12px !important; padding:7px 16px !important; border-radius:6px !important; cursor:pointer !important; }
.ui-str240 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; '
      + 'border-radius:10px !important; padding:24px 20px !important; color:var(--color-text-dim) !important; font-size:14px !important; line-height:1.6 !important; }
.ui-str241 { font-size:12px !important; color:var(--color-text-dim) !important; text-align:center !important; padding:12px 0 !important; }
.ui-str242 { color:var(--color-accent-c) !important; }
.ui-str243 { padding:10px 0 !important; border-bottom:1px solid rgba(255,255,255,.04) !important; cursor:pointer !important; display:flex !important; justify-content:space-between !important; align-items:center !important; }
.ui-str244 { font-size:13px !important; font-weight:700 !important; color:var(--color-accent-c) !important; }
.ui-str245 { text-align:right !important; }
.ui-str246 { font-size:10px !important; font-weight:700 !important; color:' + sc + ' !important; text-transform:uppercase !important; }
.ui-str247 { font-size:10px !important; color:var(--color-text-dim) !important; }
.ui-str248 { margin-bottom:12px !important; }
.ui-str249 { display:flex !important; justify-content:space-between !important; align-items:center !important; margin-bottom:8px !important; }
.ui-str250 { font-family:var(--font-display) !important; font-size:16px !important; font-weight:900 !important; color:var(--color-accent-c) !important; }
.ui-str251 { color:var(--color-accent-c) !important; font-size:12px !important; cursor:pointer !important; }
.ui-str252 { font-size:13px !important; font-weight:700 !important; margin-bottom:4px !important; }
.ui-str253 { color:' + sc + ' !important; }
.ui-str254 { background:var(--color-bg) !important; border-radius:8px !important; padding:10px 12px !important; font-size:12px !important; color:var(--color-text-mid) !important; line-height:1.6 !important; margin-bottom:12px !important; }
.ui-str255 { font-size:10px !important; font-weight:700 !important; color:var(--color-text-dim) !important; letter-spacing:.06em !important; margin-bottom:6px !important; }
.ui-str256 { padding:8px 10px !important; border-left:2px solid ' + (isStaff ? 'var(--color-accent-g)' : 'var(--color-accent-c)') + ' !important; margin-bottom:6px !important; font-size:12px !important; }
.ui-str257 { color:' + (isStaff ? 'var(--color-accent-g)' : 'var(--color-accent-c)') + ' !important; font-size:10px !important; font-weight:700 !important; }
.ui-str258 { margin-top:3px !important; color:var(--color-text-mid) !important; }
.ui-str259 { margin-top:10px !important; display:flex !important; gap:8px !important; }
.ui-str260 { flex:1 !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:6px !important; padding:8px 10px !important; color:var(--color-text) !important; font-size:12px !important; outline:none !important; }
.ui-str261 { background:var(--color-accent-c) !important; color:var(--color-text) !important; border:none !important; border-radius:6px !important; padding:8px 14px !important; font-size:12px !important; font-weight:700 !important; cursor:pointer !important; }
.ui-str262 { margin-top:12px !important; text-align:center !important; font-size:12px !important; color:var(--color-text-dim) !important; }
.ui-str263 { cursor:pointer !important; font-size:18px !important; margin:0 2px !important; }
.ui-str264 { display:flex !important; justify-content:space-between !important; align-items:center !important; padding:6px 0 !important; border-bottom:1px solid rgba(255,255,255,.04) !important; }
.ui-str265 { font-size:11px !important; color:var(--color-accent-r) !important; cursor:pointer !important; }
.ui-str266 { font-size:11px !important; color:var(--color-text-dim) !important; padding:4px 0 !important; }
.ui-str267 { padding:6px 0 !important; cursor:pointer !important; font-size:12px !important; color:var(--color-accent-c) !important; }
.ui-str268 { color:var(--color-accent-g) !important; font-size:10px !important; }
.ui-str269 { max-width:100% !important; max-height:260px !important; object-fit:cover !important; border-radius:var(--radius-sm) !important; margin-bottom:10px !important; border:1px solid var(--color-border) !important; cursor:pointer !important; display:block !important; }
.ui-str270 { max-width:100% !important; border-radius:var(--radius-sm) !important; margin-bottom:10px !important; }
.ui-str271 { margin-bottom:10px !important; }
.ui-str272 { margin-bottom:8px !important; width:100% !important; }
.ui-str273 { display:grid !important; grid-template-columns:1fr 100px !important; gap:8px !important; margin-bottom:8px !important; }
.ui-str274 { padding:8px 10px !important; width:110px !important; }
.ui-str275 { position:relative !important; margin-bottom:8px !important; }
.ui-str276 { display:none !important; position:absolute !important; top:100% !important; left:0 !important; right:0 !important; background:var(--color-surface) !important; border:1px solid var(--color-border-strong) !important; border-radius:var(--radius-sm) !important; z-index:300 !important; max-height:160px !important; overflow-y:auto !important; margin-top:2px !important; }
.ui-str277 { display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin-bottom:8px !important; }
.ui-str278 { display:flex !important; gap:8px !important; align-items:center !important; flex-wrap:wrap !important; }
.ui-str279 { cursor:pointer !important; position:relative !important; }
.ui-str280 { position:absolute !important; inset:0 !important; opacity:0 !important; cursor:pointer !important; }
.ui-str281 { flex-wrap:wrap !important; gap:8px !important; }
.ui-str282 { display:flex !important; gap:8px !important; margin-top:8px !important; }

/* ── S297 admin.js + other files auto-generated classes ──────────── */
.ui-str283 { color:var(--muted) !important; font-size:12px !important; }
.ui-str284 { color:var(--danger) !important; }
.ui-str285 { color:var(--green) !important; font-size:12px !important; margin-bottom:8px !important; }
.ui-str286 { display:flex !important; flex-wrap:wrap !important; gap:6px !important; }
.ui-str287 { background:var(--bg3) !important; border:1px solid var(--muted2) !important; border-radius:5px !important; padding:3px 10px !important; font-size:11px !important; }
.ui-str288 { color:var(--muted) !important; }
.ui-str289 { color:var(--green) !important; font-size:13px !important; }
.ui-str290 { color:var(--warn) !important; font-size:13px !important; margin-bottom:10px !important; }
.ui-str291 { color:var(--muted) !important; font-size:12px !important; margin-top:8px !important; }
.ui-str292 { margin-bottom:6px !important; cursor:pointer !important; }
.ui-str293 { margin-left:auto !important; font-size:12px !important; color:var(--blue) !important; }
.ui-str294 { color:var(--color-text-dim) !important; font-size:13px !important; }
.ui-str295 { margin-top:14px !important; font-size:13px !important; }
.ui-str296 { color:var(--color-accent-c) !important; }
.ui-str297 { width:100% !important; font-size:12px !important; border-collapse:collapse !important; margin-top:8px !important; color:var(--color-text-dim) !important; }
.ui-str298 { padding:5px 8px !important; color:var(--color-text-dim) !important; width:120px !important; }
.ui-str299 { padding:5px 8px !important; }
.ui-str300 { padding:5px 8px !important; color:var(--color-text-dim) !important; }
.ui-str301 { padding:5px 8px !important; color:var(--color-accent-a) !important; }
.ui-str302 { color:var(--color-accent-r) !important; font-size:12px !important; }
.ui-str303 { color:var(--color-accent-r) !important; font-size:10px !important; }
.ui-str304 { padding:10px 12px !important; border:1px solid rgba(255,255,255,.06) !important; border-radius:8px !important; margin-bottom:6px !important; cursor:pointer !important; font-size:12px !important; transition:background .15s !important; }
.ui-str305 { display:flex !important; justify-content:space-between !important; align-items:center !important; }
.ui-str306 { color:var(--color-accent-c) !important; }
.ui-str307 { color:' + (priColors[t.priority]||'#fff') + ' !important; font-size:10px !important; font-weight:700 !important; text-transform:uppercase !important; }
.ui-str308 { color:rgba(255,255,255,.65) !important; font-size:10px !important; margin-top:3px !important; }
.ui-str309 { color:var(--color-accent-r) !important; }
.ui-str310 { font-family:Arial Black,Arial,sans-serif !important; font-size:16px !important; color:var(--color-accent-c) !important; margin-bottom:4px !important; }
.ui-str311 { font-size:14px !important; font-weight:700 !important; margin-bottom:8px !important; }
.ui-str312 { font-size:12px !important; color:rgba(255,255,255,.65) !important; margin-bottom:12px !important; line-height:1.6 !important; }
.ui-str313 { color:' + (priColors[t.priority]||'#fff') + ' !important; }
.ui-str314 { background:var(--color-bg,var(--color-bg)) !important; border-radius:8px !important; padding:12px !important; font-size:12px !important; line-height:1.7 !important; margin-bottom:14px !important; color:var(--color-text-mid) !important; }
.ui-str315 { font-size:11px !important; font-weight:700 !important; color:rgba(255,255,255,.65) !important; letter-spacing:.06em !important; margin-bottom:8px !important; }
.ui-str316 { padding:8px 10px !important; border-left:2px solid ' + col + ' !important; margin-bottom:6px !important; font-size:12px !important; }
.ui-str317 { color:' + col + ' !important; font-size:10px !important; font-weight:700 !important; }
.ui-str318 { margin-top:4px !important; color:rgba(255,255,255,.7) !important; }
.ui-str319 { display:flex !important; gap:8px !important; margin-top:14px !important; flex-wrap:wrap !important; }
.ui-str320 { font-size:11px !important; padding:8px 14px !important; }
.ui-str321 { font-size:11px !important; padding:8px 14px !important; border-color:rgba(0,170,255,.3) !important; color:var(--color-accent-c) !important; }
.ui-str322 { font-size:11px !important; padding:8px 14px !important; border-color:rgba(255,184,0,.3) !important; color:var(--color-accent-a) !important; }
.ui-str323 { font-size:11px !important; padding:8px 14px !important; border-color:rgba(0,204,68,.3) !important; color:var(--color-accent-g) !important; }
.ui-str324 { margin-top:10px !important; display:none !important; }
.ui-str325 { font-size:12px !important; color:var(--color-accent-c) !important; }
.ui-str326 { color:var(--color-accent-r) !important; font-size:12px !important; }
.ui-str327 { background:rgba(0,170,255,.06) !important; border:1px solid rgba(0,170,255,.15) !important; border-radius:8px !important; padding:12px !important; font-size:12px !important; line-height:1.6 !important; }
.ui-str328 { font-weight:700 !important; color:var(--color-accent-c) !important; margin-bottom:6px !important; }
.ui-str329 { white-space:pre-wrap !important; margin:0 !important; color:var(--color-text-mid) !important; font-family:Arial,sans-serif !important; }
.ui-str330 { margin-top:8px !important; display:flex !important; gap:8px !important; }
.ui-str331 { font-size:10px !important; padding:5px 10px !important; color:var(--color-accent-g) !important; border-color:rgba(0,204,68,.3) !important; }
.ui-str332 { font-size:10px !important; padding:5px 10px !important; }
.ui-str333 { display:flex !important; gap:10px !important; padding:8px 0 !important; border-bottom:1px solid var(--muted2) !important; font-size:12px !important; }
.ui-str334 { color:var(--blue) !important; flex-shrink:0 !important; width:50px !important; }
.ui-str335 { color:var(--color-text-dim) !important; }
.ui-str336 { font-size:13px !important; color:var(--color-text) !important; font-weight:700 !important; margin-bottom:4px !important; }
.ui-str337 { font-size:12px !important; color:var(--muted) !important; margin-bottom:8px !important; }
.ui-str338 { font-size:11px !important; color:var(--blue) !important; }
.ui-str339 { margin-top:10px !important; padding:6px 14px !important; font-size:11px !important; }
.ui-str340 { margin-top:10px !important; padding:8px 20px !important; width:auto !important; }
.ui-str341 { justify-content:space-between !important; }
.ui-str342 { font-size:12px !important; }
.ui-str343 { font-size:10px !important; padding:4px 10px !important; }
.ui-str344 { font-size:1.4rem !important; }
.ui-str345 { font-size:11px !important; color:var(--muted) !important; margin-bottom:8px !important; }
.ui-str346 { align-items:flex-start !important; flex-direction:column !important; gap:4px !important; padding:12px 0 !important; }
.ui-str347 { display:flex !important; justify-content:space-between !important; width:100% !important; }
.ui-str348 { font-size:10px !important; color:var(--muted) !important; }
.ui-str349 { white-space:normal !important; line-height:1.5 !important; }
.ui-str350 { color:var(--green) !important; }
.ui-str351 { color:var(--blue) !important; }
.ui-str352 { font-size:11px !important; color:var(--muted) !important; margin-top:8px !important; }
.ui-str353 { font-size:11px !important; color:var(--blue) !important; margin-bottom:8px !important; }
.ui-str354 { flex-direction:column !important; align-items:flex-start !important; gap:4px !important; padding:10px 0 !important; }
.ui-str355 { font-size:11px !important; color:var(--muted) !important; font-style:italic !important; }
.ui-str356 { font-size:11px !important; color:var(--muted) !important; }
.ui-str357 { font-size:10px !important; padding:3px 10px !important; margin-top:4px !important; }
.ui-str358 { font-size:10px !important; padding:4px 12px !important; text-decoration:none !important; }
.ui-str359 { display:flex !important; gap:16px !important; margin-bottom:16px !important; flex-wrap:wrap !important; }
.ui-str360 { background:rgba(0,204,68,.1) !important; border:1px solid rgba(0,204,68,.3) !important; border-radius:8px !important; padding:8px 18px !important; font-size:12px !important; font-weight:900 !important; font-family:'Arial Black',Arial,sans-serif !important; color:var(--green) !important; }
.ui-str361 { background:rgba(0,170,255,.1) !important; border:1px solid rgba(0,170,255,.3) !important; border-radius:8px !important; padding:8px 18px !important; font-size:12px !important; font-weight:900 !important; font-family:'Arial Black',Arial,sans-serif !important; color:var(--blue) !important; }
.ui-str362 { margin-bottom:10px !important; }
.ui-str363 { margin-left:auto !important; }
.ui-str364 { width:100% !important; border-collapse:collapse !important; font-size:11px !important; }
.ui-str365 { border-bottom:1px solid var(--muted2) !important; }
.ui-str366 { padding:5px 8px !important; color:var(--muted) !important; width:70px !important; }
.ui-str367 { padding:5px 8px !important; font-weight:700 !important; color:var(--text) !important; }
.ui-str368 { padding:5px 8px !important; width:80px !important; }
.ui-str369 { padding:5px 8px !important; color:var(--muted) !important; }
.ui-str370 { margin-bottom:8px !important; }
.ui-str371 { padding:12px 16px !important; }
.ui-str372 { display:flex !important; align-items:center !important; gap:8px !important; margin-bottom:6px !important; }
.ui-str373 { font-size:13px !important; font-weight:700 !important; color:var(--color-text) !important; flex:1 !important; }
.ui-str374 { font-size:12px !important; color:var(--muted) !important; line-height:1.6 !important; margin-bottom:8px !important; }
.ui-str375 { display:flex !important; gap:6px !important; }
.ui-str376 { font-size:10px !important; padding:3px 10px !important; }
.ui-str377 { font-size:10px !important; padding:3px 10px !important; color:var(--danger) !important; }
.ui-str378 { color:var(--muted) !important; font-size:12px !important; }
.ui-str379 { color:var(--color-accent-g) !important; font-size:10px !important; font-weight:900 !important; }
.ui-str380 { color:var(--color-accent-c) !important; font-size:10px !important; }
.ui-str381 { color:var(--muted) !important; font-size:10px !important; }
.ui-str382 { background:var(--color-surface) !important; border:1px solid rgba(255,255,255,.06) !important; border-radius:12px !important; padding:16px !important; margin-bottom:10px !important; }
.ui-str383 { display:flex !important; justify-content:space-between !important; align-items:flex-start !important; margin-bottom:8px !important; }
.ui-str384 { font-weight:700 !important; font-size:14px !important; color:var(--color-text) !important; margin-bottom:2px !important; }
.ui-str385 { font-size:12px !important; color:rgba(255,255,255,.65) !important; margin-bottom:10px !important; }
.ui-str386 { display:flex !important; align-items:center !important; gap:10px !important; }
.ui-str387 { flex:1 !important; height:4px !important; background:rgba(255,255,255,.06) !important; border-radius:4px !important; overflow:hidden !important; }
.ui-str388 { font-size:11px !important; color:rgba(255,255,255,.65) !important; white-space:nowrap !important; }
.ui-str389 { font-size:10px !important; font-weight:700 !important; letter-spacing:.1em !important; color:rgba(255,255,255,.65) !important; text-transform:uppercase !important; margin-bottom:4px !important; }
.ui-str390 { font-size:11px !important; color:rgba(255,255,255,.65) !important; margin-top:4px !important; }
.ui-str391 { font-size:12px !important; color:rgba(255,255,255,.65) !important; margin-top:6px !important; font-style:italic !important; }
.ui-str392 { font-size:13px !important; color:rgba(255,255,255,.65) !important; font-style:italic !important; margin-bottom:8px !important; }
.ui-str393 { font-size:12px !important; color:rgba(255,255,255,.65) !important; }
.ui-str394 { font-size:11px !important; color:rgba(255,255,255,.65) !important; margin-left:8px !important; }
.ui-str395 { font-size:11px !important; color:rgba(255,255,255,.65) !important; }
.ui-str396 { font-size:13px !important; color:var(--muted) !important; }
.ui-str397 { display:flex !important; align-items:center !important; gap:12px !important; padding:10px 0 !important; border-bottom:1px solid var(--muted2) !important; }
.ui-str398 { font-size:13px !important; font-weight:700 !important; color:var(--white) !important; }
.ui-str399 { font-size:12px !important; color:var(--muted) !important; }
.ui-str400 { padding:8px 10px !important; border-radius:6px !important; cursor:pointer !important; font-size:13px !important; color:var(--white) !important; background:var(--bg) !important; border:1px solid var(--muted2) !important; margin-bottom:4px !important; }
.ui-str401 { background:var(--color-surface) !important; border:1px solid color-mix(in srgb, var(--color-accent-c) 15%, transparent) !important; border-radius:10px !important; padding:14px 16px !important; margin-bottom:8px !important; display:flex !important; justify-content:space-between !important; align-items:center !important; }
.ui-str402 { font-weight:700 !important; font-size:13px !important; }
.ui-str403 { font-size:11px !important; color:var(--muted) !important; margin-top:2px !important; }
.ui-str404 { font-size:10px !important; font-weight:700 !important; padding:2px 10px !important; border-radius:10px !important; background:color-mix(in srgb, var(--color-accent-g) 10%, transparent) !important; border:1px solid rgba(0,204,68,.3) !important; color:var(--color-accent-g) !important; }
.ui-str405 { color:' + c + ' !important; border-color:' + c + ' !important; opacity:0.9 !important; }
.ui-str406 { color:' + c + ' !important; border-color:' + c + ' !important; }
.ui-str407 { font-size:13px !important; font-style:italic !important; }
.ui-str408 { ' + ((profile && profile.bio_mode === 'storyteller') ? '' : 'display:none !important; ') + ' !important; }
.ui-str409 { position:absolute !important; inset:0 !important; background:' + ((profile && profile.bio_mode === 'storyteller') ? 'var(--color-accent-c)' : 'var(--color-border)') + ' !important; border-radius:12px !important; transition:background .2s !important; }
.ui-str410 { position:absolute !important; top:3px !important; left:' + ((profile && profile.bio_mode === 'storyteller') ? '23px' : '3px') + ' !important; width:18px !important; height:18px !important; background:#fff !important; border-radius:50% !important; transition:left .2s !important; }
.ui-str411 { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:8px !important; }
.ui-str412 { display:flex !important; gap:6px !important; }
.ui-str413 { font-size:12px !important; color:var(--color-text-dim) !important; margin-bottom:10px !important; line-height:1.5 !important; }
.ui-str414 { width:100% !important; box-sizing:border-box !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:12px 14px !important; font-size:13px !important; color:var(--color-text) !important; line-height:1.6 !important; font-family:var(--font-body) !important; resize:vertical !important; outline:none !important; }
.ui-str415 { display:flex !important; gap:8px !important; margin-top:8px !important; align-items:center !important; }
.ui-str416 { background:var(--color-accent-c) !important; color:var(--color-accent-c-fg,#000) !important; font-weight:700 !important; }
.ui-str417 { color:var(--color-text-dim) !important; }
.ui-str418 { font-size:12px !important; color:var(--color-accent-g) !important; display:none !important; }
.ui-str419 { font-size:11px !important; font-weight:400 !important; color:var(--color-text-dim) !important; }
.ui-str420 { display:flex !important; gap:10px !important; margin-top:14px !important; align-items:center !important; }
.ui-str421 { font-weight:600 !important; color:var(--color-text) !important; }
.ui-str422 { font-size:11px !important; color:var(--color-text-mid) !important; margin-top:2px !important; }
.ui-str423 { display:flex !important; gap:0 !important; margin-bottom:0 !important; }
.ui-str424 { display:flex !important; flex-direction:column !important; align-items:center !important; width:20px !important; flex-shrink:0 !important; }
.ui-str425 { width:10px !important; height:10px !important; border-radius:50% !important; background:' + dot + ' !important; flex-shrink:0 !important; margin-top:4px !important; }
.ui-str426 { width:2px !important; flex:1 !important; min-height:28px !important; background:var(--color-border) !important; margin:3px 0 !important; }
.ui-str427 { flex:1 !important; padding:0 0 20px 12px !important; }
.ui-str428 { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:8px !important; }
.ui-str429 { font-size:10px !important; font-weight:700 !important; color:var(--color-accent-c) !important; background:color-mix(in srgb,var(--color-accent-c) 12%,transparent) !important; border-radius:20px !important; padding:1px 7px !important; }
.ui-str430 { font-size:11px !important; color:' + rl.color + ' !important; margin-top:3px !important; }
.ui-str431 { font-size:12px !important; color:var(--color-text-mid) !important; margin-top:4px !important; font-style:italic !important; }
.ui-str432 { display:flex !important; gap:6px !important; flex-shrink:0 !important; }
.ui-str433 { background:none !important; border:none !important; font-size:11px !important; color:var(--color-text-dim) !important; cursor:pointer !important; padding:2px 4px !important; }
.ui-str434 { background:none !important; border:none !important; font-size:11px !important; color:var(--color-accent-r,var(--color-accent-r)) !important; cursor:pointer !important; padding:2px 4px !important; opacity:0.5 !important; }
.ui-str435 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-md) !important; padding:14px !important; margin-bottom:16px !important; }
.ui-str436 { ' + inputStyle + ' !important; }
.ui-str437 { ' + inputStyle + 'flex:1 !important; }
.ui-str438 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:8px 16px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; cursor:pointer !important; }
.ui-str439 { background:none !important; border:none !important; color:var(--color-text-dim) !important; font-size:12px !important; cursor:pointer !important; }
.ui-str440 { font-size:12px !important; font-weight:700 !important; color:var(--color-accent-c) !important; }
.ui-str441 { background:none !important; border:none !important; color:var(--color-text-dim) !important; cursor:pointer !important; font-size:14px !important; }
.ui-str442 { font-weight:700 !important; flex:1 !important; }
.ui-str443 { color:var(--color-text-dim) !important; white-space:nowrap !important; }
.ui-str444 { color:' + rl.color + ' !important; font-size:10px !important; white-space:nowrap !important; }
.ui-str445 { display:flex !important; align-items:center !important; justify-content:space-between !important; padding:12px 0 !important; border-bottom:1px solid var(--color-border) !important; }
.ui-str446 { flex:1 !important; min-width:0 !important; margin-right:14px !important; }
.ui-str447 { position:relative !important; display:inline-block !important; width:44px !important; height:24px !important; flex-shrink:0 !important; cursor:pointer !important; }
.ui-str448 { position:absolute !important; inset:0 !important; background:' + (isOn ? 'var(--color-accent-c)' : 'var(--color-border)') + ' !important; border-radius:12px !important; transition:background .2s !important; }
.ui-str449 { position:absolute !important; top:3px !important; left:' + (isOn ? '23px' : '3px') + ' !important; width:18px !important; height:18px !important; background:#fff !important; border-radius:50% !important; transition:left .2s !important; }
.ui-str450 { color: !important; }
.ui-str451 { position:absolute !important; inset:0 !important; background: !important; }
.ui-str452 { position:absolute !important; top:3px !important; left: !important; }
.ui-str453 { width:10px !important; height:10px !important; border-radius:50% !important; background: !important; }
.ui-str454 { font-size:11px !important; color: !important; }
.ui-str455 { font-size:12px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; '
      + 'color:var(--color-accent-c) !important; margin-bottom:10px !important; }
.ui-str456 { font-size:12px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; '
      + 'color:var(--color-text-dim) !important; margin-bottom:8px !important; }
.ui-str457 { background:var(--color-accent-c) !important; color:var(--bg) !important; font-family:var(--font-display) !important; '
          + 'font-weight:900 !important; font-size:12px !important; padding:7px 14px !important; border-radius:6px !important; border:none !important; cursor:pointer !important; white-space:nowrap !important; }
.ui-str458 { font-size:12px !important; color:var(--color-accent-g) !important; font-weight:700 !important; }
.ui-str459 { font-size:12px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; '
        + 'color:var(--color-text-dim) !important; margin-bottom:8px !important; }
.ui-str460 { opacity:' + opacity + ' !important; }
.ui-str461 { padding:6px 8px !important; cursor:pointer !important; font-size:12px !important; color:var(--color-text) !important; border-bottom:1px solid var(--color-border) !important; transition:background .1s !important; }
.ui-str462 { padding:6px 8px !important; font-size:12px !important; color:var(--color-text-dim) !important; }
.ui-str463 { font-size:12px !important; font-weight:700 !important; color:' + sc + ' !important; text-transform:uppercase !important; }
.ui-str464 { font-family:var(--font-display) !important; font-size:16px !important; font-weight:900 !important; color:var(--color-accent-c) !important; }
.ui-str465 { color:var(--color-accent-c) !important; font-size:12px !important; cursor:pointer !important; }
.ui-str466 { font-size:12px !important; font-weight:700 !important; color:var(--color-text-dim) !important; letter-spacing:.06em !important; margin-bottom:6px !important; }
.ui-str467 { padding:8px 10px !important; border-left:2px solid ' + (isStaff ? 'var(--color-accent-g)' : 'var(--color-accent-c)') + ' !important; margin-bottom:6px !important; font-size:12px !important; }
.ui-str468 { color:' + (isStaff ? 'var(--color-accent-g)' : 'var(--color-accent-c)') + ' !important; font-size:12px !important; font-weight:700 !important; }
.ui-str469 { background:var(--color-accent-c) !important; color:var(--color-accent-c-fg,#000) !important; border:none !important; border-radius:6px !important; padding:8px 14px !important; font-size:12px !important; font-weight:700 !important; cursor:pointer !important; }
.ui-str470 { font-size:12px !important; color:var(--color-accent-r) !important; cursor:pointer !important; }
.ui-str471 { font-size:12px !important; color:var(--color-text-dim) !important; padding:4px 0 !important; }
.ui-str472 { font-size:12px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; }
.ui-str473 { background:var(--color-accent-c) !important; color:var(--bg) !important; font-family:var(--font-display) !important; }
.ui-str474 { font-size:22px !important; font-family:var(--font-display) !important; font-weight:900 !important; }
.ui-str475 { font-family:var(--font-display) !important; font-size:16px !important; font-weight:900 !important; }
.ui-str476 { width:28px !important; height:28px !important; border-radius:50% !important; flex-shrink:0 !important; display:flex !important; align-items:center !important; }
.ui-str477 { opacity: !important; }
.ui-str478 { font-size:12px !important; font-weight:700 !important; color: !important; }
.ui-str479 { max-height:120px !important; border-radius:var(--radius-sm) !important; margin-top:8px !important; '
      + 'border:1px solid var(--color-border) !important; display:block !important; }
.ui-str480 { flex-shrink:0 !important; color:var(--color-accent-r,var(--color-accent-r)) !important; margin-left:2px !important; }
.ui-str481 { color:rgba(255,255,255,.65) !important; }
.ui-str482 { background:rgba(255,180,0,.06) !important; border:1px solid rgba(255,180,0,.2) !important; border-radius:8px !important; padding:14px 16px !important; margin:8px 0 !important; }
.ui-str483 { font-size:13px !important; color:rgba(255,180,0,.85) !important; margin-bottom:4px !important; }
.ui-str484 { font-size:12px !important; color:rgba(255,255,255,.65) !important; line-height:1.6 !important; }
.ui-str485 { display:inline-flex !important; align-items:center !important; gap:5px !important; background:rgba(255,180,0,.1) !important; border:1px solid rgba(255,180,0,.3) !important; border-radius:12px !important; padding:3px 10px !important; font-size:10px !important; font-weight:700 !important; color:rgba(255,180,0,.9) !important; letter-spacing:.04em !important; text-transform:uppercase !important; }
.ui-str486 { flex-wrap:wrap !important; gap:6px !important; }
.ui-str487 { flex-shrink:0 !important; \ !important; }
.ui-str488 { flex-shrink:0 !important; color:var(--color-accent-r,var(--color-accent-r)) !important; margin-left:2px !important; \ !important; }
.ui-str489 { max-width:100% !important; border-radius:var(--radius-sm) !important; margin-bottom:10px !important; \ !important; }
.ui-str490 { flex:1 !important; \ !important; }
.ui-str491 { color:rgba(255,255,255,.65) !important; \ !important; }
.ui-str492 { font-size:13px !important; color:rgba(255,180,0,.85) !important; margin-bottom:4px !important; \ !important; }
.ui-str493 { font-size:12px !important; color:rgba(255,255,255,.65) !important; line-height:1.6 !important; \ !important; }
.ui-str494 { margin-bottom:8px !important; \ !important; }
.ui-str495 { display:none !important; margin-bottom:10px !important; \ !important; }
.ui-str496 { margin-bottom:8px !important; width:100% !important; \ !important; }
.ui-str497 { position:relative !important; margin-bottom:8px !important; \ !important; }
.ui-str498 { display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin-bottom:8px !important; \ !important; }
.ui-str499 { display:flex !important; gap:8px !important; align-items:center !important; flex-wrap:wrap !important; \ !important; }
.ui-str500 { cursor:pointer !important; position:relative !important; \ !important; }
.ui-str501 { position:absolute !important; inset:0 !important; opacity:0 !important; cursor:pointer !important; \ !important; }
.ui-str502 { flex-wrap:wrap !important; gap:6px !important; \ !important; }
.ui-str503 { display:none !important; margin-top:12px !important; \ !important; }
.ui-str504 { display:none !important; margin-top:8px !important; \ !important; }
.ui-str505 { display:flex !important; gap:8px !important; margin-top:8px !important; \ !important; }
.ui-str506 { max-height:120px !important; border-radius:var(--radius-sm) !important; margin-top:8px !important; }
.ui-str507 { font-size:12px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.08em !important; color:var(--color-text-mid) !important; margin-bottom:10px !important; }
.ui-str508 { font-size:12px !important; font-weight:700 !important; color:var(--color-accent-g) !important; margin-left:auto !important; }
.ui-str509 { font-size:12px !important; color:var(--color-text-dim) !important; margin-top:4px !important; }
.ui-str510 { font-size:12px !important; color:var(--color-text-dim) !important; margin-top:6px !important; font-style:italic !important; }
.ui-str511 { display:inline-block !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.06em !important; text-transform:uppercase !important; padding:2px 8px !important; border-radius:20px !important; background:color-mix(in srgb,' + cet.color + ' 14%,transparent) !important; color:' + cet.color + ' !important; }
.ui-str512 { font-size:12px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:var(--color-text-mid) !important; }
.ui-str513 { font-size:12px !important; color:var(--color-text-dim) !important; margin-left:auto !important; }
.ui-str514 { font-size:12px !important; color:var(--color-text-dim) !important; margin-top:6px !important; }
.ui-str515 { font-size:12px !important; font-weight:700 !important; color:var(--color-accent-r,var(--color-accent-r)) !important; margin-top:6px !important; }
.ui-str516 { background:var(--color-surface2) !important; border-radius:20px !important; padding:1px 7px !important; font-size:12px !important; color:var(--color-text-dim) !important; }
.ui-str517 { font-size:12px !important; color:var(--color-text-dim) !important; white-space:nowrap !important; }
.ui-str518 { font-size:12px !important; text-transform:uppercase !important; letter-spacing:.08em !important; color:var(--color-text-dim) !important; }
.ui-str519 { font-size:12px !important; font-weight:700 !important; color:' + statusColor + ' !important; }
.ui-str520 { font-size:13px !important; color:var(--color-text-dim) !important; }
.ui-str521 { width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .3s !important; }
.ui-str522 { cursor:pointer !important; font-size:12px !important; color:var(--color-accent-c) !important; font-weight:700 !important; border:1px solid color-mix(in srgb,var(--color-accent-c) 20%,transparent) !important; border-radius:6px !important; padding:3px 9px !important; position:relative !important; }
.ui-str523 { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:12px !important; }
.ui-str524 { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(100px,1fr)) !important; gap:8px !important; }
.ui-str525 { width:48px !important; height:48px !important; border-radius:50% !important; object-fit:cover !important; object-position:center top !important; flex-shrink:0 !important; border:2px solid color-mix(in srgb, var(--color-accent-c) 25%, transparent) !important; }
.ui-str526 { color:var(--color-accent-g) !important; font-size:12px !important; }
.ui-str527 { color:var(--color-text-dim) !important; font-size:12px !important; }
.ui-str528 { width:48px !important; height:48px !important; border-radius:50% !important; object-fit:cover !important; flex-shrink:0 !important; }
.ui-str529 { width:48px !important; height:48px !important; border-radius:50% !important; background:var(--color-surface2) !important; border:1px solid var(--color-border) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:24px !important; flex-shrink:0 !important; }
.ui-str530 { font-size:12px !important; font-weight:700 !important; letter-spacing:.12em !important; color:var(--color-text-dim) !important; text-transform:uppercase !important; margin-bottom:4px !important; }
.ui-str531 { width:52px !important; height:52px !important; border-radius:50% !important; object-fit:cover !important; flex-shrink:0 !important; border:1.5px solid color-mix(in srgb, var(--color-accent-c) 25%, transparent) !important; }
.ui-str532 { width:52px !important; height:52px !important; border-radius:50% !important; background:var(--color-border) !important; border:1px solid color-mix(in srgb, var(--color-accent-c) 15%, transparent) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:24px !important; flex-shrink:0 !important; }
.ui-str533 { font-size:12px !important; color:var(--color-accent-c) !important; text-decoration:none !important; font-weight:700 !important; border:1px solid color-mix(in srgb, var(--color-accent-c) 20%, transparent) !important; border-radius:6px !important; padding:3px 9px !important; flex-shrink:0 !important; }
.ui-str534 { font-size:12px !important; color:var(--color-accent-c) !important; text-decoration:none !important; font-weight:700 !important; flex-shrink:0 !important; }
.ui-str535 { display:flex !important; align-items:center !important; gap:14px !important; padding:12px 0 !important; border-bottom:1px solid rgba(255,255,255,.04) !important; }
.ui-str536 { font-size:12px !important; color:var(--color-text-dim) !important; margin-top:4px !important; line-height:1.5 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.ui-str537 { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:4px !important; }
.ui-str538 { font-size:12px !important; color:var(--color-accent-c) !important; text-decoration:none !important; font-weight:700 !important; border:1px solid color-mix(in srgb, var(--color-accent-c) 20%, transparent) !important; border-radius:6px !important; padding:3px 9px !important; }
.ui-str539 { font-size:12px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:' + mt.color + ' !important; }
.ui-str540 { width:24px !important; height:24px !important; border-radius:50% !important; background:var(--color-surface2) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:12px !important; font-weight:900 !important; }
.ui-str541 { font-size:12px !important; color:'+statusColor+' !important; }
.ui-str542 { width:28px !important; height:28px !important; border-radius:50% !important; background:var(--color-surface2) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:12px !important; font-weight:900 !important; }
.ui-str543 { position:absolute !important; top:2px !important; left:2px !important; width:16px !important; height:16px !important; border-radius:50% !important; background:var(--color-text) !important; transition:left .2s !important; }
.ui-str544 { font-size:12px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color: !important; }
.ui-str545 { font-size:12px !important; color: !important; }
.ui-str546 { font-weight:700 !important; color:var(--color-accent-c) !important; }
.ui-str547 { font-weight:700 !important; }
.ui-str548 { font-weight:700 !important; margin-bottom:10px !important; }
.ui-str549 { width:100% !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:10px 12px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; margin-bottom:10px !important; box-sizing:border-box !important; }
.ui-str550 { flex:1 !important; background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:10px !important; font-weight:700 !important; font-size:13px !important; cursor:pointer !important; }
.ui-str551 { flex:1 !important; background:var(--color-surface) !important; color:var(--color-text) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:10px !important; font-weight:700 !important; font-size:13px !important; cursor:pointer !important; }
.ui-str552 { font-weight:700 !important; margin-bottom:12px !important; }
.ui-str553 { width:100% !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:10px 12px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; margin-bottom:10px !important; box-sizing:border-box !important; min-height:60px !important; }
.ui-str554 { font-size:12px !important; color:var(--color-text-dim) !important; text-align:center !important; padding:20px 0 !important; }

/* ── S298 remaining JS files auto-generated style classes ─────────── */
.ui-str555 { display:flex !important; justify-content:space-between !important; align-items:center !important; margin-bottom:6px !important; }
.ui-str556 { height:4px !important; background:var(--color-border) !important; border-radius:2px !important; }
.ui-str558 { display:flex !important; flex-direction:column !important; gap:10px !important; }
.ui-str559 { text-align:center !important; padding:28px 0 !important; }
.ui-str560 { font-size:24px !important; margin-bottom:8px !important; }
.ui-str561 { font-size:14px !important; font-weight:700 !important; color:var(--color-text) !important; margin-bottom:4px !important; }
.ui-str562 { display:none !important; flex-direction:column !important; gap:10px !important; margin-top:4px !important; }
.ui-str564 { font-size:12px !important; color:var(--color-text-dim) !important; margin-bottom:10px !important; }
.ui-str566 { flex:1 !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:10px 12px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; font-family:var(--font-body) !important; }
.ui-str567 { padding:10px 16px !important; background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; font-size:13px !important; font-weight:700 !important; cursor:pointer !important; }
.ui-str568 { width:100% !important; padding:10px !important; background:transparent !important; color:var(--color-accent-g) !important; border:1px solid rgba(0,204,68,.35) !important; border-radius:var(--radius-sm) !important; font-size:13px !important; font-weight:700 !important; cursor:pointer !important; }
.ui-str569 { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:10px 12px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; font-family:var(--font-body) !important; box-sizing:border-box !important; margin-bottom:10px !important; }
.ui-str570 { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:10px 12px !important; font-size:13px !important; color:var(--color-text) !important; outline:none !important; resize:vertical !important; font-family:var(--font-body) !important; box-sizing:border-box !important; margin-bottom:10px !important; }
.ui-str571 { display:flex !important; align-items:center !important; gap:6px !important; margin-bottom:4px !important; font-size:12px !important; }
.ui-str572 { flex:1 !important; font-weight:700 !important; }
.ui-str573 { cursor:pointer !important; color:var(--color-text-dim) !important; }
.ui-str574 { display:grid !important; grid-template-columns:1fr auto auto !important; gap:6px !important; margin-top:6px !important; }
.ui-str575 { background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 10px !important; font-size:12px !important; color:var(--color-text) !important; outline:none !important; font-family:var(--font-body) !important; }
.ui-str576 { background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 6px !important; font-size:12px !important; color:var(--color-text) !important; outline:none !important; }
.ui-str577 { padding:8px 14px !important; background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; font-size:12px !important; font-weight:700 !important; cursor:pointer !important; }
.ui-str578 { display:flex !important; gap:6px !important; margin-top:4px !important; }
.ui-str579 { display:inline-flex !important; align-items:center !important; gap:4px !important; background:rgba(0,204,68,.1) !important; border:1px solid rgba(0,204,68,.3) !important; border-radius:16px !important; padding:4px 10px !important; font-size:12px !important; color:var(--color-text) !important; margin:2px !important; }
.ui-str580 { width:100% !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px 12px !important; font-size:12px !important; color:var(--color-text) !important; outline:none !important; font-family:var(--font-body) !important; box-sizing:border-box !important; }
.ui-str581 { margin-top:4px !important; }
.ui-str582 { padding:6px 10px !important; font-size:12px !important; color:var(--color-text) !important; cursor:pointer !important; border-radius:4px !important; transition:background .1s !important; }
.ui-str583 { margin-top:12px !important; display:flex !important; gap:8px !important; }
.ui-str584 { color:var(--qa-pass) !important; }
.ui-str585 { margin-left:auto !important; }
.ui-str586 { color:var(--color-accent-g) !important; }
.ui-str587 { color:var(--color-accent-r) !important; }
.ui-str588 { color:var(--color-accent-a) !important; }
.ui-str589 { color:var(--color-accent-a) !important; }
.ui-str590 { color:var(--color-text-dim) !important; }
.ui-str591 { display:flex !important; gap:10px !important; align-items:baseline !important; margin-bottom:6px !important; }
.ui-str592 { color:var(--color-text-dim) !important; margin-left:auto !important; font-size:12px !important; }
.ui-str593 { font-size:12px !important; color:var(--color-text-dim) !important; margin-top:6px !important; padding:8px !important; background:var(--color-surface) !important; border-radius:4px !important; }
.ui-str594 { margin-top:6px !important; font-size:11px !important; color:var(--color-accent-c) !important; }
.ui-str595 { color:var(--color-text-dim) !important; font-size:13px !important; }
.ui-str596 { position:fixed !important; top:16px !important; right:16px !important; }
.ui-str597 { background:var(--color-accent-c) !important; color:var(--color-text) !important; border:none !important; border-radius:6px !important; padding:10px 20px !important; font-size:14px !important; font-weight:700 !important; cursor:pointer !important; }
.ui-str598 { display:flex !important; align-items:center !important; gap:12px !important; margin-bottom:4px !important; }
.ui-str599 { background:var(--color-bg) !important; color:var(--color-accent-c) !important; font-weight:900 !important; font-size:18px !important; padding:6px 12px !important; border-radius:4px !important; }
.ui-str600 { font-size:11px !important; color:var(--color-text-dim) !important; letter-spacing:.1em !important; text-transform:uppercase !important; }
.ui-str601 { margin:12px 0 4px !important; font-size:12px !important; color:var(--color-text-dim) !important; }
.ui-str602 { position:absolute !important; top:6px !important; right:6px !important; background:rgba(0,0,0,.6) !important; color:var(--color-text) !important; border:none !important; border-radius:50% !important; width:26px !important; height:26px !important; font-size:14px !important; cursor:pointer !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.ui-str605 { font-size:13px !important; color:var(--color-text-mid) !important; }
.ui-str606 { white-space:nowrap !important; }
.ui-str607 { color:var(--color-text-mid) !important; line-height:1.6 !important; margin-bottom:16px !important; }
.ui-str608 { font-size:12px !important; font-weight:400 !important; color:var(--color-text-dim) !important; }
.ui-str609 { display:flex !important; flex-direction:column !important; gap:8px !important; }
.ui-str610 { display:flex !important; gap:4px !important; margin-top:6px !important; font-size:11px !important; }
.ui-str611 { background:none !important; border:none !important; font-size:12px !important; color:var(--color-accent-r,var(--color-accent-r)) !important; cursor:pointer !important; padding:2px 4px !important; opacity:0.5 !important; }
.ui-str612 { display:flex !important; flex-direction:column !important; gap:12px !important; margin-top:16px !important; }
.ui-str613 { width:100% !important; padding:8px !important; border:1px solid var(--color-border) !important; border-radius:4px !important; font-size:13px !important; min-height:100px !important; font-family:inherit !important; resize:vertical !important; }
.ui-str614 { display:flex !important; flex-direction:column !important; gap:16px !important; margin-top:16px !important; }
.ui-str615 { display:block !important; font-weight:600 !important; margin-bottom:8px !important; font-size:13px !important; }
.ui-str616 { background:var(--color-surface) !important; border:1px solid rgba(0,170,255,.5) !important; border-radius:14px !important; padding:24px 20px !important; max-width:400px !important; width:calc(100% - 32px) !important; text-align:center !important; font-family:Arial,Helvetica,sans-serif !important; box-shadow:0 0 0 1px rgba(0,170,255,.2),0 0 40px rgba(0,170,255,.08),0 24px 48px rgba(0,0,0,.8) !important; }
.ui-str617 { font-family:Arial Black,Arial,sans-serif !important; font-size:18px !important; font-weight:900 !important; color:var(--color-accent-c) !important; margin-bottom:12px !important; }
.ui-str618 { width:100% !important; padding:14px !important; border:none !important; border-radius:10px !important; background:var(--color-accent-g) !important; color:var(--color-text) !important; font-family:Arial Black,Arial,sans-serif !important; font-size:14px !important; font-weight:900 !important; cursor:pointer !important; }
.ui-str619 { color:var(--color-text-dim) !important; font-size:12px !important; margin-left:2px !important; }
.ui-str620 { margin-top:12px !important; font-size:12px !important; }
.ui-str621 { max-height:120px !important; border-radius:var(--radius-sm) !important; margin-top:8px !important; border:1px solid var(--color-border) !important; }
.ui-str627 { padding:10px 14px !important; font-size:12px !important; color:var(--color-text-mid) !important; }
.ui-str628 { font-size:13px !important; font-weight:600 !important; color:var(--color-text) !important; }
.ui-str629 { font-size:11px !important; color:var(--color-text-dim) !important; margin-top:2px !important; }
.ui-str630 { font-size:12px !important; font-weight:700 !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--color-text-mid) !important; margin-bottom:14px !important; }
.ui-str631 { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-top:10px !important; }
.ui-str632 { font-size:12px !important; color:var(--color-text-dim) !important; background:transparent !important; border:none !important; cursor:pointer !important; padding:4px 8px !important; opacity:.6 !important; }
.ui-str633 { padding: 40px !important; color: var(--color-accent-r) !important; font-size: 16px !important; }
.ui-str634 { text-align: center !important; color: var(--color-text-dim) !important; padding: 40px !important; }
.ui-str635 { margin-bottom: 16px !important; }
.ui-str636 { font-weight: 700 !important; margin-bottom: 8px !important; }
.ui-str637 { display:block !important; text-align:center !important; color:var(--color-accent-r) !important; font-size:13px !important; margin-top:16px !important; }
.ui-str638 { display:block !important; text-align:center !important; color:var(--color-border-strong) !important; font-size:12px !important; margin-top:12px !important; }
.ui-str639 { margin-top:12px !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.1em !important; color:rgba(255,255,255,.65) !important; text-transform:uppercase !important; margin-bottom:8px !important; }
.ui-str640 { font-size:12px !important; color:rgba(255,255,255,.65) !important; }
.ui-str641 { border-color:rgba(255,255,255,.06) !important; }
.ui-str642 { color:rgba(255,255,255,.65) !important; }
.ui-str643 { font-size:13px !important; color:rgba(255,255,255,.65) !important; line-height:1.7 !important; }
.ui-str644 { color:rgba(255,255,255,.75) !important; }
.ui-str645 { font-size:11px !important; color:rgba(255,80,80,.4) !important; }
.ui-str646 { font-size:12px !important; color:rgba(255,255,255,.65) !important; padding:8px 0 !important; }
.ui-str647 { color:var(--dim) !important; font-size:12px !important; padding:8px 0 !important; text-align:center !important; }
.ui-str648 { color:var(--dim) !important; font-size:12px !important; padding:8px 0 !important; }
.ui-str649 { color:var(--color-accent-r) !important; font-size:13px !important; padding:8px 0 !important; }
.ui-str650 { color:var(--color-accent-a) !important; font-size:13px !important; padding:8px 0 !important; }
.ui-str651 { color:var(--color-accent-g) !important; font-weight:700 !important; }
.ui-str652 { color:var(--color-text-dim) !important; }
.ui-str653 { color:var(--color-text) !important; }
.ui-str654 { color:var(--dim) !important; font-style:italic !important; }
.ui-str655 { color:var(--color-accent-r) !important; font-size:12px !important; }
.ui-str656 { margin-top:6px !important; }
.ui-str657 { font-size:11px !important; color:var(--color-accent-g) !important; margin-bottom:8px !important; font-weight:700 !important; }
.ui-str658 { font-family:Arial Black,Arial,sans-serif !important; font-weight:900 !important; font-size:9px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:var(--color-accent-c) !important; }
.ui-str659 { font-family:Arial Black,Arial,sans-serif !important; font-weight:900 !important; font-size:12px !important; color:var(--color-text) !important; }
.ui-str660 { font-size:10px !important; color:var(--color-accent-g) !important; }
.ui-str661 { display:flex !important; align-items:center !important; gap:6px !important; font-size:11px !important; color:var(--color-text-dim) !important; cursor:pointer !important; }
.ui-str662 { accent-color:var(--color-accent-g) !important; width:14px !important; height:14px !important; }
.ui-str663 { font-size:13px !important; color:var(--color-text) !important; margin-bottom:6px !important; line-height:1.5 !important; }
.ui-str664 { font-size:12px !important; color:var(--color-text-dim) !important; font-style:italic !important; margin-bottom:10px !important; }
.ui-str665 { width:100% !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:10px 12px !important; font-size:13px !important; color:var(--color-text) !important; line-height:1.65 !important; font-family:var(--font-body) !important; resize:vertical !important; outline:none !important; transition:border-color .2s !important; }
.ui-str666 { margin-top:8px !important; background:none !important; border:none !important; font-size:11px !important; color:var(--color-text-dim) !important; cursor:pointer !important; letter-spacing:.04em !important; }
.ui-str667 { margin-top:24px !important; }
.ui-str668 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:40px !important; text-align:center !important; color:var(--color-text-dim) !important; font-size:13px !important; }
.ui-str669 { background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:14px !important; margin-bottom:10px !important; }
.ui-str670 { font-size:13px !important; color:var(--color-text-dim) !important; margin-bottom:6px !important; }
.ui-str671 { font-size:15px !important; font-weight:700 !important; color:var(--color-accent-c) !important; margin-bottom:8px !important; }
.ui-str672 { font-size:12px !important; color:var(--color-text-mid) !important; margin-bottom:10px !important; }
.ui-str673 { background:rgba(0,204,68,.1) !important; border:1px solid rgba(0,204,68,.3) !important; border-radius:var(--radius-sm) !important; padding:8px 10px !important; font-size:12px !important; color:var(--color-accent-g) !important; text-align:center !important; margin-bottom:6px !important; }
.ui-str674 { flex:1 !important; background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; padding:8px !important; font-size:12px !important; font-weight:700 !important; cursor:pointer !important; transition:background .2s !important; }
.ui-str675 { flex:1 !important; background:transparent !important; color:var(--color-text-mid) !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:8px !important; font-size:12px !important; font-weight:700 !important; cursor:pointer !important; transition:all .2s !important; }
.ui-str676 { ',
      'background:linear-gradient(135deg,rgba(0,170,255,.07) 0%,rgba(0,204,68,.04) 100%) !important; ',
      'border:1px solid rgba(0,170,255,.22) !important; border-radius:var(--radius-md) !important; ',
      'padding:18px 18px 14px !important; margin:0 0 4px !important; }
.ui-str677 { width:100% !important; box-sizing:border-box !important; background:var(--color-bg) !important; border:1px solid var(--color-border) !important; ',
            'border-radius:var(--radius-sm) !important; padding:9px 11px !important; font-size:13px !important; color:var(--color-text) !important; ',
            'font-family:var(--font-body) !important; outline:none !important; }
.ui-str678 { display:none !important; position:absolute !important; top:100% !important; left:0 !important; right:0 !important; ',
            'background:var(--color-surface) !important; border:1px solid var(--color-border-strong) !important; ',
            'border-radius:var(--radius-sm) !important; z-index:400 !important; max-height:160px !important; overflow-y:auto !important; margin-top:2px !important; }
.ui-str679 { ',
          'background:var(--color-accent-c) !important; color:var(--color-accent-c-fg,#000) !important; border:none !important; border-radius:var(--radius-sm) !important; ',
          'padding:9px 20px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:13px !important; cursor:pointer !important; ',
          'opacity:.45 !important; pointer-events:none !important; transition:opacity .2s !important; }
.ui-str680 { ',
      'background:linear-gradient(135deg,rgba(0,204,68,.07) 0%,rgba(0,170,255,.04) 100%) !important; ',
      'border:1px solid rgba(0,204,68,.22) !important; border-radius:var(--radius-md) !important; ',
      'padding:16px 18px !important; margin-bottom:16px !important; }
.ui-str681 { ',
          'width:52px !important; height:52px !important; border-radius:50% !important; ',
          'background:var(--color-surface2) !important; border:2px dashed var(--color-border-strong) !important; ',
          'flex-shrink:0 !important; overflow:hidden !important; display:flex !important; align-items:center !important; ',
          'justify-content:center !important; font-size:22px !important; cursor:pointer !important; transition:border-color .2s !important; }
.ui-str682 { ',
            'background:var(--color-accent-g) !important; color:var(--color-text) !important; border:none !important; border-radius:var(--radius-sm) !important; ',
            'padding:8px 14px !important; font-family:var(--font-display) !important; font-weight:900 !important; font-size:12px !important; ',
            'cursor:pointer !important; white-space:nowrap !important; display:block !important; }
.ui-str684 { font-size:12px !important; color:var(--color-accent-g) !important; margin-bottom:6px !important; }
.ui-str685 { background:none !important; border:1px solid var(--color-border) !important; border-radius:var(--radius-sm) !important; padding:4px 10px !important; font-size:12px !important; color:var(--color-text-dim) !important; cursor:pointer !important; }
.ui-str686 { font-size:12px !important; color:var(--color-accent-r) !important; }
.ui-str687 { font-size:12px !important; color:rgba(255,255,255,0.75) !important; text-align:center !important; padding:8px !important; }
.ui-str688 { font-size:12px !important; opacity:.5 !important; }
.ui-str689 { width:180px !important; height:180px !important; background:rgba(0,170,255,.05) !important; border-radius:8px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:rgba(255,255,255,0.65) !important; font-size:12px !important; }
.ui-str690 { font-size:16px !important; margin-bottom:12px !important; }
.ui-str691 { font-size:13px !important; color:var(--dim) !important; margin-bottom:20px !important; }
.ui-str692 { background:var(--blue) !important; color:var(--bg) !important; padding:10px 24px !important; border-radius:8px !important; font-weight:900 !important; text-decoration:none !important; font-family:'Arial Black',Arial,sans-serif !important; font-size:13px !important; }
.ui-str693 { display:flex !important; align-items:center !important; gap:10px !important; margin-bottom:20px !important; }
.ui-str694 { display:flex !important; align-items:center !important; gap:8px !important; cursor:pointer !important; font-size:13px !important; color:rgba(255,255,255,.75) !important; }
.ui-str695 { accent-color:var(--blue) !important; }
.ui-str696 { display:none !important; margin-top:14px !important; padding:12px 14px !important; background:var(--surface2) !important; border-radius:8px !important; border:1px solid var(--border) !important; }
.ui-str697 { padding:60px !important; color:var(--color-accent-r) !important; }
.ui-str698 { padding:60px !important; text-align:center !important; }
.ui-str699 { color:var(--color-accent-g) !important; text-align:center !important; padding:40px !important; }
.ui-str700 { display:block !important; margin-bottom:8px !important; }
.ui-str701 { margin:20px 0 10px !important; font-size:13px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:var(--color-text-dim) !important; }
.ui-str702 { color:var(--color-text-dim) !important; padding:20px !important; }
.ui-str703 { font-size:11px !important; color:var(--color-text-dim) !important; }
.ui-str704 { text-align: center !important; padding: 3rem 1rem !important; color: var(--color-text-dim) !important; }
.ui-str705 { font-size: 3rem !important; margin-bottom: 1rem !important; }
.ui-str706 { font-weight: 700 !important; font-size: 1.1rem !important; color: var(--color-text) !important; margin-bottom: 0.5rem !important; }
.ui-str707 { font-size: 0.9rem !important; margin-bottom: 1.5rem !important; }
.ui-str708 { font-size: 1rem !important; margin-bottom: 0.5rem !important; }
.ui-str709 { font-size: 0.85rem !important; opacity: 0.9 !important; margin-bottom: 0.8rem !important; }
.ui-str710 { display: flex !important; gap: 0.5rem !important; justify-content: space-between !important; }
.ui-str711 { background: rgba(0,0,0,0.2) !important; border: none !important; border-radius: 4px !important; padding: 0.4rem 0.8rem !important; color: var(--color-bg) !important; font-weight: 700 !important; cursor: pointer !important; font-size: 0.85rem !important; }
.ui-str712 { font-size:12px !important; font-weight:700 !important; }
.ui-str713 { font-size:12px !important; text-align:center !important; }
.ui-str714 { font-size:18px !important; color:var(--red) !important; }
.ui-str715 { font-family:var(--deco-font) !important; font-size:9px !important; letter-spacing:.2em !important; color:var(--ink4) !important; text-transform:uppercase !important; margin-bottom:16px !important; padding:14px 20px 0 !important; background:var(--paper) !important; border:0.5px solid rgba(0,0,0,.12) !important; border-radius:4px 4px 0 0 !important; }
.ui-str716 { background:var(--paper) !important; border:0.5px solid rgba(0,0,0,.12) !important; border-top:none !important; border-radius:0 0 4px 4px !important; padding:12px 20px 16px !important; }
.ui-str717 { font-family:var(--deco-font) !important; font-size:9px !important; letter-spacing:.2em !important; color:var(--ink4) !important; text-transform:uppercase !important; padding:8px 0 !important; }
.ui-str718 { text-align:center !important; padding:60px 48px !important; }
.ui-str719 { font-family:var(--deco-font) !important; font-size:9px !important; letter-spacing:.2em !important; color:var(--gold) !important; text-transform:uppercase !important; margin-bottom:16px !important; }
.ui-str720 { font-family:var(--head-font) !important; font-size:18px !important; font-style:italic !important; color:var(--ink2) !important; line-height:1.6 !important; max-width:380px !important; margin:0 auto 24px !important; }
.ui-str721 { padding:14px 48px 20px !important; text-align:center !important; border-top:0.5px solid rgba(0,0,0,0.08) !important; }
.ui-str722 { font-family:var(--deco-font) !important; font-size:9px !important; letter-spacing:.15em !important; color:var(--ink4) !important; text-transform:uppercase !important; }
.ui-str723 { display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin-bottom:8px !important; }
.ui-str724 { display:flex !important; align-items:center !important; justify-content:space-between !important; }
.ui-str725 { display:flex !important; align-items:center !important; }
.ui-str726 { color:var(--dim) !important; font-size:12px !important; }
.ui-str727 { width:96px !important; height:96px !important; border-radius:50% !important; object-fit:cover !important; }
.ui-str728 { display:flex !important; align-items:center !important; gap:8px !important; }
.ui-str729 { display:flex !important; align-items:center !important; gap:6px !important; }
.ui-str730 { width:30% !important; }
.ui-str731 { width:20% !important; }
.ui-str732 { width:50% !important; }
.ui-str733 { color:var(--muted) !important; padding:20px 16px !important; }
.ui-str734 { opacity:.5 !important; }
.ui-str735 { font-size:12px !important; color:var(--color-text-dim) !important; margin-top:3px !important; }
.ui-str736 { font-size:12px !important; color:var(--dim) !important; padding:8px 0 !important; }
.ui-str737 { display:flex !important; flex-wrap:wrap !important; margin:-4px !important; }
.ui-str738 { color:var(--dim) !important; margin-left:4px !important; }
.ui-str739 { font-size:20px !important; }
.ui-str740 { display:flex !important; align-items:center !important; gap:6px !important; padding:6px 10px !important; cursor:pointer !important; opacity:'+(on?'1':'.3')+' !important; min-height:32px !important; }
.ui-str741 { width:8px !important; height:8px !important; border-radius:50% !important; background:'+col+' !important; flex-shrink:0 !important; }
.ui-str742 { font-size:12px !important; color:var(--color-text) !important; flex:1 !important; }
.ui-str743 { width:24px !important; height:13px !important; background:'+(on?'rgba(0,170,255,.35)':'var(--color-border)')+' !important; border-radius:99px !important; position:relative !important; flex-shrink:0 !important; }
.ui-str744 { position:absolute !important; top:2px !important; left:'+(on?'12px':'2px')+' !important; width:9px !important; height:9px !important; border-radius:50% !important; background:'+(on?'var(--color-accent-c)':'var(--color-text-dim)')+' !important; }
.ui-str745 { padding:16px !important; font-size:12px !important; color:var(--color-text-dim) !important; }
.ui-str746 { color:#E09040 !important; }
.ui-str747 { color:var(--color-accent-g) !important; }
.ui-str748 { padding:12px !important; font-size:12px !important; color:var(--color-text-dim) !important; }
.ui-str749 { padding:12px !important; color:var(--color-accent-r) !important; }
.ui-str750 { color:#5A8A80 !important; font-size:10px !important; }
.ui-str751 { text-align: center !important; color: var(--color-text-dim) !important; }
.ui-str752 { max-width: 200px !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.ui-str753 { color: var(--color-accent-r) !important; }
.ui-str759 { background:var(--color-accent-c) !important; width:14px !important; height:14px !important; border-radius:50% !important; border:2px solid var(--color-text) !important; box-shadow:0 2px 8px rgba(0,170,255,.6) !important; }
.ui-str760 { background:var(--color-accent-c) !important; width:10px !important; height:10px !important; border-radius:50% !important; border:2px solid var(--color-text) !important; }
.ui-str761 { font-family:var(--deco-font) !important; font-size:9px !important; letter-spacing:.22em !important; color:rgba(255,255,255,0.65) !important; }
.ui-str762 { font-family:var(--head-font) !important; font-size:17px !important; font-style:italic !important; }
.ui-str763 { font-family:var(--deco-font) !important; font-size:9px !important; letter-spacing:.12em !important; color:var(--ink4) !important; }
.ui-str764 { font-family:var(--body-font) !important; font-size:13px !important; font-style:italic !important; color:var(--ink3) !important; margin-top:3px !important; }
.ui-str765 { font-family:var(--deco-font) !important; font-size:8px !important; letter-spacing:.14em !important; color:var(--ink4) !important; margin-top:4px !important; }
.ui-str766 { position:absolute !important; top:12px !important; right:12px !important; background:none !important; border:none !important; color:var(--color-text-dim) !important; cursor:pointer !important; font-size:16px !important; padding:4px !important; opacity:0.6 !important; transition:opacity .2s !important; }
.ui-str767 { position:relative !important; }
.ui-str768 { display:block !important; width:100% !important; margin-bottom:6px !important; }
.ui-str769 { width:100% !important; padding:9px !important; background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; border-radius:var(--radius-sm) !important; font-size:13px !important; font-weight:700 !important; cursor:pointer !important; }
.ui-str770 { display:flex !important; align-items:center !important; justify-content:center !important; height:100% !important; color:var(--muted) !important; font-size:13px !important; padding:40px !important; }
.ui-str771 { color:var(--blue) !important; margin-left:6px !important; }
.ui-str776 { display:flex !important; flex-direction:column !important; align-items:flex-end !important; gap:8px !important; }
.ui-str777 { font-size:12px !important; padding:5px 12px !important; }
.ui-str778 { color:var(--color-accent-c) !important; margin:0 0 12px !important; font-size:20px !important; }
.ui-str779 { margin:12px 0 !important; font-size:14px !important; color:var(--color-text-dim) !important; }
.ui-str780 { background:var(--color-accent-c) !important; color:var(--color-bg) !important; border:none !important; padding:10px 24px !important; border-radius:4px !important; cursor:pointer !important; font-weight:700 !important; margin-top:16px !important; }
.ui-str781 { color:var(--color-accent-c,var(--color-accent-g)) !important; }
.ui-str782 { display:flex !important; align-items:center !important; justify-content:center !important; min-height:300px !important; gap:12px !important; color:var(--color-text-dim) !important; font-size:13px !important; font-family:Arial,sans-serif !important; }
.ui-str783 { display:flex !important; align-items:center !important; justify-content:center !important; min-height:300px !important; flex-direction:column !important; gap:8px !important; color:var(--color-text-dim) !important; font-size:13px !important; font-family:Arial,sans-serif !important; }
.ui-str784 { font-size:24px !important; }
.ui-str785 { margin-bottom: 0.5rem !important; padding: 0.75rem !important; background: rgba(255, 165, 0, 0.1) !important; border-left: 3px solid var(--color-accent-a) !important; border-radius: 3px !important; }
.ui-str786 { font-size: 0.85rem !important; }
.ui-str787 { font-size: 0.8rem !important; color: #999 !important; }
.ui-str788 { color:#E05080 !important; }
.ui-str789 { background:var(--color-bg) !important; }
.ui-str790 { grid-column:1/-1 !important; text-align:center !important; padding:48px 0 !important; color:rgba(255,255,255,0.65) !important; font-size:13px !important; }
.ui-str791 { font-size:12px !important; color:var(--color-text-mid) !important; font-style:italic !important; margin-top:8px !important; }
.ui-str792 { margin-top:10px !important; }
.ui-str793 { grid-column: 1 / -1 !important; text-align: center !important; color: var(--color-text-dim) !important; padding: 40px !important; }
.ui-str795 { text-transform:capitalize !important; }
.ui-str796 { ([^ !important; }
.ui-str797 { border:0 !important; border-collapse:collapse !important; }
.ui-str798 { border:0 !important; border-collapse:collapse !important; padding:0 !important; margin:0 !important; width:'+e+ !important; }
.ui-str801 { margin-top:8px !important; font-size:12px !important; }
.ui-str803 { color:var(--color-accent-r) !important; border-color:var(--color-accent-r) !important; }
.ui-str805 { font-size:9px !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:rgba(255,255,255,0.65) !important; }
.ui-str806 { font-size:11px !important; color:var(--color-text-dim) !important; margin-top:8px !important; }
.ui-str807 { padding:60px !important; text-align:center !important; color:var(--color-text-dim) !important; }
.ui-str808 { padding:60px 40px !important; text-align:center !important; color:var(--color-text-dim) !important; }
.ui-str809 { width:190px !important; }
.ui-str810 { width:70px !important; }
.ui-str811 { max-width:160px !important; }
.ui-str812 { color:var(--color-accent-r) !important; font-size:11px !important; }
.ui-str813 { padding:16px !important; color:var(--text-light) !important; }
.ui-str814 { color:var(--wine) !important; font-weight:900 !important; font-size:18px !important; }
.ui-str815 { font-size:11px !important; color:var(--text-dim) !important; }
.ui-str817 { background:rgba(0,170,255,.1) !important; border-color:rgba(0,170,255,0.60) !important; color:var(--color-accent-c) !important; }
.ui-str819 { color:var(--color-text-mid) !important; font-size:13px !important; }

/* ── S298 HTML file auto-generated style classes ──────────────────── */
.ui-str820 { margin-top:0 !important; }
.ui-str821 { text-align:center !important; padding:24px 0 !important; }
.ui-str822 { font-size:48px !important; margin-bottom:16px !important; }
.ui-str823 { text-align:center !important; }
.ui-str824 { text-align:center !important; margin-top:8px !important; }
.ui-str825 { background:#FFFFFF !important; }
.ui-str826 { background:var(--color-accent-c) !important; }
.ui-str827 { background:var(--color-accent-g) !important; }
.ui-str828 { background:#FF8C42 !important; }
.ui-str829 { display:block !important; margin-top:6px !important; font-size:13px !important; color:var(--color-accent-c) !important; text-decoration:none !important; font-weight:700 !important; }
.ui-str830 { margin-top:6px !important; font-size:12px !important; color:var(--color-text-mid) !important; border-top:1px solid var(--color-border) !important; padding-top:6px !important; }
.ui-str831 { font-family:Arial,sans-serif !important; font-weight:700 !important; font-size:12px !important; color:var(--color-accent-c) !important; text-decoration:none !important; letter-spacing:.04em !important; }
.ui-str832 { font-size:12px !important; color:var(--color-text-dim) !important; margin-top:8px !important; }
.ui-str833 { --cc:var(--color-accent-c) !important; --cr:0 !important; --cg:170 !important; --cb:255 !important; }
.ui-str834 { --cc:var(--color-accent-a) !important; --cr:243 !important; --cg:156 !important; --cb:18 !important; }
.ui-str835 { --cc:#00DDFF !important; --cr:0 !important; --cg:221 !important; --cb:255 !important; }
.ui-str836 { --cc:#9B59B6 !important; --cr:155 !important; --cg:89 !important; --cb:182 !important; }
.ui-str837 { --cc:var(--color-accent-g) !important; --cr:0 !important; --cg:204 !important; --cb:68 !important; }
.ui-str838 { --cc:#E67E22 !important; --cr:230 !important; --cg:126 !important; --cb:34 !important; }
.ui-str839 { --cc:#8E44AD !important; --cr:142 !important; --cg:68 !important; --cb:173 !important; display:none !important; }
.ui-str840 { font-size:12px !important; opacity:.6 !important; }
.ui-str841 { --cc:#00B4D8 !important; --cr:0 !important; --cg:180 !important; --cb:216 !important; }
.ui-str842 { --cc:#FF85A1 !important; --cr:255 !important; --cg:133 !important; --cb:161 !important; }
.ui-str843 { --cc:#FFD166 !important; --cr:255 !important; --cg:209 !important; --cb:102 !important; }
.ui-str844 { --cc:var(--color-accent-r) !important; --cr:255 !important; --cg:107 !important; --cb:107 !important; }
.ui-str845 { --cc:#06D6A0 !important; --cr:6 !important; --cg:214 !important; --cb:160 !important; }
.ui-str846 { --cc:#A8DADC !important; --cr:168 !important; --cg:218 !important; --cb:220 !important; }
.ui-str847 { --cc:#F77F00 !important; --cr:247 !important; --cg:127 !important; --cb:0 !important; }
.ui-str848 { --cc:#52B788 !important; --cr:82 !important; --cg:183 !important; --cb:136 !important; }
.ui-str849 { width:40% !important; }
.ui-str850 { width:80% !important; }
.ui-str851 { font-size:14px !important; color:var(--color-text-mid) !important; margin:8px 0 0 !important; }
.ui-str852 { padding:20px 40px !important; text-align:center !important; border-top:1px solid var(--color-border) !important; margin-top:40px !important; }
.ui-str853 { display:flex !important; justify-content:center !important; align-items:center !important; gap:16px !important; flex-wrap:wrap !important; }
.ui-str854 { font-size:12px !important; color:var(--color-accent-c) !important; text-decoration:none !important; font-weight:700 !important; }
.ui-str855 { color:var(--color-border) !important; }
.ui-str856 { font-size:12px !important; color:var(--color-accent-g) !important; text-decoration:none !important; font-weight:700 !important; }
.ui-str857 { font-family:var(--font-display) !important; font-weight:900 !important; font-size:14px !important; color:var(--color-accent-c) !important; }
.ui-str858 { font-family:var(--font-display) !important; font-weight:900 !important; margin-bottom:16px !important; }
.ui-str859 { margin:0 0 10px !important; font-size:14px !important; color:var(--color-text-dim) !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; }
.ui-str860 { margin-top:24px !important; padding:16px !important; background:rgba(0,170,255,.06) !important; border:1px solid rgba(0,170,255,.2) !important; border-radius:var(--radius-md) !important; }
.ui-str861 { font-weight:700 !important; margin-bottom:8px !important; color:var(--color-accent-c) !important; }
.ui-str862 { font-size:13px !important; color:var(--color-text-mid) !important; line-height:1.7 !important; }
.ui-str863 { color:var(--color-text-dim) !important; padding:40px !important; text-align:center !important; }
.ui-str864 { flex-wrap:wrap !important; gap:8px 12px !important; }
.ui-str865 { display:flex !important; align-items:center !important; gap:6px !important; flex-wrap:wrap !important; }
.ui-str866 { font-size:12px !important; color:var(--color-accent-c) !important; display:none !important; }
.ui-str867 { display:flex !important; gap:6px !important; flex-wrap:wrap !important; }
.ui-str868 { font-size:12px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:var(--color-text-dim) !important; margin-bottom:6px !important; }
.ui-str869 { --sc:var(--color-accent-c) !important; }
.ui-str870 { --sc:#FF6B35 !important; }
.ui-str871 { --sc:var(--color-accent-a) !important; }
.ui-str872 { --sc:var(--color-accent-g) !important; }
.ui-str873 { padding: 20px !important; }
.ui-str874 { font-size: 28px !important; font-weight: 900 !important; margin-bottom: 10px !important; color: var(--color-text) !important; }
.ui-str875 { color: var(--color-text-dim) !important; margin-bottom: 20px !important; font-size: 13px !important; }
.ui-str876 { color: var(--color-accent-g) !important; }
.ui-str877 { color: var(--color-accent-c) !important; }
.ui-str878 { color: var(--eco-violet) !important; }
.ui-str879 { padding: 10px 16px !important; background: var(--color-accent-c) !important; border: none !important; border-radius: var(--radius-sm) !important; font-weight: 700 !important; cursor: pointer !important; font-size: 12px !important; }
.ui-str880 { background: var(--color-surface) !important; border: 1px solid var(--color-border) !important; border-radius: var(--radius-md) !important; padding: 16px !important; overflow-x: auto !important; }
.ui-str881 { margin-bottom: 16px !important; color: var(--color-text) !important; font-size: 18px !important; font-weight: 700 !important; }
.ui-str882 { color: var(--color-text-dim) !important; }
.ui-str883 { display:none !important; color:var(--color-accent-c) !important; }
.ui-str884 { display:none !important; }
.ui-str885 { display:none !important; max-width:720px !important; margin:0 auto 16px !important; padding:10px 18px !important; background:#fff9e8 !important; border:1px solid rgba(139,105,20,0.3) !important; border-radius:4px !important; font-family:var(--body-font) !important; font-size:13px !important; font-style:italic !important; color:var(--gold) !important; text-align:center !important; }
.ui-str886 { display:none !important; max-width:720px !important; margin:0 auto 20px !important; background:var(--paper) !important; border:0.5px solid rgba(0,0,0,0.12) !important; border-radius:4px !important; padding:14px 20px !important; }
.ui-str887 { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:10px !important; }
.ui-str888 { font-family:var(--deco-font) !important; font-size:9px !important; letter-spacing:.2em !important; color:var(--ink4) !important; text-transform:uppercase !important; }
.ui-str889 { background:none !important; border:1px solid rgba(0,0,0,.15) !important; border-radius:4px !important; padding:3px 10px !important; font-size:11px !important; cursor:pointer !important; color:var(--ink2) !important; }
.ui-str890 { display:flex !important; flex-wrap:wrap !important; gap:6px 14px !important; }
.ui-str891 { display:none !important; max-width:720px !important; margin:0 auto 20px !important; }
.ui-str892 { max-width:800px !important; margin:0 auto !important; padding:32px 24px !important; border-top:1px solid var(--color-border) !important; display:flex !important; justify-content:space-between !important; align-items:center !important; flex-wrap:wrap !important; gap:16px !important; font-family:Arial,Helvetica,sans-serif !important; }
.ui-str893 { color:var(--color-accent-g) !important; }
.ui-str894 { display:flex !important; gap:20px !important; flex-wrap:wrap !important; }
.ui-str895 { font-size:12px !important; color:var(--color-text-dim) !important; text-decoration:none !important; }
.ui-str896 { color:var(--qa-fail) !important; }
.ui-str897 { color:var(--qa-skip) !important; }
.ui-str898 { width:0% !important; }
.ui-str899 { font-size:11px !important; color:var(--color-text-dim) !important; margin-right:4px !important; }
.ui-str900 { display:flex !important; gap:10px !important; }
.ui-str901 { flex:1 !important; }
.ui-str902 { display:block !important; margin-top:6px !important; font-size:12px !important; color:var(--color-accent-c) !important; cursor:pointer !important; }
.ui-str903 { text-align:center !important; font-size:var(--text-lg) !important; margin:24px 0 !important; }
.ui-str904 { color:rgba(255,255,255,.65) !important; font-size:13px !important; }
.ui-str905 { font-size:11px !important; opacity:.7 !important; }
.ui-str906 { color:var(--dim) !important; font-size:13px !important; padding:40px 0 0 !important; text-align:center !important; }
.ui-str907 { margin-left: 8px !important; }
.ui-str908 { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important; }
.ui-str909 { grid-column: 1 / -1 !important; text-align: center !important; color: var(--color-text-dim) !important; padding: 40px !important; font-size: 13px !important; }
.ui-str910 { margin-bottom: 16px !important; color: var(--color-text) !important; font-size: 16px !important; font-weight: 700 !important; }
.ui-str911 { resize: vertical !important; min-height: 60px !important; }
.ui-str912 { display: flex !important; gap: 8px !important; }
.ui-str913 { flex: 1 !important; }
.ui-str914 { background: var(--color-accent-r) !important; flex: 1 !important; }
.ui-str915 { background: var(--color-text-dim) !important; flex: 1 !important; }
.ui-str916 { margin-top:16px !important; }
.ui-str917 { color:var(--blue) !important; }
.ui-str918 { height:460px !important; }
.ui-str919 { height:360px !important; }
.ui-str920 { margin-bottom:28px !important; }
.ui-str921 { font-size:9px !important; font-weight:700 !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:var(--color-text-dim) !important; margin-bottom:8px !important; }
.ui-str922 { font-size:13px !important; color:#5A8A80 !important; line-height:1.7 !important; }
.ui-str923 { color:#C8D4D0 !important; }
.ui-str924 { font-size:11px !important; color:var(--color-text-dim) !important; }
.ui-str925 { margin-top:12px !important; }
.ui-str926 { margin-top:14px !important; }
.ui-str927 { display:none !important; margin-top:16px !important; }
.ui-str928 { display:none !important; gap:5px !important; margin-right:8px !important; }
.ui-str929 { margin-left:3px !important; }
.ui-str930 { display:none !important; margin-left:6px !important; font-family:monospace !important; font-size:12px !important; color:#FFCC00 !important; border-color:rgba(255,204,0,.5) !important; }
.ui-str931 { margin-left:6px !important; }
.ui-str932 { display:none !important; position:fixed !important; left:0 !important; top:100px !important; bottom:0 !important; width:180px !important; z-index:1500 !important; background:var(--color-surface) !important; border-right:1px solid var(--color-border) !important; display:none !important; flex-direction:column !important; overflow:hidden !important; touch-action:pan-y !important; }
.ui-str933 { padding:8px 12px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; border-bottom:1px solid var(--color-border) !important; flex-shrink:0 !important; }
.ui-str934 { font-family:Arial Black,Arial,sans-serif !important; font-size:12px !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--color-text-mid) !important; }
.ui-str935 { width:22px !important; height:22px !important; background:transparent !important; border:1px solid var(--color-border) !important; border-radius:5px !important; cursor:pointer !important; color:var(--color-text-mid) !important; font-size:12px !important; }
.ui-str936 { flex:1 !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch !important; overscroll-behavior-y:contain !important; padding:4px 0 !important; touch-action:pan-y !important; }
.ui-str937 { display:none !important; position:fixed !important; left:8px !important; top:108px !important; z-index:1500 !important; width:32px !important; height:32px !important; background:var(--color-surface) !important; border:1px solid var(--color-border) !important; border-radius:6px !important; cursor:pointer !important; color:var(--color-text-mid) !important; font-size:14px !important; align-items:center !important; justify-content:center !important; }
.ui-str938 { font-size:48px !important; text-align:center !important; margin-bottom:16px !important; }
.ui-str939 { margin-top:5px !important; font-size:12px !important; color:var(--color-text-dim) !important; opacity:0.7 !important; border-top:1px solid var(--color-border) !important; padding-top:5px !important; }
.ui-str940 { color:var(--color-accent-g) !important; }
.ui-str941 { position:fixed !important; bottom:20px !important; right:70px !important; z-index:100 !important; background:rgba(13,24,37,.85) !important; border:1px solid rgba(0,170,255,.25) !important; border-radius:20px !important; color:var(--color-text-mid) !important; font-size:12px !important; font-weight:700 !important; padding:8px 14px !important; cursor:pointer !important; backdrop-filter:blur(4px) !important; letter-spacing:.05em !important; }
.ui-str942 { font-size:13px !important; padding:14px 32px !important; }
.ui-str943 { font-size:12px !important; font-weight:700 !important; letter-spacing:.1em !important; color:var(--dim) !important; text-transform:uppercase !important; margin-bottom:14px !important; }
.ui-str944 { font-size:12px !important; color:rgba(255,255,255,.65) !important; margin-bottom:14px !important; line-height:1.6 !important; }
.ui-str945 { font-size:12px !important; color:rgba(255,255,255,.65) !important; margin-bottom:16px !important; }
.ui-str946 { font-size:12px !important; color:rgba(255,255,255,.65) !important; margin-bottom:8px !important; }
.ui-str947 { margin-top:16px !important; display:none !important; }
.ui-str948 { font-size:12px !important; color:var(--green) !important; font-weight:700 !important; margin-bottom:10px !important; }
.ui-str949 { font-size: 28px !important; font-weight: 900 !important; margin-bottom: 20px !important; color: var(--color-text) !important; }
.ui-str950 { margin-bottom: 20px !important; }
.ui-str951 { background: var(--color-surface) !important; border: 1px solid var(--color-border) !important; border-radius: var(--radius-md) !important; padding: 16px !important; }
.ui-str952 { font-size: 16px !important; font-weight: 700 !important; margin-bottom: 12px !important; color: var(--color-text) !important; }
.ui-str953 { text-align: center !important; color: var(--color-text-dim) !important; padding: 20px !important; }

/* S304: scroll-lock utility — used by globe iframe scroll prevention in user-inline.js */
body.eco-scroll-locked,
html.eco-scroll-locked { overflow: hidden; }

/* ═══════════════════════════════════════════════════════════════════
   MOBILE UX FIXES — S319
   Applied globally to prevent cross-page mobile UX regressions.
   ═══════════════════════════════════════════════════════════════════ */

/* FIX 1 — Prevent iOS auto-zoom on input focus (triggered when font-size < 16px).
   Only applies on touch screens — desktop small-font inputs are unaffected.   */
@media (hover: none) and (pointer: coarse) {
  input, textarea, select {
    font-size: 16px !important;
  }
}

/* FIX 2 — Remove 300ms tap delay on all interactive elements.
   touch-action:manipulation tells the browser not to wait for double-tap.     */
a, button, label,
[data-action], [role="button"],
input[type="button"], input[type="submit"],
input[type="checkbox"], input[type="radio"] {
  touch-action: manipulation;
}

/* FIX 7 — Remove grey tap flash on iOS for all interactive elements.
   Only globe.css had this — now applied globally.                             */
a, button, [data-action], [role="button"] {
  -webkit-tap-highlight-color: transparent;
}

/* ═══════════════════════════════════════════════════════════════════
   PASSWORD SHOW/HIDE TOGGLE — S319
   .pw-wrap-inline: positions the eye button inside the input
   ═══════════════════════════════════════════════════════════════════ */
.pw-wrap-inline {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.pw-wrap-inline input {
  flex: 1;
  padding-right: 52px !important;
}
.pw-eye {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--color-text-dim);
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 4px;
  line-height: 1;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.15s;
}
.pw-eye:hover { color: var(--color-accent-b, var(--color-accent-c)); }
.pw-eye svg { display: block; pointer-events: none; }

/* eco-wordmark inside dark containers (bio covers, footers) — ensure colors render
   even when parent container has a color property set */
.cover-eyebrow .eco-wordmark > span:nth-child(1),
.footer-eco .eco-wordmark > span:nth-child(1),
.bio-back-eco .eco-wordmark > span:nth-child(1),
.report-footer .eco-wordmark > span:nth-child(1) { color: #00AAFF !important; }

.cover-eyebrow .eco-wordmark > span:nth-child(2),
.footer-eco .eco-wordmark > span:nth-child(2),
.bio-back-eco .eco-wordmark > span:nth-child(2),
.report-footer .eco-wordmark > span:nth-child(2) { color: #00CC44 !important; }

.cover-eyebrow .eco-wordmark > span:nth-child(3),
.footer-eco .eco-wordmark > span:nth-child(3),
.bio-back-eco .eco-wordmark > span:nth-child(3),
.report-footer .eco-wordmark > span:nth-child(3) { color: rgba(255,255,255,0.85) !important; }
.err-text { color: var(--color-accent-r, var(--color-accent-r)); }

/* Legacy wisdom question card (S380 CSP burn-down) */
.lw-q-card {
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 16px 18px;
  margin-bottom: 10px;
  transition: border-color .2s;
}
.lw-q-card--answered { border-color: rgba(0,170,255,.25); }
.lw-q-card textarea:focus { border-color: var(--color-accent-c); }

/* S386 CSP burn-down */
.eco-scroll-lock { overflow: hidden !important; }
.eco-video-join-btn { background:none; border:1px solid rgba(0,204,68,0.4); color:#00CC44; font-size:13px; font-family:Arial,Helvetica,sans-serif; padding:8px 18px; border-radius:6px; cursor:pointer; transition:background 0.15s,border-color 0.15s; }
.eco-video-join-btn:hover { background:rgba(0,204,68,0.1); border-color:rgba(0,204,68,0.8); }
.eco-pa-hint { font-size:11px; color:var(--color-text-dim); padding:4px 0; }
.eco-capture-overlay { position:fixed; inset:0; background:#000; z-index:9999; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; }
.eco-capture-btn { font-size:18px; padding:14px 32px; }
.eco-tour-tooltip { position:fixed; background:var(--color-accent-c); color:#080D14; padding:1rem; border-radius:8px; z-index:9999; max-width:280px; font-weight:700; box-shadow:0 8px 24px rgba(0,170,255,0.3); }
.eco-no-anim { animation: none !important; transition: none !important; }
.eco-opacity-0 { opacity: 0; }
.eco-opacity-1 { opacity: 1; }
body[data-vp-bg="warm"]  { background: #1A0E06; }
body[data-vp-bg="cold"]  { background: #030610; }
body[data-vp-bg="green"] { background: #050E05; }
body[data-vp-bg="black"] { background: #000; }
.eco-btn-success { background: #00aa55 !important; }
.eco-h-auto { height: auto; }
.eco-opacity-half { opacity: 0.5; }
.eco-opacity-dim { opacity: 0.6; }
.eco-translate-0 { transform: translateX(0); }
.eco-text-dim { color: var(--color-text-dim); }
.eco-text-error { color: var(--color-accent-r, var(--color-accent-r)); }
.eco-w-0 { width: 0 !important; }
.eco-progress-20  { width: 20% !important; }
.eco-progress-70  { width: 70% !important; }
.eco-progress-85  { width: 85% !important; }
.eco-progress-100 { width: 100% !important; }