:root, html[data-theme="dark"]{
  --bg:#0a0f1c;--bg-2:#0d1119;--bg-3:#0a0d14;
  --card:rgba(30,38,56,0.82);--card-2:#1a2030;--card-3:#242b3d;
  --card-solid:#1a1d24;
  --surface-1:#1a1d24;--surface-2:#0f1115;
  --sidebar-bg:rgba(16,22,38,0.92);
  --border:rgba(255,255,255,0.09);--border-2:rgba(255,255,255,0.14);--border-3:rgba(255,255,255,0.2);
  --text-1:#edf2fa;--text-2:#9ba5b8;--text-3:#7a849a;
  --accent:var(--bh-blue,#0A84FF);--accent-2:var(--bh-blue-2,#5C6FFF);--accent-glow:rgba(var(--accent-rgb,10 132 255),0.5);
  --font-brand:var(--bh-display);
  --r:16px;
  --blue:#0A84FF;--purple:#0060DF;--amber:#FF6A1A;--red:#E0392B;--pink:#E0560C;--cyan:#5C6FFF;--green:#1F9E5A;
  --warn:#FF6A1A;--danger:#E0392B;--success:#1F9E5A;--info:#0060DF;
  --kobolt:#0A84FF;--kobolt-deep:#0060DF;--tangerine:#FF6A1A;--tangerine-deep:#E0560C;
  --creme:#F3EEE4;--blaek:#14110D;
  --accent-rgb:10,132,255;--kobolt-deep-rgb:27,43,184;--accent-2-rgb:92,111,255;
  --tangerine-rgb:255,106,26;--tangerine-deep-rgb:224,86,12;--success-rgb:31,158,90;--danger-rgb:224,57,43;
  --mono:var(--bh-mono);
  --wrc-bg-a:#1a1a2e;--wrc-bg-b:#16213e;--wrc-bg-c:#0f3460;
  --show-bg:#0a0a0a;--show-bg-casino:#0a0800;--espn-dark:#1a1a2e;
  --wrad-bg:#000c14;--stk-bg:#0a0a1a;--podium-show-bg:linear-gradient(180deg,#1a1020,#0d0a14);
}

html[data-theme="light"]{
  --bg:#fafbff;--bg-2:#f3f5fa;--bg-3:#ebeef4;
  --card:#ffffff;--card-2:#ffffff;--card-3:#f5f7fa;
  --card-solid:#ffffff;
  --surface-1:#ffffff;--surface-2:#f3f5fa;
  --sidebar-bg:rgba(237,240,248,0.96);
  --border:rgba(0,0,0,0.09);--border-2:rgba(15,23,42,0.18);--border-3:rgba(15,23,42,0.26);
  --text-1:#1a1d26;--text-2:#4b5563;--text-3:#59647A;
  --accent:var(--bh-blue,#0A84FF);--accent-2:var(--bh-blue,#0A84FF);--accent-glow:rgba(var(--accent-rgb,10 132 255),0.32);
  --blue:#0060DF;--purple:#0060DF;--amber:#E0560C;--red:#C81E1E;--pink:#C2440A;--cyan:#0A84FF;--green:#1F9E5A;
  --warn:#E0560C;--danger:#C81E1E;--success:#198049;--info:#0060DF;
  --kobolt:#0A84FF;--kobolt-deep:#0060DF;--tangerine:#FF6A1A;--tangerine-deep:#E0560C;
  --creme:#F3EEE4;--blaek:#14110D;
}

html[data-theme="light"] body{
  background-image:
    radial-gradient(ellipse at 20% 0%,rgba(var(--accent-rgb),0.08),transparent 55%),
    radial-gradient(ellipse at 100% 100%,rgba(var(--accent-rgb),0.07),transparent 55%);
}
html[data-theme="light"] .elib,
html[data-theme="light"] .topbar,
html[data-theme="light"] .ebar{
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(18px);
  border-color:rgba(15,23,42,0.10);
}
html[data-theme="light"] .w,
html[data-theme="light"] .db-card,
html[data-theme="light"] .tpl-card,
html[data-theme="light"] .insight,
html[data-theme="light"] .exp-ins,
html[data-theme="light"] .alert-row,
html[data-theme="light"] .channel-card,
html[data-theme="light"] .share-card,
html[data-theme="light"] .ds-item,
html[data-theme="light"] .metric-item,
html[data-theme="light"] .sched-row,
html[data-theme="light"] .insp-item,
html[data-theme="light"] .tl-item{
  background:#ffffff;
  border:1px solid rgba(15,23,42,0.10);
  box-shadow:
    0 1px 2px rgba(15,23,42,0.06),
    0 4px 12px rgba(15,23,42,0.06);
}
html[data-theme="light"] .w:hover,
html[data-theme="light"] .db-card:hover,
html[data-theme="light"] .tpl-card:hover{
  box-shadow:
    0 2px 4px rgba(15,23,42,0.08),
    0 12px 28px rgba(15,23,42,0.12);
  border-color:rgba(15,23,42,0.16);
}
html[data-theme="light"] .w.sel{
  border-color:rgba(var(--accent-rgb),0.55) !important;
  box-shadow:
    0 0 0 3px rgba(var(--accent-rgb),0.18),
    0 4px 14px rgba(var(--accent-rgb),0.18),
    0 8px 24px rgba(15,23,42,0.10) !important;
}
html[data-theme="light"] .cv-board,
html[data-theme="light"] .ecanvas{background:#eef1f5}

#ecanvas[data-cv-themed] .cv-board{
  background:transparent;
}
#ecanvas[data-cv-themed] .w,
#ecanvas[data-cv-themed] .db-card{
  background:var(--card);
  border:1px solid var(--border);
  color:var(--text-1);
}
#ecanvas[data-cv-themed] .w:hover{
  border-color:var(--border-2);
}
#ecanvas[data-cv-themed] .w.sel{
  border-color:var(--accent) !important;
}
#ecanvas[data-cv-themed] .w-title{
  color:var(--text-1);
}
#ecanvas[data-cv-themed] .ttx-h,
#ecanvas[data-cv-themed] .cc-lbl,
#ecanvas[data-cv-themed] .vc-desc,
#ecanvas[data-cv-themed] .stk-meta,
#ecanvas[data-cv-themed] .lb-pro-head,
#ecanvas[data-cv-themed] .ttx-unit{
  color:var(--text-2);
}
#ecanvas[data-cv-themed] .bignum,
#ecanvas[data-cv-themed] .hs-val,
#ecanvas[data-cv-themed] .ttx-num,
#ecanvas[data-cv-themed] .lb-val,
#ecanvas[data-cv-themed] .cd-val{
  color:var(--text-1);
}
#ecanvas[data-cv-themed] .bignum.accent,
#ecanvas[data-cv-themed] .hs-val.accent{
  color:var(--accent);
}
#ecanvas[data-cv-themed] .ttx-row:hover,
#ecanvas[data-cv-themed] .lb-row:hover{
  background:color-mix(in srgb, var(--accent) 6%, transparent);
}
#ecanvas[data-cv-themed] .w-title,
#ecanvas[data-cv-themed] .ttx-h{
  font-family:var(--font-heading,inherit);
  letter-spacing:var(--ls-heading,inherit);
}
#ecanvas[data-cv-themed] .ttx-row,
#ecanvas[data-cv-themed] .lb-row,
#ecanvas[data-cv-themed] .feed-row{
  font-weight:var(--weight-body,inherit);
  line-height:var(--lh-base,inherit);
}
#ecanvas[data-motion-disabled] *,
#ecanvas[data-motion-disabled] *::before,
#ecanvas[data-motion-disabled] *::after{
  animation-duration:0.01ms !important;
  animation-iteration-count:1 !important;
  transition-duration:0.01ms !important;
}
#ecanvas[data-cv-themed] .ttx-av-wrap.is-rk-gold,
#ecanvas[data-cv-themed] .medal-gold{color:var(--podium-gold,#ffd700)}
#ecanvas[data-cv-themed] .ttx-av-wrap.is-rk-silver,
#ecanvas[data-cv-themed] .medal-silver{color:var(--podium-silver,#c0c0c0)}
#ecanvas[data-cv-themed] .ttx-av-wrap.is-rk-bronze,
#ecanvas[data-cv-themed] .medal-bronze{color:var(--podium-bronze,#cd7f32)}
#ecanvas[data-podium-glow="0"] .ttx-row.is-top-1,
#ecanvas[data-podium-glow="0"] .ttx-row.is-top-2,
#ecanvas[data-podium-glow="0"] .ttx-row.is-top-3{box-shadow:none !important}
#ecanvas[data-podium-crown="0"] .ttx-row.is-top-1 .ttx-rank::before,
#ecanvas[data-podium-crown="0"] .ttx-crown,
#ecanvas[data-podium-crown="0"] .ttx-rank-crown{display:none !important}
#ecanvas[data-podium-size="sm"] .ttx-av-wrap,
#ecanvas[data-podium-size="sm"] .ttx-rank{font-size:clamp(.55rem,1.6cqi,.7rem);width:clamp(18px,4cqi,24px);height:clamp(18px,4cqi,24px)}
#ecanvas[data-podium-size="lg"] .ttx-av-wrap,
#ecanvas[data-podium-size="lg"] .ttx-rank{font-size:clamp(.75rem,2.4cqi,.9rem);width:clamp(28px,6cqi,36px);height:clamp(28px,6cqi,36px)}
#ecanvas[data-podium-size="xl"] .ttx-av-wrap,
#ecanvas[data-podium-size="xl"] .ttx-rank{font-size:clamp(.9rem,3cqi,1.1rem);width:clamp(34px,7cqi,44px);height:clamp(34px,7cqi,44px)}

.w[data-table-podium-glow="0"] .ttx-row.is-top-1,
.w[data-table-podium-glow="0"] .ttx-row.is-top-2,
.w[data-table-podium-glow="0"] .ttx-row.is-top-3{box-shadow:none !important}
.w[data-table-podium-crown="0"] .ttx-crown{display:none !important}
.w[data-table-podium-size="off"] .ttx-av-wrap,
.w[data-table-podium-size="off"] .ttx-rank{font-size:clamp(.55rem,1.6cqi,.7rem);width:clamp(18px,4cqi,24px);height:clamp(18px,4cqi,24px)}
.w[data-table-podium-size="lg"] .ttx-av-wrap,
.w[data-table-podium-size="lg"] .ttx-rank{font-size:clamp(.75rem,2.4cqi,.9rem);width:clamp(28px,6cqi,36px);height:clamp(28px,6cqi,36px)}
.w[data-table-podium-size="xl"] .ttx-av-wrap,
.w[data-table-podium-size="xl"] .ttx-rank{font-size:clamp(.9rem,3cqi,1.1rem);width:clamp(34px,7cqi,44px);height:clamp(34px,7cqi,44px)}

.cv-theme-logo{position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:50;opacity:.9;transition:opacity .3s}
.cv-theme-logo[data-size="sm"]{width:clamp(40px,8cqi,80px);height:clamp(18px,3cqi,32px)}
.cv-theme-logo[data-size="md"]{width:clamp(60px,12cqi,140px);height:clamp(22px,4cqi,50px)}
.cv-theme-logo[data-size="lg"]{width:clamp(90px,16cqi,200px);height:clamp(30px,6cqi,70px)}
.cv-theme-logo[data-position="top-left"]{top:18px;left:24px}
.cv-theme-logo[data-position="top-right"]{top:18px;right:24px}
.cv-theme-logo[data-position="bottom-left"]{bottom:18px;left:24px}
.cv-theme-logo[data-position="bottom-right"]{bottom:18px;right:24px}

.cv-theme-watermark{position:absolute;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);opacity:.45;pointer-events:none;z-index:49;padding:4px 10px;background:color-mix(in srgb, var(--card) 60%, transparent);border-radius:6px;backdrop-filter:blur(8px)}
.cv-theme-watermark[data-position="top-left"]{top:18px;left:24px}
.cv-theme-watermark[data-position="top-right"]{top:18px;right:24px}
.cv-theme-watermark[data-position="bottom-left"]{bottom:18px;left:24px}
.cv-theme-watermark[data-position="bottom-right"]{bottom:18px;right:24px}

#ecanvas[data-vignette]::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,var(--vignette-opacity,0)) 100%)}

#ecanvas[data-pattern]::before,
.theme-preview-frame[data-pattern]::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.5;mix-blend-mode:overlay}
#ecanvas[data-pattern="dots"]::before,
.theme-preview-frame[data-pattern="dots"]::before{background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.18) 1px, transparent 1.5px);background-size:14px 14px}
#ecanvas[data-pattern="grid"]::before,
.theme-preview-frame[data-pattern="grid"]::before{background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);background-size:24px 24px}
#ecanvas[data-pattern="hex"]::before,
.theme-preview-frame[data-pattern="hex"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 26' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='1'%3E%3Cpath d='M15 0 L30 8.66 L30 17.32 L15 26 L0 17.32 L0 8.66 Z'/%3E%3C/svg%3E");background-size:30px 26px}
#ecanvas[data-pattern="noise"]::before,
.theme-preview-frame[data-pattern="noise"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.18}
#ecanvas[data-pattern] > .cv-board,
.theme-preview-frame[data-pattern] > .tp-body{position:relative;z-index:2}
#ecanvas[data-vignette] > .cv-board,
#ecanvas[data-vignette] > .cv-theme-logo,
#ecanvas[data-vignette] > .cv-theme-watermark{position:relative;z-index:2}

.screen[data-screen="editor"] #ecanvas .cv-theme-logo,
.screen[data-screen="editor"] #ecanvas .cv-theme-watermark{opacity:.25}

#ecanvas[data-a11y-hc] .ttx-h,
#ecanvas[data-a11y-hc] .ttx-row,
#ecanvas[data-a11y-hc] .lb-row,
#ecanvas[data-a11y-hc] .feed-row{color:var(--text-1) !important}
#ecanvas[data-a11y-hc] .w{border-width:2px}
#ecanvas[data-a11y-lg] .ttx-h{font-size:calc(.54rem * 1.4)}
#ecanvas[data-a11y-lg] .w-title{font-size:calc(1em * 1.2)}

html[data-theme="light"] .ttx-h,
html[data-theme="light"] .cc-lbl,
html[data-theme="light"] .vc-desc,
html[data-theme="light"] .stk-meta,
html[data-theme="light"] .lb-pro-head,
html[data-theme="light"] .ttx-unit{
  color:#374151;
  font-weight:600;
}

html[data-theme="light"] .cc-input,
html[data-theme="light"] input[type="text"],
html[data-theme="light"] input[type="number"],
html[data-theme="light"] input[type="email"],
html[data-theme="light"] input[type="password"],
html[data-theme="light"] input[type="datetime-local"],
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#ffffff;
  border:1px solid rgba(15,23,42,0.18);
  color:#0f172a;
}
html[data-theme="light"] .cc-input:focus,
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{
  border-color:var(--accent);
  outline:none;
}
html[data-theme="light"] .cc-pillrow button{
  background:#ffffff;
  border:1px solid rgba(15,23,42,0.14);
  color:#334155;
}
html[data-theme="light"] .cc-pillrow button:hover{
  background:#f8fafc;
  border-color:rgba(15,23,42,0.24);
  color:#0f172a;
}
html[data-theme="light"] .cc-pillrow button.active{
  background:var(--accent);
  color:#ffffff;
  border-color:var(--accent);
  box-shadow:0 1px 3px rgba(var(--accent-rgb),0.30);
}

html[data-theme="light"] .live-dot{
  color:var(--accent);
  background:transparent;
  padding:0;
  border:none;
  font-weight:700;
}

html[data-theme="light"] .ttx-row{
  border-bottom:1px solid rgba(15,23,42,0.05);
}
html[data-theme="light"] .ttx-row:hover{
  background:linear-gradient(90deg,rgba(var(--accent-rgb),0.06),rgba(var(--accent-rgb),0.02)) !important;
}
html[data-theme="light"] .ttx-row.is-top-1{
  background:linear-gradient(90deg, rgba(255,193,7,0.18), rgba(255,193,7,0.05) 45%, transparent 80%) !important;
  border-left:4px solid #d4a017 !important;
}

html[data-theme="light"] .w-title{
  color:#0f172a;
  font-weight:700;
}

html[data-theme="light"] .bignum{
  color:#0f172a;
  font-weight:800;
}
html[data-theme="light"] .bignum.accent{ color:var(--accent); }

html[data-theme="light"] .stk-card{
  border:1px solid rgba(15,23,42,0.12);
  background:#ffffff;
  box-shadow:0 1px 3px rgba(15,23,42,0.04);
}
html[data-theme="light"] .stk-card-head{
  background:#f8fafc;
  border-bottom:1px solid rgba(15,23,42,0.08);
  font-weight:700;
}
html[data-theme="light"] .stk-card-head:hover{ background:#f1f5f9; }

html[data-theme="light"] .variant-card{
  border:1px solid rgba(15,23,42,0.12);
  background:#ffffff;
}
html[data-theme="light"] .variant-card:hover{
  border-color:rgba(var(--accent-rgb),0.40);
  box-shadow:0 4px 12px rgba(15,23,42,0.10);
}
html[data-theme="light"] .variant-card.selected{
  border-color:var(--accent);
  background:rgba(var(--accent-rgb),0.04);
  box-shadow:0 0 0 2px rgba(var(--accent-rgb),0.18), 0 4px 12px rgba(15,23,42,0.08);
}
html[data-theme="light"] #remoteCursors{mix-blend-mode:multiply}
html[data-theme="light"] .breakin{box-shadow:0 20px 60px rgba(var(--accent-rgb),0.22),0 0 0 4px rgba(var(--accent-rgb),0.10)}
html[data-theme="light"] .confetti{mix-blend-mode:multiply}
html[data-theme="light"] #portal-footer-nav .portal-nav-btn.home{background:rgba(255,255,255,0.9);border-color:rgba(0,0,0,0.1);color:var(--text-1)}
html[data-theme="light"] .story-scrim{background:#1a1d26}
html[data-theme="light"] .story-scrim *{color:#edf2fa}
html[data-theme="light"] .preview-mini,
html[data-theme="light"] .db-preview-mini,
html[data-theme="light"] .pv-art{background:#1a1d26}

html[data-theme="light"] .fmlv4 .fss-outer,
html[data-theme="light"] .fmlv4 .alb-wrap,
html[data-theme="light"] .fmlv4 .ntk-wrap,
html[data-theme="light"] .fmlv4 .atc-disk,
html[data-theme="light"] .fmlv4 .lcam-wrap,
html[data-theme="light"] .fmlv4 .wrc-wrap,
html[data-theme="light"] .fmlv4 .f1-wrap,
html[data-theme="light"] .fmlv4 .led-wrap,
html[data-theme="light"] .fmlv4 .slot-drums,
html[data-theme="light"] .fmlv4 .jackpot-display{color-scheme:dark}

html[data-theme="light"] .page-head,
html[data-theme="light"] .alc-head,
html[data-theme="light"] .estat{background:rgba(244,245,247,0.88);backdrop-filter:blur(18px)}
html[data-theme="light"] .home-folders{background:rgba(255,255,255,0.65)}
html[data-theme="light"] .smart-bar{background:linear-gradient(135deg,rgba(var(--accent-rgb),0.08),rgba(108,66,208,0.06))}

i.ic{display:inline-flex;width:1em;height:1em;vertical-align:-.15em;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;flex-shrink:0}
.ic-home{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-menu{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-clipboard{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 16H5V5h2v3h10V5h2v14z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-people{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-chart{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-keyboard{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-gamepad{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.58 16.09l-1.09-7.66C20.21 6.46 18.52 5 16.53 5H7.47C5.48 5 3.79 6.46 3.51 8.43l-1.09 7.66C2.2 17.63 3.39 19 4.94 19c.68 0 1.32-.27 1.8-.75L9 16h6l2.25 2.25c.48.48 1.13.75 1.8.75 1.56 0 2.75-1.37 2.53-2.91zM11 11H9v2H8v-2H6v-1h2V8h1v2h2v1zm4 2c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm2-3c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-tv{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-graduation{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-gear{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 00.12-.61l-1.92-3.32a.49.49 0 00-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58a.49.49 0 00-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-feed{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.18 15.64a2.18 2.18 0 010 4.36 2.18 2.18 0 010-4.36zM4 4.44A15.56 15.56 0 0119.56 20h-2.83A12.73 12.73 0 004 7.27V4.44zm0 5.66a9.9 9.9 0 019.9 9.9h-2.83A7.07 7.07 0 004 12.93V10.1z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-person{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-wheel{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm1-11V5h-2v4H7v2h4v4h2v-4h4V9h-4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-chat{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-sprout{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.787 7.531H5.393c.26 6.727 5.07 9.26 7.96 9.969-.514-2.076-.4-4.617.434-6.5h2l-1 3c-.5 1.5-.5 3-.5 3.5 0 .5 1.63.43 4.213-3.5 1.5-2.283 1.5-4.5 1.5-6.469h-4.213z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-trending{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-folder{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-wrench{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-bell{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-flask{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2v6l5 8v2H6v-2l5-8V2h2zm1-2H10v1h1v7L6 16v4c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2v-4l-5-8V1h1V0z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-bulb{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-target{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-pace{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 20 L8 14 L12 16 L16 8 L18 7 L19 8 L17 9 L13 17 L9 15 L4 21 Z'/%3E%3Ccircle cx='18' cy='7' r='2.2'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-heart{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-fire{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-coin{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.94s4.18 1.36 4.18 3.85c0 1.89-1.44 2.99-3.12 3.19z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-bolt{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 21h-1l1-7H7.5c-.88 0-.33-.75-.31-.78C8.48 10.94 10.42 7.54 13.01 3h1l-1 7h3.51c.4 0 .62.19.4.66C12.97 17.55 11 21 11 21z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-trophy{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-goal{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2zm0 13.4l-3.76 2.27.99-4.28-3.32-2.88 4.38-.37L12 6.1l1.71 4.04 4.38.37-3.32 2.88.99 4.28L12 15.4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-gift{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 00-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 12 7.4l3.38 4.6L17 10.83 14.92 8H20v6z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-calendar{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-close{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-star{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-bookmark{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-strength{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.75 2a7 7 0 00-7 7v6a7 7 0 007 7h8.5a7 7 0 007-7V9a7 7 0 00-7-7h-8.5zm5.25 7v5l4-2.5-4-2.5z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-celebrate{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-dot{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-memo{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1.003 1.003 0 000-1.42l-2.34-2.34a1.003 1.003 0 00-1.42 0l-1.83 1.83 3.75 3.75 1.84-1.82z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-rocket{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5s4.5 2.04 4.5 10.5c0 2.49-1.04 5.57-1.6 7H9.1c-.56-1.43-1.6-4.51-1.6-7C7.5 4.54 12 2.5 12 2.5z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-globe{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-eye{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-phone{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-share{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-plus{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-play{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-trash{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-back{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-warn{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-refresh{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A7.958 7.958 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-check{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-copy{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-event{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4h-3V2h-2v2h-4V2H8v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-upload{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-lock{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-table{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3v18h18V3H3zm6 14H5v-4h4v4zm0-6H5V7h4v4zm6 6h-4v-4h4v4zm0-6h-4V7h4v4zm6 6h-4v-4h4v4zm0-6h-4V7h4v4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-list{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-clock{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm.5-13H11v6l5.2 3.2.8-1.3-4.5-2.7V7z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-history{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3a9 9 0 00-9 9H1l4 4 4-4H6a7 7 0 117 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.97 8.97 0 0013 21a9 9 0 000-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-timerange{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 7h2v10H5zM17 7h2v10h-2zM7 11h10v2H7z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-today{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V2a1 1 0 00-2 0v1H8V2a1 1 0 00-2 0v1H5c-1.1 0-2 .9-2 2v15c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 17H5V9h14v11zm0-13H5V5h14v2zm-7 7h-2v-2h2v2zm4 0h-2v-2h2v2zm-4 4h-2v-2h2v2zm-4-4H6v-2h2v2zm0 4H6v-2h2v2zm8 0h-2v-2h2v2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-moon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 109 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 01-4.4 2.26 5.403 5.403 0 01-3.14-9.8c-.44-.06-.9-.1-1.36-.1z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-more{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-download{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-card{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-pause{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4h4v16H6zm8 0h4v16h-4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-laptop{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-sun{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41l-1.06-1.06zm1.06-12.37l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06c.39-.39.39-1.03 0-1.41s-1.03-.39-1.41 0zM7.05 18.36l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06c.39-.39.39-1.03 0-1.41-.38-.39-1.02-.39-1.41 0z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-info{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-link{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-wand{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 5.6L10 7 8.6 4.5 10 2 7.5 3.4 5 2l1.4 2.5L5 7zm12 9.8L17 14l1.4 2.5L17 19l2.5-1.4L22 19l-1.4-2.5L22 14zM22 2l-2.5 1.4L17 2l1.4 2.5L17 7l2.5-1.4L22 7l-1.4-2.5zm-7.63 5.29c-.39-.39-1.02-.39-1.41 0L1.29 18.96c-.39.39-.39 1.02 0 1.41l2.34 2.34c.39.39 1.02.39 1.41 0L16.7 11.05c.39-.39.39-1.02 0-1.41l-2.33-2.35zm-1.03 5.49l-2.12-2.12 2.44-2.44 2.12 2.12-2.44 2.44z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-table{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 2v3H5V5h15zm-9 5h-6v3h6v-3zm0 5h-6v3h6v-3zm8-5h-6v3h6v-3zm0 5h-6v3h6v-3z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-function{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 4H6v2l6.5 6L6 18v2h12v-3h-7l5-5-5-5h7V4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-group{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L2 8l10 5 10-5-10-5zm0 7L4.21 6.37 2 8l10 5 10-5-1.79-.9L12 10zm0 5L4.21 11.37 2 13l10 5 10-5-1.79-.9L12 15z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-sliders{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-filter{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-hash{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 10V8h-4V4h-2v4h-4V4H8v4H4v2h4v4H4v2h4v4h2v-4h4v4h2v-4h4v-2h-4v-4h4zm-6 4h-4v-4h4v4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-palette{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-image{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-text{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4v3h5.5v12h3V7H19V4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-arrow-left{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-chevron-down{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-chevron-up{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-grid{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3v8h8V3H3zm6 6H5V5h4v4zm-6 4v8h8v-8H3zm6 6H5v-4h4v4zm4-16v8h8V3h-8zm6 6h-4V5h4v4zm-6 4v8h8v-8h-8zm6 6h-4v-4h4v4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-columns{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h4v16H4V4zm6 0h4v16h-4V4zm6 0h4v16h-4V4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-rows{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v4H4V4zm0 6h16v4H4v-4zm0 6h16v4H4v-4z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-expand{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h7v2H5v5H3V3zm11 0h7v7h-2V5h-5V3zM3 14h2v5h5v2H3v-7zm16 0h2v7h-7v-2h5v-5z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-sparkles{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l1.8 5.6L19.5 9 14 11.2 12 17l-2-5.8L4.5 9l5.7-1.4L12 2zm6.5 11l.9 2.8 2.8.9-2.8.9-.9 2.8-.9-2.8-2.8-.9 2.8-.9.9-2.8zM5 14l.7 2 2 .7-2 .7-.7 2-.7-2-2-.7 2-.7L5 14z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-crown{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 18h14v2H5v-2zm0-2l-2-9 4.5 3L12 4l4.5 6L21 7l-2 9H5z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-layers{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zm0 7L2 14l10 5 10-5-10-5zm0 7L2 21h20l-10-5z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-monitor{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-search{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19zM9.5 14C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-shuffle{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-cap{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4C7 4 4 8 4 12h2v3h12v-3h4c0-4-3-8-8-8zm-6 9v-1h12v1H6z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-bucket{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3l-7 7-3-3-6 6 1.5 1.5L9 10l3 3 8.5-8.5L19 3zM3 17h18v4H3z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-smile{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-3.5-9c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm7 0c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-3.5 6c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-shirt{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 2H8L2 6l3 5 3-2v11h8V9l3 2 3-5-6-4zm-4 4c-1.1 0-2-.9-2-2h4c0 1.1-.9 2-2 2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-edit{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}
.ic-lock{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E");-webkit-mask-image:var(--m);mask-image:var(--m)}

.medal-gold{color:#ffd700}.medal-silver{color:#c0c0c0}.medal-bronze{color:#cd7f32}
*{box-sizing:border-box;margin:0;padding:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="button"]:focus-visible,[role="tab"]:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;padding:0;margin:0;background:var(--accent);color:var(--on-accent-ink);font-weight:700;border-radius:6px;text-decoration:none}
.skip-link:focus,.skip-link:focus-visible{position:fixed;top:8px;left:8px;width:auto;height:auto;padding:8px 14px;z-index:9999;outline:2px solid var(--text-1);outline-offset:2px}
html,body{height:100%}
body{
  font-family:var(--bh-body);
  background:var(--bg);color:var(--text-1);overflow:hidden;
  background-image:
    radial-gradient(ellipse at 20% 0%,rgba(var(--accent-rgb),0.06),transparent 55%),
    radial-gradient(ellipse at 100% 100%,rgba(var(--accent-rgb),0.05),transparent 55%),
    radial-gradient(ellipse at 50% 50%,rgba(167,139,250,0.03),transparent 65%);
  -webkit-font-smoothing:antialiased;
}
canvas{display:block;max-width:100%!important}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:var(--border-3)}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.12)}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.22)}

.shell{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden;position:relative;transition:grid-template-columns .25s cubic-bezier(.2,.8,.2,1)}
.shell.sidebar-collapsed{grid-template-columns:72px 1fr}
@media (max-width:1100px){.shell:not(.sidebar-collapsed){grid-template-columns:68px 1fr}}
@media (max-width:900px){.shell{grid-template-columns:56px 1fr}}

.rail{
  width:100%;min-width:0;height:100%;max-height:100%;min-height:0;
  background:var(--sidebar-bg,rgba(16,22,38,0.92));
  border-right:1px solid var(--border);
  display:flex;flex-direction:column;padding:16px 10px;
  overflow:hidden;flex-shrink:0;
  position:relative;z-index:40;
}
.rail-logo{
  display:inline-flex;align-items:baseline;justify-content:center;
  flex-shrink:0;margin-bottom:18px;padding:6px 0;
  font-family:var(--bh-body);
  font-weight:900;font-size:1.65rem;
  letter-spacing:-.05em;line-height:1;
  color:var(--text-1);text-transform:lowercase;
  text-decoration:none;
}
.rail-logo .dot{display:inline-block;width:.16em;height:.16em;border-radius:50%;background:var(--accent);margin-left:.04em;vertical-align:baseline;transform:translateY(0)}
.rail-item{
  width:52px;height:44px;border:none;background:transparent;
  color:var(--text-3);font-size:1.15rem;cursor:pointer;border-radius:10px;
  display:grid;place-items:center;transition:all .15s;position:relative;flex-shrink:0;
}
.rail-item:hover{background:var(--card);color:var(--text-1)}
.rail-item.active{background:linear-gradient(135deg,rgba(var(--accent-rgb),0.15),rgba(var(--accent-rgb),0.1));color:var(--accent)}
.rail-item.active::before{content:'';position:absolute;left:-10px;top:8px;bottom:8px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}
.rail-sep{width:28px;height:1px;background:var(--border);margin:8px 0;flex-shrink:0}
.rail-spacer{flex:1}
.rail-item[data-tip]:hover::after,.rail-item[data-tip]:focus-visible::after{
  content:attr(data-tip);position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);
  background:var(--card-3);color:var(--text-1);padding:5px 11px;border-radius:7px;
  font-size:.68rem;font-weight:600;white-space:nowrap;border:1px solid var(--border-2);
  z-index:100;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,0.5);
}
.rail-item .dot{position:absolute;top:6px;right:10px;width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 6px var(--red)}

.rail,.sidebar {
  width: 240px;
  min-width: 240px;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  background: var(--sidebar-bg);
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-right: 1px solid var(--border);
  transition: none;
  flex-shrink: 0;
}
@media (min-width: 769px) and (max-width: 1100px) {
  .rail,.sidebar { width: 68px !important; min-width: 68px !important; padding: 12px 6px; }
  .rail .nav-item-label,.sidebar .nav-item-label,
  .rail .nav-section-label,.sidebar .nav-section-label,
  .rail .brand-text,.sidebar .brand-text { font-size: 0; overflow: hidden; width: 0; height: 0; opacity: 0; }
  .rail .nav-btn,.sidebar .nav-btn { justify-content: center; padding: 10px 0; }
  .rail .sidebar-header,.sidebar .sidebar-header { justify-content: center; }
  .rail .sidebar-header .brand-name,.sidebar .sidebar-header .brand-name,
  .rail .sidebar-header .brand-sub,.sidebar .sidebar-header .brand-sub { display: none; }
  .rail:hover,.rail:focus-within,.sidebar:hover,.sidebar:focus-within {
    width: 240px !important; min-width: 240px !important; padding: 16px 10px;
    position: absolute; top: 0; left: 0; bottom: 0; height: 100%;
    z-index: 200; box-shadow: 4px 0 24px rgba(0,0,0,.18);
    background: var(--sidebar-bg);
  }
  .rail:hover .nav-item-label,.rail:focus-within .nav-item-label,
  .sidebar:hover .nav-item-label,.sidebar:focus-within .nav-item-label,
  .rail:hover .nav-section-label,.rail:focus-within .nav-section-label,
  .sidebar:hover .nav-section-label,.sidebar:focus-within .nav-section-label,
  .rail:hover .brand-text,.rail:focus-within .brand-text,
  .sidebar:hover .brand-text,.sidebar:focus-within .brand-text {
    font-size: .78rem; overflow: visible; width: auto; height: auto; opacity: 1;
  }
  .rail:hover .nav-btn,.rail:focus-within .nav-btn,
  .sidebar:hover .nav-btn,.sidebar:focus-within .nav-btn {
    justify-content: flex-start; padding: 7px 10px; gap: 10px;
  }
  .rail:hover .sidebar-header,.rail:focus-within .sidebar-header,
  .sidebar:hover .sidebar-header,.sidebar:focus-within .sidebar-header {
    justify-content: flex-start; gap: 10px; padding: 2px 6px;
  }
  .rail:hover .sidebar-header .brand-name,.rail:focus-within .sidebar-header .brand-name,
  .sidebar:hover .sidebar-header .brand-name,.sidebar:focus-within .sidebar-header .brand-name,
  .rail:hover .sidebar-header .brand-sub,.rail:focus-within .sidebar-header .brand-sub,
  .sidebar:hover .sidebar-header .brand-sub,.sidebar:focus-within .sidebar-header .brand-sub {
    display: block;
  }
}
.sidebar-nav { flex: 1; overflow-y: auto; overflow-x: hidden; min-height: 0; padding: 0 2px; }
.sidebar-nav::-webkit-scrollbar { width: 3px; }
.sidebar-nav::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; }
.sidebar-nav:hover::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb,rgba(255,255,255,0.12)); }
.sidebar-bottom { flex-shrink: 0; border-top: 1px solid var(--border); padding-top: 8px; margin-top: 8px; }

.cv-vm-toggle { padding: 4px 6px 8px; margin-bottom: 4px; border-bottom: 1px solid var(--border); }
.cv-vm-label { font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-3); text-align: center; margin-bottom: 5px; }
.cv-vm-pillrow { display: flex; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 3px; gap: 2px; }
.cv-vm-btn {
  flex: 1; padding: 6px 0; border-radius: 8px; border: none; cursor: pointer;
  font-size: .68rem; font-weight: 700; letter-spacing: .02em;
  background: transparent; color: var(--text-2);
  transition: background .15s ease, color .15s ease;
  font-family: inherit;
}
.cv-vm-btn:hover:not(.is-active) { color: var(--text-1); background: rgba(255,255,255,.04); }
html[data-theme="light"] .cv-vm-btn:hover:not(.is-active) { background: rgba(0,0,0,.04); }
.cv-vm-btn.is-active { background: var(--accent); color: var(--color-on-accent, #fff); }

.rail.collapsed .cv-vm-toggle, .sidebar.collapsed .cv-vm-toggle { padding: 2px 4px 6px; }
.rail.collapsed .cv-vm-label, .sidebar.collapsed .cv-vm-label { display: none; }
.rail.collapsed:hover .cv-vm-label, .sidebar.collapsed:hover .cv-vm-label { display: block; }
.rail.collapsed .cv-vm-pillrow, .sidebar.collapsed .cv-vm-pillrow { flex-direction: column; padding: 2px; gap: 2px; }
.rail.collapsed .cv-vm-btn, .sidebar.collapsed .cv-vm-btn { padding: 4px 2px; font-size: .55rem; }
.rail.collapsed:hover .cv-vm-pillrow, .sidebar.collapsed:hover .cv-vm-pillrow { flex-direction: row; padding: 3px; gap: 2px; }
.rail.collapsed:hover .cv-vm-btn, .sidebar.collapsed:hover .cv-vm-btn { padding: 6px 0; font-size: .68rem; }

body[data-canvas-view-as-phoner='1'] #cv-inspector,
body[data-canvas-view-as-phoner='1'] .cv-inspector,
body[data-canvas-view-as-phoner='1'] .cv-toolbar-add,
body[data-canvas-view-as-phoner='1'] .cv-add-widget-btn,
body[data-canvas-view-as-phoner='1'] .cv-edit-tools,
body[data-canvas-view-as-phoner='1'] .stk-resizer,
body[data-canvas-view-as-phoner='1'] .w-actions,
body[data-canvas-view-as-phoner='1'] [data-screen="data-studio"],
body[data-canvas-view-as-phoner='1'] [data-screen="history"],
body[data-canvas-view-as-phoner='1'] [data-screen="share"],
body[data-canvas-view-as-phoner='1'] [data-screen="alerts"],
body[data-canvas-view-as-phoner='1'] [data-screen="templates"],
body[data-canvas-view-as-phoner='1'] [data-screen="create"],
body[data-canvas-view-as-phoner='1'] [data-screen="themes"] { display: none !important; }
body[data-canvas-view-as-phoner='1'] .cv-widget { user-select: none; }
body[data-canvas-view-as-phoner='1'] .cv-widget[draggable] { -webkit-user-drag: none; user-drag: none; }

body.canvas-embed-mode #portal-nav,
body.canvas-embed-mode #portal-footer-nav,
body.canvas-embed-mode .topbar,
body.canvas-embed-mode .sidebar-mobile-trigger,
body.canvas-embed-mode [data-screen="home"],
body.canvas-embed-mode [data-screen="templates"],
body.canvas-embed-mode [data-screen="share"],
body.canvas-embed-mode [data-screen="alerts"],
body.canvas-embed-mode [data-screen="data-studio"],
body.canvas-embed-mode [data-screen="themes"],
body.canvas-embed-mode [data-screen="history"],
body.canvas-embed-mode [data-screen="create"],
body.canvas-embed-mode [data-screen="settings"] { display: none !important; }
body.canvas-embed-mode .screen[data-screen="editor"] { display: block !important; }
body.canvas-embed-mode .main-area { margin-left: 0 !important; padding: 0 !important; }
body.canvas-embed-mode { overflow: hidden; background: transparent !important; }
body.canvas-embed-mode .ebar-left,
body.canvas-embed-mode .ebar-center,
body.canvas-embed-mode .ebar-ctx,
body.canvas-embed-mode #dashNameBox,
body.canvas-embed-mode .dash-name-box,
body.canvas-embed-mode .ebar-back,
body.canvas-embed-mode #cvSaveBtn,
body.canvas-embed-mode .ebar-overflow,
body.canvas-embed-mode #cvOverflowBtn,
body.canvas-embed-mode .collab-stack { display: none !important; }
body.canvas-embed-mode header.ebar { padding: 8px 12px !important; min-height: 44px !important; justify-content: flex-end !important; }
body.canvas-embed-mode .ebar-right { gap: 6px; }
body.canvas-embed-mode .editor-shell { display: flex !important; flex-direction: column !important; padding: 0 !important; margin: 0 !important; height: 100%; }
body.canvas-embed-mode #ecanvas { padding: 8px !important; margin: 0 !important; flex: 1; box-sizing: border-box; overflow: auto; }
body.canvas-embed-mode .cv-board { padding: 0 !important; }
.rail.collapsed,.sidebar.collapsed { width: 72px; min-width: 72px; padding: 12px 8px; }
.rail.collapsed .nav-item-label,.sidebar.collapsed .nav-item-label,
.rail.collapsed .nav-section-label,.sidebar.collapsed .nav-section-label,
.rail.collapsed .brand-text,.sidebar.collapsed .brand-text { display: none; }
.rail.collapsed .sidebar-header,.sidebar.collapsed .sidebar-header { justify-content: center; gap: 0; padding: 4px 0; position: relative; }
.rail.collapsed .brand-icon,.sidebar.collapsed .brand-icon { margin: 0; font-size: 1.05rem; }
.rail.collapsed .sidebar-toggle,.sidebar.collapsed .sidebar-toggle { position: absolute; right: -14px; top: 6px; width: 24px; height: 24px; border-radius: 50%; z-index: 10; box-shadow: 0 1px 4px rgba(0,0,0,.12); background: var(--card-solid,var(--card)); border: 1px solid var(--border); }
.rail.collapsed .sidebar-toggle svg,.sidebar.collapsed .sidebar-toggle svg { transform: rotate(180deg); }
.rail.collapsed .nav-btn,.sidebar.collapsed .nav-btn { justify-content: center; padding: 8px 0; gap: 0; border-radius: 8px; }
.rail.collapsed .nav-btn .nav-item-icon,.sidebar.collapsed .nav-btn .nav-item-icon { margin: 0; }
.rail.collapsed .nav-folder,.sidebar.collapsed .nav-folder { display: none; }
.rail.collapsed .sidebar-bottom,.sidebar.collapsed .sidebar-bottom { border-top: none; padding-top: 4px; margin-top: 2px; }
.rail.collapsed .sidebar-bottom .nav-btn,.sidebar.collapsed .sidebar-bottom .nav-btn { justify-content: center; padding: 8px 0; gap: 0; }

.rail.collapsed:hover,.sidebar.collapsed:hover {
  width: 240px; padding: 16px 10px;
  position: absolute; top: 0; left: 0; bottom: 0; height: 100%;
  z-index: 200; box-shadow: 4px 0 24px rgba(0,0,0,.18);
  background: var(--sidebar-bg);
}
.rail.collapsed:hover .nav-item-label,.sidebar.collapsed:hover .nav-item-label,
.rail.collapsed:hover .nav-section-label,.sidebar.collapsed:hover .nav-section-label,
.rail.collapsed:hover .brand-text,.sidebar.collapsed:hover .brand-text { display: block; }
.rail.collapsed:hover .sidebar-header,.sidebar.collapsed:hover .sidebar-header { justify-content: flex-start; gap: 10px; padding: 2px 6px; }
.rail.collapsed:hover .nav-btn,.sidebar.collapsed:hover .nav-btn { justify-content: flex-start; padding: 7px 10px; gap: 10px; }
.rail.collapsed:hover .nav-folder,.sidebar.collapsed:hover .nav-folder { display: block; }
.rail.collapsed:hover .sidebar-bottom,.sidebar.collapsed:hover .sidebar-bottom { border-top: 1px solid var(--border); padding-top: 8px; margin-top: 8px; }
.rail.collapsed:hover .sidebar-bottom .nav-btn,.sidebar.collapsed:hover .sidebar-bottom .nav-btn { justify-content: flex-start; padding: 7px 10px; gap: 10px; }
.rail.collapsed:hover .sidebar-toggle,.sidebar.collapsed:hover .sidebar-toggle { position: static; width: 26px; height: 26px; border-radius: 8px; box-shadow: none; }
.rail.collapsed:hover .sidebar-toggle svg,.sidebar.collapsed:hover .sidebar-toggle svg { transform: rotate(0deg); }

.sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 14px 4px 18px;
  margin-bottom: 20px;
}
.sidebar-brand { display: flex; align-items: center; gap: 10px; }
.brand-icon {
  display: inline-flex;
  align-items: baseline;
  font-family:var(--bh-body);
  font-weight: 900;
  font-size: 2rem;
  letter-spacing: -0.05em;
  line-height: 1;
  color: var(--text-1);
  text-transform: lowercase;
  flex-shrink: 0;
  padding: 0;
  text-decoration: none;
}
.brand-icon .dot {
  display: inline-block;
  width: 0.16em; height: 0.16em;
  border-radius: 50%;
  background: var(--accent);
  margin-left: 0.04em;
  vertical-align: baseline;
  transform: translateY(0);
}
.brand-icon img { width: 34px; height: 34px; border-radius: 10px; object-fit: contain; }
.brand-text { display: none; }

.sidebar-toggle {
  background: var(--surface,rgba(255,255,255,0.06)); border: 1px solid var(--border);
  color: var(--text-3); width: 28px; height: 28px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; font-size: 0.7rem; margin-left: auto;
  transition: all 0.15s;
}
.sidebar-toggle:hover { background: var(--scrollbar-thumb,rgba(255,255,255,0.12)); color: var(--text-1); }

.nav-section-label {
  font-size: 0.55rem; font-weight: 700; color: var(--text-3);
  padding: 2px 12px 4px; text-transform: uppercase; letter-spacing: 0.8px;
  margin-top: 10px;
}
.nav-section-label:first-child { margin-top: 2px; }

.rail .nav-btn,.sidebar .nav-btn {
  display: flex; align-items: center; gap: 10px;
  width: 100%; padding: 7px 10px;
  background: transparent; border: none;
  color: var(--text-2);
  font-family: var(--bh-body);
  font-size: 0.78rem; font-weight: 500;
  cursor: pointer; border-radius: 8px; margin-bottom: 1px;
  transition: background .15s, color .15s; text-align: left;
  position: relative;
}
.nav-item-icon { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--text-3); transition: color .15s; }
.nav-item-icon svg { width: 15px; height: 15px; }
.nav-item-icon i.ic { font-size: .95rem; background-color: currentColor; }
.rail .nav-btn:hover .nav-item-icon, .rail .nav-btn.active .nav-item-icon,
.sidebar .nav-btn:hover .nav-item-icon, .sidebar .nav-btn.active .nav-item-icon { color: var(--accent); }
.rail .nav-btn.active,.sidebar .nav-btn.active {
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  color: var(--accent);
  font-weight: 600;
}
.rail .nav-btn.active::before,.sidebar .nav-btn.active::before {
  content: "";
  position: absolute;
  left: -2px; top: 8px; bottom: 8px;
  width: 3px;
  background: var(--accent);
  border-radius: 0 2px 2px 0;
}
.rail .nav-btn:hover:not(.active),.sidebar .nav-btn:hover:not(.active) {
  background: var(--surface,rgba(255,255,255,0.06));
  color: var(--text-1);
}
.rail .nav-btn:focus-visible,.sidebar .nav-btn:focus-visible {
  outline: 1.5px solid color-mix(in srgb, var(--accent) 70%, transparent);
  outline-offset: 1px;
}

.nav-folder { margin-bottom: 2px; }
.nav-folder-toggle {
  display: flex; align-items: center; gap: 6px;
  width: 100%; padding: 6px 10px;
  background: transparent; border: none;
  color: var(--text-3);
  font-family: var(--bh-body);
  font-size: 0.62rem; font-weight: 700;
  cursor: pointer; border-radius: 6px;
  transition: color .15s; text-align: left;
  text-transform: uppercase; letter-spacing: 0.5px;
  position: relative;
}
.nav-folder.open > .nav-folder-toggle { color: var(--text-2); }
.nav-folder-toggle:hover { color: var(--text-1); }
.nav-folder-chevron {
  width: 12px; height: 12px; flex-shrink: 0; color: var(--text-3);
  transition: transform 0.2s ease;
}
.nav-folder.open .nav-folder-chevron { transform: rotate(90deg); color: var(--accent); }
.nav-folder-items {
  max-height: 0; overflow: hidden; opacity: 0;
  transition: max-height 0.25s ease, opacity 0.15s ease;
  margin-top: 1px; padding-left: 6px;
}
.nav-folder.open .nav-folder-items { max-height: 500px; opacity: 1; }
.nav-btn.nav-sub { padding: 7px 12px 7px 18px; font-size: 0.78rem; font-weight: 500; }
.nav-btn.nav-sub .nav-item-icon { width: 16px; height: 16px; }
.nav-btn.nav-sub .nav-item-icon svg { width: 14px; height: 14px; }
.nav-btn.nav-sub.active { font-weight: 600; }
.rail.collapsed .nav-folder-items,.sidebar.collapsed .nav-folder-items { display: none; }
.rail.collapsed .nav-folder-toggle .nav-item-label,
.rail.collapsed .nav-folder-chevron,
.sidebar.collapsed .nav-folder-toggle .nav-item-label,
.sidebar.collapsed .nav-folder-chevron { display: none; }

.rail .nav-btn .dot,.sidebar .nav-btn .dot { margin-left: auto; width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: 0 0 5px var(--red); flex-shrink: 0; }
.rail .nav-folder-toggle > .dot,.sidebar .nav-folder-toggle > .dot { position: absolute; top: 6px; right: 8px; margin-left: 0; }
.rail .nav-folder.open .nav-folder-toggle > .dot,.sidebar .nav-folder.open .nav-folder-toggle > .dot { display: none !important; }



.sidebar-backdrop-mobile{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:199;opacity:0;pointer-events:none;transition:opacity .2s}
.sidebar-backdrop-mobile.visible{opacity:1;pointer-events:auto}
.sidebar-mobile-trigger{display:none;position:fixed;top:12px;left:12px;z-index:150;width:38px;height:38px;border-radius:8px;background:var(--card-solid,var(--card));border:1px solid var(--border-2,var(--border));color:var(--text-1);align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.3)}
.sidebar-mobile-trigger:hover{background:var(--card-2)}
.sidebar-mobile-trigger .ic{font-size:1.1rem}
@media (max-width:768px){
  .shell{grid-template-columns:0 1fr !important}
  .rail,.sidebar{position:fixed;left:-260px;top:0;bottom:0;width:240px !important;min-width:240px !important;height:100vh;z-index:200;transition:left .25s ease;background:var(--sidebar-bg,rgba(16,22,38,0.95));box-shadow:4px 0 24px rgba(0,0,0,0.3)}
  .rail.mobile-open,.sidebar.mobile-open{left:0}
  .rail.collapsed:hover,.sidebar.collapsed:hover{position:fixed;left:-260px;width:240px !important;box-shadow:none}
  .rail.collapsed.mobile-open,.sidebar.collapsed.mobile-open{left:0;position:fixed;width:240px !important}
  .sidebar-mobile-trigger{display:flex}
  .rail.mobile-open .sidebar-toggle,.sidebar.mobile-open .sidebar-toggle{display:none}
  .home-hero{padding-left:60px}
  .ebar-left{margin-left:42px}
}

.stage{position:relative;overflow:hidden}
.screen{position:absolute;inset:0;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .2s}
.screen.active{opacity:1;pointer-events:auto}

.divider{width:1px;height:22px;background:var(--border-2)}
.btn{
  padding:8px 14px;border:1px solid var(--border-2);background:var(--card);color:var(--text-1);
  font-weight:600;font-size:var(--text-sm, .78rem);border-radius:8px;cursor:pointer;font-family:inherit;
  transition:all .15s;display:inline-flex;align-items:center;gap:6px;
}
.btn:hover{border-color:var(--border-3);background:var(--card-2);transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#000;box-shadow:0 4px 14px rgba(var(--accent-rgb),0.3)}
.btn.primary:hover{box-shadow:0 6px 20px rgba(var(--accent-rgb),0.45)}
.btn.ghost{background:transparent;border-color:transparent}
.btn.ghost:hover{background:var(--card);border-color:var(--border-2)}
.btn.lg{padding:10px 20px;font-size:.82rem}
.btn.xl{padding:14px 28px;font-size:.92rem;border-radius:12px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;background:var(--bh-chrome-fill);border:1px solid var(--border);border-radius:100px;font-size:.66rem;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .15s}
.chip:hover{border-color:var(--border-2);color:var(--text-1)}
.chip.active{background:rgba(var(--accent-rgb),0.1);border-color:rgba(var(--accent-rgb),0.3);color:var(--accent)}
.kbd{display:inline-flex;padding:2px 6px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:5px;font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.65rem;color:var(--text-1);font-weight:700}
html[data-theme="light"] .kbd{background:rgba(15,23,42,0.06);border-color:rgba(15,23,42,0.10);color:var(--text-2)}
.tag{font-size:.58rem;padding:2px 7px;border-radius:100px;font-weight:700;letter-spacing:.04em;display:inline-flex;align-items:center;gap:4px}
.tag.ok{background:rgba(var(--accent-rgb),0.12);color:var(--accent)}
.tag.warn{background:rgba(var(--tangerine-rgb),0.12);color:var(--amber)}
.tag.danger{background:rgba(var(--danger-rgb),0.14);color:var(--red)}
.tag.info{background:rgba(var(--kobolt-deep-rgb),0.12);color:var(--blue)}
.tag.purple{background:rgba(var(--kobolt-deep-rgb),0.12);color:var(--purple)}
.live-dot{display:none !important}
@keyframes blink{50%{opacity:.3}}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

@media print {
  html, body { background: #fff !important; color: #000 !important; }
  .rail, .topbar, .ebar, .ebar-ctx, .elib, .einsp, #statusDot, #portal-footer-nav, .save-pill,
  .multi-bar, .trash-zone, .lib-preview-popup, .kbd-overlay, .toast-container { display: none !important; }
  .w, .db-card { break-inside: avoid; box-shadow: none !important; border: 1px solid #ddd !important; }
  #cvBoard, .canvas-board { background: #fff !important; }
}

[data-tip]{position:relative}
[data-tip]:hover::after,[data-tip]:focus-visible::after{
  content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);
  background:var(--card-3);color:var(--text-1);padding:4px 10px;border-radius:6px;
  font-size:.64rem;font-weight:600;white-space:nowrap;border:1px solid var(--border-2);
  z-index:60;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,0.4);
}
.ebar [data-tip]:hover::after,.ebar [data-tip]:focus-visible::after,
.ebar-ctx [data-tip]:hover::after,.ebar-ctx [data-tip]:focus-visible::after{
  bottom:auto;top:calc(100% + 8px);
}
.ebar [data-tip]:hover::before,.ebar [data-tip]:focus-visible::before,
.ebar-ctx [data-tip]:hover::before,.ebar-ctx [data-tip]:focus-visible::before{
  content:'';position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);
  border:5px solid transparent;border-bottom-color:var(--border-2);
  z-index:60;pointer-events:none;
}

.page-head{padding:24px 32px 16px;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;position:sticky;top:0;background:rgba(7,9,13,0.8);backdrop-filter:blur(18px);z-index:5}
.page-head h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}
.page-head .sub{font-size:.78rem;color:var(--text-2);margin-top:4px}
.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.page-body{padding:24px 32px 80px}

.search-box{
  position:relative;display:inline-flex;align-items:center;
  background:var(--card);border:1px solid var(--border);border-radius:10px;
  padding:0 12px 0 38px;min-width:280px;height:38px;
}
.search-box::before{content:'';position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.55;width:14px;height:14px;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E")}
.search-box input{background:transparent;border:none;outline:none;color:var(--text-1);font-family:inherit;font-size:.78rem;width:100%}
.search-box .kbd{margin-left:10px}


.home-hero{
  padding:32px 32px 12px;
  background:
    radial-gradient(ellipse at 30% 0%,rgba(var(--accent-rgb),0.1),transparent 55%),
    radial-gradient(ellipse at 90% 50%,rgba(167,139,250,0.06),transparent 55%);
}
.greeting{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.greeting .highlight{background:linear-gradient(135deg,var(--accent),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.greet-sub{color:var(--text-2);font-size:.92rem;margin-top:8px;max-width:700px;line-height:1.5}

.smart-bar{
  margin-top:22px;max-width:720px;
  display:flex;align-items:center;gap:12px;
  padding:14px 18px;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),0.08),rgba(167,139,250,0.06));
  border:1px solid rgba(var(--accent-rgb),0.2);border-radius:14px;cursor:pointer;
  transition:all .2s;
}
.smart-bar:hover{border-color:rgba(var(--accent-rgb),0.4);transform:translateY(-1px);box-shadow:0 10px 30px rgba(var(--accent-rgb),0.12)}
.smart-bar .spark{font-size:1.4rem;background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sparkle 2s infinite}
@keyframes sparkle{50%{transform:scale(1.12)}}
.smart-bar .placeholder{flex:1;color:var(--text-2);font-size:.92rem}

.home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;max-width:860px}
.hs-card{padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px}
.hs-label{font-size:.6rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.hs-val{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}
.hs-sub{font-size:.65rem;color:var(--accent);margin-top:2px;font-weight:600}

.section-head{margin:36px 32px 14px;display:flex;align-items:center;justify-content:space-between}
.section-head h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-2);font-weight:700}
.section-head .see-all{font-size:.68rem;color:var(--text-3);cursor:pointer}
.section-head .see-all:hover{color:var(--accent)}
.section-head .db-search{display:flex;align-items:center;gap:7px;background:var(--card-solid,var(--card));border:1px solid var(--border);border-radius:8px;padding:5px 10px;min-width:200px;transition:border-color .15s ease}
.section-head .db-search:focus-within{border-color:var(--accent)}
.section-head .db-search .ic-search{font-size:.85rem;color:var(--text-3);flex:none}
.section-head .db-search input{flex:1 1 auto;min-width:0;background:transparent;border:0;outline:0;color:var(--text-1);font-size:.78rem;font-family:inherit}
.section-head .db-search input::placeholder{color:var(--text-3)}
.section-head .db-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
@media (max-width:640px){.section-head .db-search{min-width:0;flex:1 1 auto;margin-left:14px}}

.db-grid{padding:0 32px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.db-grid.pinned{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}

.db-card{
  background:var(--card);border:1px solid var(--border);border-radius:14px;
  overflow:hidden;cursor:pointer;transition:all .2s;position:relative;
}
.db-card:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,0.3)}
.db-card.live{border-color:color-mix(in srgb,var(--red) 30%,transparent)}
.db-card.is-sshow-selected{border-color:var(--accent,#0A84FF);box-shadow:0 0 0 2px var(--accent,#0A84FF),0 10px 26px rgba(0,0,0,.28)}
.db-card.is-sshow-selected::after{content:'\2713';position:absolute;top:8px;left:8px;z-index:3;width:22px;height:22px;border-radius:50%;background:var(--accent,#0A84FF);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.35)}
#sshowAdhocBar{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:9000;display:flex;flex-direction:column;gap:10px;width:min(460px,calc(100vw - 32px));padding:14px 16px;border-radius:16px;background:var(--card,#161b22);border:1px solid var(--border,#333);box-shadow:0 12px 40px rgba(0,0,0,.45);animation:ssabIn .18s ease}
@keyframes ssabIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
#sshowAdhocBar .ssab-head{display:flex;align-items:center;gap:10px}
#sshowAdhocBar .ssab-count{font-size:.82rem;font-weight:800;color:var(--text-1,#e8edf3);white-space:nowrap}
#sshowAdhocBar .ssab-all{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--text-3,#9aa4b2);white-space:nowrap}
#sshowAdhocBar .ssab-all input,#sshowAdhocBar .ssab-row .du input{width:58px;padding:5px 7px;border-radius:7px;border:1px solid var(--border,#333);background:var(--bg,#0e131a);color:var(--text-1,#e8edf3);font-family:inherit;font-size:.74rem;text-align:right}
#sshowAdhocBar .ssab-list{display:flex;flex-direction:column;gap:5px;max-height:230px;overflow-y:auto;padding-right:2px}
#sshowAdhocBar .ssab-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;background:var(--track,rgba(255,255,255,.04));border:1px solid var(--border,#333)}
#sshowAdhocBar .ssab-row .nm{flex:1;min-width:0;font-size:.78rem;font-weight:600;color:var(--text-1,#e8edf3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sshowAdhocBar .ssab-row .du{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;color:var(--text-3,#9aa4b2);white-space:nowrap}
#sshowAdhocBar .ssab-start{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:10px;border:none;background:var(--accent,#0A84FF);color:var(--on-accent-ink,#fff);font-weight:800;font-size:.82rem;cursor:pointer;font-family:inherit}
#sshowAdhocBar .ssab-start:hover{filter:brightness(1.08)}
#sshowAdhocBar .ssab-clear{width:28px;height:28px;flex:none;border-radius:8px;border:1px solid var(--border,#333);background:transparent;color:var(--text-2,#c8d0da);font-size:1.05rem;line-height:1;cursor:pointer}
#sshowAdhocBar .ssab-clear:hover{background:var(--track,rgba(255,255,255,.06))}
.db-card.live::before{content:'LIVE · TV';position:absolute;top:10px;right:10px;z-index:2;font-size:.55rem;font-weight:800;padding:3px 8px;background:var(--red);color:#fff;border-radius:100px;letter-spacing:.1em}
.db-card.shared::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--purple))}

.db-preview,.db-preview-mini{display:none}

body.canvas-fresh-mode #cvBoard .w:not([data-wtype]){display:none !important}

body.canvas-fresh-mode .canvas-empty-hint{display:block}
.canvas-empty-hint{display:none;margin:0 32px 24px;padding:22px 28px;border:1px dashed var(--border-2);border-radius:14px;background:linear-gradient(135deg,rgba(var(--accent-rgb),0.04),rgba(var(--accent-rgb),0.03));text-align:left}
.canvas-empty-hint h3{margin:0 0 8px;font-family:var(--font-brand);font-size:var(--font-size-lg, 1.05rem);font-weight:700;color:var(--text-1);letter-spacing:-.015em}
.canvas-empty-hint p{margin:0 0 10px;font-size:.82rem;color:var(--text-2);line-height:1.55;max-width:620px}
.canvas-empty-hint ol{margin:8px 0 0;padding-left:22px;font-size:.76rem;color:var(--text-2);line-height:1.7}
.canvas-empty-hint ol strong{color:var(--text-1)}
.canvas-empty-hint .kbd{display:inline-block;padding:1px 6px;background:var(--card-solid);border:1px solid var(--border);border-radius:4px;font-size:.68rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-1);margin:0 2px}

.db-info{padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.db-title{font-size:1rem;font-weight:800;letter-spacing:-.015em;color:var(--text-1);display:flex;align-items:center;gap:8px;line-height:1.25}
.db-title .ic{font-size:1.05rem;flex-shrink:0}
.db-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.db-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;background:var(--surface);border:1px solid var(--border);border-radius:100px;font-size:.64rem;font-weight:600;color:var(--text-2);letter-spacing:.01em;line-height:1.4}
.db-chip.accent{background:rgba(var(--accent-rgb),0.1);border-color:rgba(var(--accent-rgb),0.28);color:var(--accent)}
.db-chip.blue{background:rgba(59,158,255,0.1);border-color:rgba(59,158,255,0.28);color:var(--blue)}
.db-chip.purple{background:rgba(167,139,250,0.1);border-color:rgba(167,139,250,0.28);color:var(--purple)}
.db-chip.amber{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.3);color:var(--amber)}
.db-chip.red{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.3);color:var(--red)}
.db-chip.live{background:color-mix(in srgb,var(--red) 14%,transparent);border-color:color-mix(in srgb,var(--red) 40%,transparent);color:var(--red);font-weight:800;letter-spacing:.05em}
.db-chip.live::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 6px var(--red);animation:db-pulse 1.6s infinite}
@keyframes db-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.db-hero{display:flex;align-items:baseline;gap:8px;margin-top:6px;min-height:34px}
.db-hero-val{font-size:1.65rem;font-weight:900;letter-spacing:-.02em;line-height:1;color:var(--text-1);font-variant-numeric:tabular-nums}
.db-hero-val.accent{color:var(--accent)}
.db-hero-val.blue{color:var(--blue)}
.db-hero-val.amber{color:var(--amber)}
.db-hero-unit{font-size:.78rem;color:var(--text-3);font-weight:600}
.db-hero-empty{font-size:.72rem;color:var(--text-3);font-style:italic;margin-top:6px}
.db-meta{font-size:.68rem;color:var(--text-3);margin-top:2px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.db-collab{display:flex;margin-left:auto}
.avatar-xs{width:20px;height:20px;border-radius:50%;border:2px solid var(--card);display:grid;place-items:center;font-size:.55rem;font-weight:800;color:var(--on-accent-ink);margin-left:-6px}
.avatar-xs.a1{background:linear-gradient(135deg,var(--accent),#22d3ee)}
.avatar-xs.a2{background:linear-gradient(135deg,#a78bfa,#ec4899)}
.avatar-xs.a3{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.avatar-xs.a4{background:linear-gradient(135deg,#3b9eff,var(--accent))}

.db-grid.pinned .db-preview{aspect-ratio:2.2}

.new-card{
  border:2px dashed var(--border-2);background:transparent;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;padding:40px 20px;aspect-ratio:1.2;
}
.new-card:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),0.03)}
.new-card .plus{font-size:2.4rem;color:var(--accent)}
.new-card .tx{font-size:.82rem;font-weight:700}
.new-card .subtx{font-size:.65rem;color:var(--text-3)}

.home-layout{display:block}
.home-folders{padding:20px;border-right:1px solid var(--border);background:var(--bg-3)}
html[data-theme="light"] .home-folders{background:rgba(255,255,255,0.6)}
.folder-group-title{font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);font-weight:700;margin:16px 8px 6px}
.folder-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:7px;cursor:pointer;font-size:.74rem;color:var(--text-2)}
.folder-item:hover{background:var(--card);color:var(--text-1)}
.folder-item.active{background:var(--card);color:var(--text-1)}
.folder-item .count{margin-left:auto;font-size:.6rem;color:var(--text-3);background:rgba(255,255,255,0.04);padding:1px 6px;border-radius:10px}
.folder-item .ic{width:18px;text-align:center}
.folder-item.drop-target{outline:2px dashed var(--accent);outline-offset:-2px;background:rgba(var(--accent-rgb),0.08)}
.folder-item .folder-name-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-card.dragging-card{opacity:.4;cursor:grabbing}
.db-card.card-drop-target{outline:2px dashed var(--accent);outline-offset:-2px;transform:scale(1.02);box-shadow:0 12px 30px rgba(var(--accent-rgb),0.25)}
.db-card.card-drop-target::before{content:'+ Opret mappe';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:var(--accent);color:var(--on-accent-ink);font-weight:700;padding:10px 16px;border-radius:8px;font-size:.8rem;pointer-events:none}
.db-card.folder-drop-target{outline:2px dashed var(--accent);outline-offset:-2px;background:rgba(var(--accent-rgb),0.08)}
.db-card.folder-drop-target::before{content:'Tilføj til mappe';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:var(--accent);color:var(--on-accent-ink);font-weight:700;padding:8px 14px;border-radius:8px;font-size:.78rem;pointer-events:none}
.db-card.folder-card{background:linear-gradient(135deg,rgba(255,255,255,0.04),rgba(255,255,255,0.01));border-color:var(--border-2);--uf-col:var(--accent)}
.db-card.folder-card::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;background:var(--uf-col);opacity:.9}
.db-card.folder-card:hover{border-color:var(--uf-col);transform:translateY(-2px)}
.db-card.folder-back-card{background:rgba(255,255,255,0.02);border-style:dashed}
.db-card.folder-back-card.folder-drop-target::before{content:'Flyt et niveau op'}

.folder-card-menu{position:absolute;top:8px;right:8px;z-index:3;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:.45;background:rgba(0,0,0,0.55);border:1px solid var(--border-2);color:var(--text-1);cursor:pointer;transition:opacity .12s,border-color .12s}
.folder-card:hover .folder-card-menu{opacity:1}
.folder-card-menu:hover{border-color:var(--uf-col,var(--accent))}
.uf-rename-input{font:inherit;font-weight:600;color:var(--text-1);background:var(--surface-2,rgba(255,255,255,.06));border:1px solid var(--accent);border-radius:6px;padding:1px 6px;min-width:0;width:calc(100% - 26px)}
.uf-bc-drop{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px;background:rgba(var(--accent-rgb),0.14)}

.uf-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 32px 0}
.uf-bc{display:flex;align-items:center;gap:8px;font-size:.8rem;min-width:0;flex-wrap:wrap}
.uf-bc-seg{display:inline-flex;align-items:center;gap:5px;color:var(--text-2);text-decoration:none;padding:3px 8px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}
.uf-bc-seg:hover{background:rgba(var(--accent-rgb),0.1);color:var(--text-1)}
.uf-bc-seg.is-current{color:var(--text-1);font-weight:650}
.uf-bc-sep{opacity:.4;font-size:.85em}
.uf-tb-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.uf-tb-actions button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-2);color:var(--text-2);padding:5px 11px;border-radius:8px;cursor:pointer;font:inherit;font-size:.76rem;transition:border-color .12s,color .12s,background .12s}
.uf-tb-actions button:hover{border-color:var(--accent);color:var(--text-1)}
.uf-tb-new{color:var(--text-1)!important;font-weight:600}
.uf-tb-plus{font-size:.7em;margin-left:-3px}
.uf-tb-div{width:1px;height:20px;background:var(--border-2);margin:0 2px}
.uf-tb-color,.uf-tb-rename,.uf-tb-delete{width:32px;justify-content:center;padding:5px!important}
.uf-tb-delete:hover{border-color:var(--red)!important;color:var(--red)!important}

.uf-pop{position:fixed;z-index:9999;background:var(--card-solid,#1b1b1f);border:1px solid var(--border,#333);border-radius:12px;box-shadow:0 14px 44px rgba(0,0,0,0.5);padding:6px;font-size:.82rem;min-width:210px;max-height:70vh;overflow:auto}
.uf-pop-head{padding:6px 10px 4px;color:var(--text-3);font-size:.66rem;text-transform:uppercase;letter-spacing:.06em}
.uf-menu-item,.uf-move-item,.uf-move-new{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;background:transparent;color:var(--text-1);padding:8px 10px;border-radius:7px;cursor:pointer;font:inherit}
.uf-menu-item:hover,.uf-move-item:hover,.uf-move-new:hover{background:rgba(var(--accent-rgb),0.12)}
.uf-menu-item.is-danger{color:var(--red)}
.uf-menu-item .ic,.uf-move-item .ic{opacity:.85;flex:none}
.uf-menu-item>span,.uf-move-item>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uf-menu-item .ic-check,.uf-move-item .ic-check{flex:none;opacity:.7}
.uf-menu-gap{width:16px;flex:none}
.uf-menu-sep{height:1px;background:var(--border,#333);margin:6px 4px}
.uf-move-new{color:var(--accent)}

.uf-swatches{display:flex;flex-wrap:wrap;gap:7px;padding:6px 10px 12px}
.uf-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;position:relative}
.uf-swatch.is-sel{border-color:var(--text-1);box-shadow:0 0 0 2px var(--card-solid)}
.uf-swatch-none{background:var(--surface-2,rgba(255,255,255,.08));display:flex;align-items:center;justify-content:center;color:var(--text-3)}
.uf-icons{display:flex;flex-wrap:wrap;gap:6px;padding:6px 10px 10px;max-width:260px}
.uf-icon{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-2);background:transparent;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center}
.uf-icon:hover{border-color:var(--accent);color:var(--text-1)}
.uf-icon.is-sel{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),0.12)}

.db-card-dup{
  position:absolute;top:8px;right:8px;z-index:3;
  width:30px;height:30px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  opacity:.45;
  background:rgba(0,0,0,0.55);border:1px solid var(--border-2);
  color:var(--text-1);cursor:pointer;backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  padding:0;transition:background .15s,color .15s,transform .15s,opacity .15s;
}
html[data-theme="light"] .db-card-dup{background:rgba(255,255,255,0.85);color:var(--text-1)}
.db-card:hover > .db-card-dup,.db-card-dup:focus-visible,.db-card:focus-within > .db-card-dup{opacity:1}
.db-card-dup:hover{background:var(--accent);color:var(--on-accent-ink);transform:scale(1.06)}
.db-card-dup:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.db-card-dup .ic{font-size:.85rem}
.db-card.live > .db-card-dup{right:78px}

.db-card-menu{
  position:absolute;top:8px;right:44px;z-index:3;
  width:30px;height:30px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  opacity:.45;
  background:rgba(0,0,0,0.55);border:1px solid var(--border-2);
  color:var(--text-1);cursor:pointer;backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  padding:0;transition:background .15s,color .15s,transform .15s,opacity .15s;
}
html[data-theme="light"] .db-card-menu{background:rgba(255,255,255,0.85);color:var(--text-1)}
.db-card:hover > .db-card-menu,.db-card-menu:focus-visible,.db-card:focus-within > .db-card-menu{opacity:1}
.db-card-menu:hover{background:var(--accent);color:var(--on-accent-ink);transform:scale(1.06)}
.db-card-menu:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.db-card-menu .ic{font-size:.85rem}
.db-card.live > .db-card-menu{right:114px}
.uf-move-item:hover,.uf-move-new:hover{background:var(--card,#2a2a30)}


.create-wrap{max-width:1200px;margin:0 auto;padding:48px 40px}
.create-title{font-size:2.6rem;font-weight:900;letter-spacing:-.03em;text-align:center;line-height:1.1}
.create-title .highlight{background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.create-sub{text-align:center;color:var(--text-2);font-size:1rem;margin-top:12px}

.create-hero{
  margin:36px auto 0;max-width:760px;
  padding:22px 24px;border-radius:18px;
  background:linear-gradient(135deg,rgba(167,139,250,0.1),rgba(var(--accent-rgb),0.06));
  border:1px solid rgba(167,139,250,0.25);
  position:relative;overflow:hidden;
}
.create-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(167,139,250,0.15),transparent 60%);pointer-events:none}
.create-hero-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;position:relative}
.create-hero-spark{font-size:1.6rem}
.create-hero-title{font-size:.92rem;font-weight:700;letter-spacing:-.01em}
.create-hero-model{margin-left:auto;font-size:.6rem;color:var(--text-3);background:rgba(255,255,255,0.04);padding:4px 9px;border-radius:6px;font-weight:600;border:1px solid var(--border)}

.create-hero-input{
  width:100%;min-height:64px;background:rgba(7,9,13,0.5);
  border:1px solid var(--border-2);border-radius:12px;
  padding:14px 16px;color:var(--text-1);font-family:inherit;font-size:.98rem;font-weight:500;
  resize:vertical;outline:none;
}
.create-hero-input:focus{border-color:var(--purple)}
.create-hero-input::placeholder{color:var(--text-3)}
html[data-theme="light"] .create-hero-input{background:rgba(255,255,255,0.6);border-color:var(--border)}
.create-hero-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;flex-wrap:wrap;gap:10px}
.create-examples{display:flex;gap:6px;flex-wrap:wrap}

.create-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.path-card{
  background:var(--card);border:1px solid var(--border);border-radius:16px;
  padding:24px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;
}
.path-card:hover{border-color:var(--border-2);transform:translateY(-3px);box-shadow:0 20px 40px rgba(0,0,0,0.35)}
.path-card .glow{position:absolute;inset:-40% -40% auto auto;width:180px;height:180px;border-radius:50%;filter:blur(60px);opacity:.3;transition:opacity .3s;pointer-events:none}
.path-card:hover .glow{opacity:.6}
.path-card .icon{font-size:2rem;margin-bottom:12px}
.path-card h3{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.path-card p{font-size:.78rem;color:var(--text-2);line-height:1.5;margin-bottom:14px}
.path-card .badge{position:absolute;top:14px;right:14px;font-size:.55rem;font-weight:800;padding:3px 8px;border-radius:100px;letter-spacing:.1em}

.path-card.describe .glow{background:var(--accent)}
.path-card.describe .badge{background:var(--accent);color:#000}
.path-card.tpl .glow{background:var(--blue)}
.path-card.tpl .badge{background:var(--blue);color:#000}
.path-card.blank .glow{background:var(--purple)}

.path-perks{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:6px}
.path-perks li{font-size:.7rem;color:var(--text-3);display:flex;align-items:center;gap:8px}
.path-perks li::before{
  content:'';
  display:inline-block;
  width:.8em;height:.8em;
  background-color:var(--accent);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  -webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");mask-size:contain;
  flex-shrink:0;
}

.inspiration-row{margin-top:44px}
.inspiration-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);font-weight:700;margin-bottom:14px}
.inspiration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.insp-item{
  padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:11px;
  cursor:pointer;transition:all .2s;display:flex;align-items:flex-start;gap:10px;
}
.insp-item:hover{border-color:var(--accent);transform:translateY(-1px)}
.insp-item .ic{font-size:1.2rem;flex-shrink:0}
.insp-item .tx{font-size:.74rem;line-height:1.4;color:var(--text-2)}
.insp-item .tx strong{color:var(--text-1)}



.editor-shell{display:grid;grid-template-rows:52px 36px 1fr 28px;grid-template-columns:1fr;grid-template-areas:"ebar" "ectx" "ecanvas" "estat";height:100%}
.editor-shell .elib{display:none}
.editor-shell.show-elib{grid-template-columns:240px 1fr;grid-template-areas:"ebar ebar" "ectx ectx" "elib ecanvas" "estat estat"}
.editor-shell.show-elib .elib{display:block}
.w.w-just-added{animation:wJustAdded 1.6s cubic-bezier(.2,.8,.3,1) both}
@keyframes wJustAdded{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),.6),0 0 0 0 rgba(var(--accent-rgb),.3);outline:2px solid rgba(var(--accent-rgb),.8)}60%{box-shadow:0 0 0 18px rgba(var(--accent-rgb),0),0 12px 32px rgba(var(--accent-rgb),.2);outline:2px solid rgba(var(--accent-rgb),.3)}100%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0);outline:2px solid transparent}}

:root{--ebar-gap:8px;--ebar-h:52px;--ectx-h:36px}
.ebar{
  grid-area:ebar;
  display:flex;align-items:center;gap:0;
  padding:0 12px;
  height:var(--ebar-h);
  background:rgba(7,9,13,0.82);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  border-bottom:1px solid var(--border);
  position:relative;z-index:20;
  overflow-x:clip;overflow-y:visible;
  min-width:0
}
.ebar-left{display:flex;align-items:center;gap:var(--ebar-gap);flex-shrink:0;min-width:0;flex:1}
.ebar-center{display:flex;align-items:center;gap:var(--ebar-gap);flex-shrink:0;justify-content:center;padding:0 12px}
.ebar-right{display:flex;align-items:center;gap:var(--ebar-gap);flex-shrink:0;flex:1;justify-content:flex-end}

.ebar-div{width:1px;height:20px;background:var(--border-2);flex-shrink:0;margin:0 2px}

.ebar-back{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-3);cursor:pointer;border-radius:8px;transition:all .15s;flex-shrink:0}
.ebar-back:hover{background:var(--card);color:var(--text-1)}
.ebar-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.dash-name-box{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid transparent;border-radius:8px;cursor:text;transition:all .15s;max-width:380px;min-width:0}
.dash-name-box:hover{border-color:var(--border-2);background:var(--card)}
.dash-name-box .n{font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dash-name-box .v{display:none}
.dash-name-box .dot-sep{
  width:1px;height:14px;background:var(--border-2);
  flex-shrink:0;font-size:0;color:transparent;user-select:none;
  margin:0 2px
}

.save-pill{
  display:inline-flex;align-items:center;gap:5px;
  font-size:.64rem;color:var(--text-3);
  white-space:nowrap;
  transition:color .3s;
  flex-shrink:0
}
.save-pill .d{
  width:6px;height:6px;border-radius:50%;
  background:var(--accent);box-shadow:0 0 6px var(--accent);
  flex-shrink:0;transition:background .3s,box-shadow .3s
}
.save-pill.saving .d{background:var(--amber);box-shadow:0 0 6px var(--amber);animation:savePulse 1s ease-in-out infinite}
.save-pill.error .d{background:var(--red);box-shadow:0 0 6px var(--red)}
.save-pill.warn .d{background:var(--amber,#f59e0b);box-shadow:0 0 6px var(--amber,#f59e0b)}
@keyframes savePulse{0%,100%{opacity:1}50%{opacity:.4}}

.mode-switch{display:flex;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:3px;flex-shrink:0}
.mode-btn{padding:6px 14px;border:none;background:transparent;color:var(--text-3);font-size:.7rem;font-weight:600;border-radius:7px;cursor:pointer;font-family:inherit;transition:all .15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.mode-btn:hover{color:var(--text-1);background:rgba(255,255,255,0.04)}
html[data-theme="light"] .mode-btn:hover{background:rgba(15,23,42,0.04)}
.mode-btn.active{background:var(--card-3);color:var(--text-1);box-shadow:0 2px 8px rgba(0,0,0,0.3)}
.mode-btn.active .mi{color:var(--accent)}

.cmd-btn{padding:6px 9px;gap:5px;transition:background .15s,color .15s,border-color .15s}
.cmd-btn:hover{color:var(--accent)}
.cmd-btn .kbd{font-size:.55rem;letter-spacing:.04em;padding:1px 5px}

.ebar-overflow{position:relative;display:inline-flex}
.ebar-overflow-btn{padding:6px 9px}
.ebar-overflow-menu{
  position:absolute;top:calc(100% + 6px);right:0;
  min-width:220px;
  background:var(--card-3);border:1px solid var(--border-2);border-radius:10px;
  padding:5px;box-shadow:0 10px 32px rgba(0,0,0,0.55);
  z-index:30;
  display:flex;flex-direction:column;gap:1px
}
.ebar-overflow-menu[hidden]{display:none}
.ebar-overflow-menu button{
  display:flex;align-items:center;gap:9px;
  padding:8px 10px;border:none;background:transparent;
  color:var(--text-1);font-family:inherit;font-size:.72rem;font-weight:500;
  border-radius:6px;cursor:pointer;text-align:left;width:100%;
  transition:background .12s
}
.ebar-overflow-menu button:hover,
.ebar-overflow-menu button:focus-visible{background:rgba(255,255,255,0.06);outline:none}
.ebar-overflow-menu button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ebar-overflow-menu button.danger{color:var(--red)}
.ebar-overflow-menu button.danger:hover,
.ebar-overflow-menu button.danger:focus-visible{background:rgba(239,68,68,0.12)}
.ebar-overflow-menu button.is-active{background:rgba(var(--accent-rgb),0.15);color:var(--blue)}
html[data-theme="light"] .ebar-overflow-menu button:hover,
html[data-theme="light"] .ebar-overflow-menu button:focus-visible{background:rgba(15,23,42,0.06)}
.ebar-overflow-menu .ovf-lbl{flex:1}
.ebar-overflow-menu .ovf-kbd{
  font-size:.55rem;color:var(--text-3);
  padding:2px 6px;background:rgba(255,255,255,0.06);
  border:1px solid var(--border);border-radius:4px;font-weight:600
}
.ovf-sep{height:1px;background:var(--border);margin:4px 6px}

.ebar-ctx{
  grid-area:ectx;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 14px;height:var(--ectx-h);
  background:rgba(13,17,25,0.55);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
  position:relative;z-index:19;
  overflow:visible
}
.ebar-ctx-left,.ebar-ctx-right{display:flex;align-items:center;gap:8px;min-width:0}
html[data-theme="light"] .ebar-ctx{background:rgba(255,255,255,0.65);border-color:rgba(15,23,42,0.08)}

.vp-group{
  display:flex;align-items:center;gap:2px;
  background:var(--card);border:1px solid var(--border);
  border-radius:9px;padding:2px;flex-shrink:0;
  position:relative;height:30px;box-sizing:border-box
}
.vp-btn{
  position:relative;
  display:inline-flex;flex-direction:row;align-items:center;gap:4px;
  padding:0 8px;height:100%;border:none;background:transparent;
  color:var(--text-3);cursor:pointer;border-radius:7px;
  font-size:.86rem;transition:color .18s,background .18s;
  min-width:0
}
.vp-btn .vp-lbl{font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .18s,max-width .18s;line-height:1}
.vp-btn:hover{color:var(--text-2)}
.vp-btn:hover .vp-lbl{opacity:.6;max-width:64px}
.vp-btn.active{background:var(--card-3);color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,0.25)}
.vp-btn.active .vp-lbl{opacity:1;max-width:64px}
.vp-btn.active i.ic{transform:scale(1.12);transition:transform .18s}

.loc-picker-group{
  display:inline-flex;align-items:stretch;
  background:var(--card);border:1px solid var(--border);border-radius:8px;
  height:30px;overflow:hidden;
  transition:border-color .15s,box-shadow .15s
}
.loc-picker-group:hover{border-color:var(--border-2)}
.loc-picker-group:focus-within{border-color:var(--accent)}
.loc-picker-group.global-armed{
  border-color:rgba(var(--accent-rgb),0.55);
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),0.22), 0 0 14px rgba(var(--accent-rgb),0.16)
}
html[data-theme="light"] .loc-picker-group.global-armed{border-color:rgba(var(--accent-rgb),0.6)}

.loc-picker{
  display:inline-flex;align-items:center;gap:7px;padding:0 12px;
  background:transparent;border:none;border-right:1px solid var(--border);
  border-radius:0;height:100%;
  font-size:.72rem;color:var(--text-2);
  transition:background .12s
}
.loc-picker-group .loc-picker:last-child{border-right:none}
.loc-picker:hover{background:color-mix(in srgb, var(--text-1) 5%, transparent)}
html[data-theme="light"] .loc-picker:hover{background:rgba(15,23,42,0.04)}

.loc-picker.is-active{
  background:color-mix(in srgb, var(--accent) 10%, transparent)
}
.loc-picker.is-active:hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}
.loc-picker.is-active .loc-ic{color:var(--accent)}
.loc-picker.is-active select{color:var(--accent);font-weight:700}
.loc-picker .loc-ic{font-size:.82rem;color:var(--text-3);flex-shrink:0}
.loc-picker select{
  background:transparent;border:none;color:var(--text-1);
  font-family:inherit;font-size:.72rem;font-weight:600;
  outline:none;cursor:pointer;padding:2px 18px 2px 2px;max-width:170px;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%2393a4ba'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 2px center;background-size:12px
}
.loc-picker select:focus{color:var(--accent)}
html[data-theme="light"] .loc-picker select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")
}

.loc-picker.emp-picker{position:relative}
.emp-picker-trigger{
  background:transparent;border:none;color:var(--text-1);
  font-family:inherit;font-size:.72rem;font-weight:600;
  outline:none;cursor:pointer;padding:2px 4px 2px 2px;max-width:170px;
  display:inline-flex;align-items:center;gap:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.emp-picker-trigger:focus{color:var(--accent)}
.emp-picker-trigger > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.loc-picker.emp-picker.is-active .emp-picker-trigger{color:var(--accent);font-weight:700}
.emp-picker-pop{
  position:fixed;z-index:1500;min-width:280px;max-width:360px;
  background:var(--card-solid,var(--card));border:1px solid var(--border-2);
  border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,0.5);
  padding:8px;display:flex;flex-direction:column;gap:6px;
  animation:empPickerIn .12s ease-out
}
@keyframes empPickerIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.emp-picker-search{
  background:rgba(255,255,255,0.04);border:1px solid var(--border);
  border-radius:8px;padding:7px 10px;color:var(--text-1);
  font-family:inherit;font-size:.78rem;outline:none;width:100%;
}
.emp-picker-search:focus{border-color:var(--accent);background:rgba(255,255,255,0.06)}
html[data-theme="light"] .emp-picker-search{background:rgba(15,23,42,0.04)}
html[data-theme="light"] .emp-picker-search:focus{background:rgba(15,23,42,0.06)}
.emp-picker-list{
  display:flex;flex-direction:column;gap:1px;max-height:340px;overflow-y:auto;
  padding-right:2px;
}
.emp-picker-list::-webkit-scrollbar{width:6px}
.emp-picker-list::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}
.emp-picker-item{
  display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;
  cursor:pointer;background:transparent;border:none;color:var(--text-1);
  font-family:inherit;font-size:.76rem;font-weight:500;text-align:left;
  transition:background .1s
}
.emp-picker-item:hover,.emp-picker-item:focus{background:rgba(255,255,255,0.06);outline:none}
html[data-theme="light"] .emp-picker-item:hover,
html[data-theme="light"] .emp-picker-item:focus{background:rgba(15,23,42,0.06)}
.emp-picker-item.is-active{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);font-weight:700}
.emp-picker-item.is-active:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}
.emp-picker-avatar{
  width:24px;height:24px;border-radius:50%;flex-shrink:0;
  display:grid;place-items:center;font-size:.6rem;font-weight:700;
  background:linear-gradient(135deg, var(--accent), var(--blue, #3b9eff));
  color:#000;text-transform:uppercase;letter-spacing:.02em;
  overflow:hidden;
}
.emp-picker-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.emp-picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emp-picker-meta{font-size:.62rem;color:var(--text-3);font-weight:500;flex-shrink:0}
.emp-picker-empty{
  padding:18px 12px;text-align:center;color:var(--text-3);
  font-size:.72rem;font-style:italic
}
.emp-picker-sep{
  font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;
  color:var(--text-3);font-weight:700;padding:8px 8px 4px;
}

.loc-picker.shiftwin-picker{position:relative}
.loc-picker.shiftwin-picker.is-active .emp-picker-trigger{color:var(--accent);font-weight:700}
.shiftwin-pop{min-width:0;width:248px;gap:10px}
.shiftwin-row{display:flex;gap:8px}
.shiftwin-lbl{
  flex:1;display:flex;flex-direction:column;gap:3px;
  font-size:.6rem;color:var(--text-3);font-weight:700;
  text-transform:uppercase;letter-spacing:.04em
}
.shiftwin-input{
  background:rgba(255,255,255,0.04);border:1px solid var(--border);
  border-radius:8px;padding:6px 8px;color:var(--text-1);
  font-family:inherit;font-size:.8rem;outline:none;color-scheme:dark;
}
html[data-theme="light"] .shiftwin-input{background:rgba(15,23,42,0.04);color-scheme:light}
.shiftwin-input:focus{border-color:var(--accent)}
.shiftwin-presets{display:flex;gap:6px}
.shiftwin-preset{
  flex:1;background:transparent;border:1px solid var(--border);border-radius:7px;
  padding:5px 6px;color:var(--text-2);font-family:inherit;font-size:.7rem;
  font-weight:600;cursor:pointer;transition:border-color .1s,color .1s,background .1s
}
.shiftwin-preset:hover{
  border-color:var(--accent);color:var(--accent);
  background:color-mix(in srgb, var(--accent) 8%, transparent)
}
.shiftwin-actions{display:flex;gap:6px;justify-content:flex-end}
.shiftwin-clear,.shiftwin-apply{
  border-radius:7px;padding:6px 14px;font-family:inherit;font-size:.74rem;
  font-weight:700;cursor:pointer;border:1px solid var(--border)
}
.shiftwin-clear{background:transparent;color:var(--text-2)}
.shiftwin-clear:hover{border-color:var(--text-3);color:var(--text-1)}
.shiftwin-apply{background:var(--accent);color:var(--text-on-accent,#fff);border-color:var(--accent)}
.shiftwin-apply:hover{filter:brightness(1.08)}
.cv-global-toggle{
  display:inline-flex;align-items:center;gap:6px;
  height:30px;padding:0 10px;
  background:rgba(255,255,255,0.04);border:1px solid var(--border);
  color:var(--text-3);
  border-radius:8px;cursor:pointer;flex-shrink:0;
  font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  transition:background .15s,border-color .15s,color .15s
}
.cv-global-toggle:hover{background:rgba(255,255,255,0.07);color:var(--text-1);border-color:var(--border-2)}
.cv-global-toggle__dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--text-3);
  box-shadow:0 0 0 0 transparent;
  transition:background .15s,box-shadow .15s
}
.cv-global-toggle.is-active{
  background:var(--accent);
  border-color:var(--accent);
  color:#06281c;
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),0.35), 0 3px 12px rgba(var(--accent-rgb),0.40)
}
.cv-global-toggle.is-active:hover{background:var(--accent);filter:brightness(1.08)}
.cv-global-toggle.is-active .cv-global-toggle__dot{
  background:#06281c;
  box-shadow:none
}
html[data-theme="light"] .cv-global-toggle{background:rgba(15,23,42,0.04)}
html[data-theme="light"] .cv-global-toggle:hover{background:rgba(15,23,42,0.07)}
html[data-theme="light"] .cv-global-toggle.is-active{background:var(--accent)}

.collab-stack{display:flex;align-items:center;flex-shrink:0}


#addWidgetBtn{flex:0 0 auto;white-space:nowrap;cursor:pointer}

@media (max-width:1280px){
  .ebar-add-lbl{display:none}
  #cvSaveBtn span:not(.kbd){display:none}
  .cmd-btn .kbd{display:none}
}

@media (max-width:1100px){
  .mode-btn .mode-lbl{display:none}
  .dash-name-box{max-width:240px}
}

@media (max-width:900px){
  .ebar-left .collab-stack{display:none}
  .dash-name-box .dot-sep{display:none}
  .save-pill span:last-child{display:none}
  .vp-btn .vp-lbl{display:none}
}

@media (max-width:700px){
  .ebar-ctx{display:none}
  .editor-shell{grid-template-rows:52px 1fr 28px;grid-template-areas:"ebar" "ecanvas" "estat"}
  .editor-shell.show-elib{grid-template-areas:"ebar ebar" "elib ecanvas" "estat estat"}
  .dash-name-box{max-width:140px}
}
.av{width:26px;height:26px;border-radius:50%;border:2px solid var(--bg);display:grid;place-items:center;font-size:.6rem;font-weight:800;color:#000;margin-left:-6px;position:relative}
.av.c1{background:linear-gradient(135deg,var(--accent),#22d3ee)}
.av.c2{background:linear-gradient(135deg,#a78bfa,#ec4899)}
.av.c3{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.av.me{background:linear-gradient(135deg,#3b9eff,var(--accent));border-color:var(--accent)}
.av.online::after{content:'';position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}
.av.online[data-tip]:hover::after,
.av.online[data-tip]:focus-visible::after,
.av[data-tip]:hover::after,
.av[data-tip]:focus-visible::after{
  content:'' !important;
  bottom:-1px !important;right:-1px !important;left:auto !important;
  top:auto !important;
  width:8px !important;height:8px !important;
  transform:none !important;
  padding:0 !important;
  box-shadow:none !important;
  background:var(--accent) !important;
  border:2px solid var(--bg) !important;
}
.av[data-tip]:hover::before,
.av[data-tip]:focus-visible::before{
  content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);
  background:var(--card-3);color:var(--text-1);padding:4px 10px;border-radius:6px;
  font-size:.64rem;font-weight:600;white-space:nowrap;border:1px solid var(--border-2);
  z-index:60;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,0.4);
}

.elib{grid-area:elib;position:relative;background:var(--bh-glass-2);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-right:1px solid var(--bh-edge);box-shadow:var(--bh-spec);overflow-y:auto;overflow-x:hidden;padding:10px 8px}
.elib::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 30%);opacity:.35;mix-blend-mode:overlay}
html[data-theme="dark"] .elib::after{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 32%);opacity:.4}
.elib>*{position:relative;z-index:1}
.lib-search{width:100%;padding:7px 12px;background:rgba(255,255,255,.55) !important;border:1px solid var(--bh-edge) !important;border-radius:var(--bh-r-tile) !important;color:var(--bh-ink) !important;font-family:inherit;font-size:.72rem;margin-bottom:10px;outline:none}
html[data-theme="dark"] .lib-search{background:rgba(255,255,255,.06) !important}
.lib-search:focus{border-color:var(--bh-blue) !important}
.lib-section-title{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--bh-ink-2);font-weight:700;padding:8px 6px 2px;display:flex;align-items:center;justify-content:space-between}
.lib-section-title .count{font-size:.58rem;color:var(--bh-ink-3);background:rgba(255,255,255,.06);border:1px solid var(--bh-edge);padding:1px 6px;border-radius:var(--bh-r-pill)}
html[data-theme="dark"] .lib-section-title .count{background:rgba(255,255,255,.04)}
.lib-section-desc{font-size:.6rem;color:var(--bh-ink-3);padding:0 6px 6px;line-height:1.35;font-weight:400;text-transform:none;letter-spacing:0;opacity:.85}
@keyframes wAddedPulse{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0.55);outline:2px solid rgba(var(--accent-rgb),0.7)}70%{box-shadow:0 0 0 14px rgba(var(--accent-rgb),0);outline:2px solid rgba(var(--accent-rgb),0.2)}100%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0);outline:2px solid transparent}}
.w.just-added{animation:wAddedPulse 1.2s ease-out 1;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.w.just-added{animation:none}}
.lib-items{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px}
.lib-item{padding:9px 6px;cursor:grab;transition:border-color .15s,transform .15s,box-shadow .15s,background .15s;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;position:relative;overflow:hidden;min-width:0}
.lib-item::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 32%);opacity:.3;mix-blend-mode:overlay}
html[data-theme="dark"] .lib-item::after{opacity:.22}
.lib-item>*{position:relative;z-index:1}
.lib-item:hover{border-color:color-mix(in srgb,var(--bh-blue) 45%,transparent);transform:translateY(-2px);background:rgba(255,255,255,.7);box-shadow:var(--bh-spec),0 6px 16px -8px rgba(16,24,48,.3)}
html[data-theme="dark"] .lib-item:hover{background:rgba(255,255,255,.1)}
.lib-item:active{cursor:grabbing}
.lib-item .ic{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--bh-blue) 22%,transparent),color-mix(in srgb,var(--bh-blue-2) 12%,transparent));color:var(--accent-ink);display:grid;place-items:center;font-size:.92rem;transition:transform .2s}
.lib-item:hover .ic{transform:scale(1.08)}
.lib-item .lb{font-size:.6rem;font-weight:600;color:var(--bh-ink-2);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lib-item.smart{border-color:color-mix(in srgb,var(--purple) 40%,transparent)}
.lib-preview-popup{position:fixed;z-index:999;pointer-events:none;opacity:0;transform:translateX(-8px);transition:opacity .15s,transform .15s;width:320px;background:var(--bh-glass-2);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--bh-edge);border-radius:var(--bh-r-block);box-shadow:var(--bh-rim),var(--bh-spec),var(--bh-shadow-ink);padding:12px}
.lib-preview-popup.show{opacity:1;transform:translateX(0)}
.lib-preview-popup .lpp-title{font-size:.56rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-ink);font-weight:800;margin-bottom:8px;display:flex;align-items:center;gap:5px}
.lib-preview-popup .lpp-widget{background:rgba(255,255,255,.5);border:1px solid var(--bh-edge);border-radius:var(--bh-r-tile);padding:10px;min-height:100px;display:flex;flex-direction:column;overflow:hidden}
html[data-theme="dark"] .lib-preview-popup .lpp-widget{background:rgba(255,255,255,.05)}
.lib-preview-popup .lpp-widget .w-head{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-bottom:6px}
.lib-preview-popup .lpp-widget .w-title{font-size:.64rem;font-weight:600;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lib-preview-popup .lpp-widget .bignum{font-size:1.6rem;font-weight:900;letter-spacing:-.02em}
.lib-preview-popup .lpp-widget .chart-wrap{height:80px;position:relative}
.lib-preview-popup .lpp-meta{font-size:.58rem;color:var(--text-3);margin-top:8px;display:flex;justify-content:space-between;align-items:center}
.lib-preview-popup .lpp-meta kbd{background:rgba(var(--accent-rgb),.12);color:var(--accent);padding:1px 6px;border-radius:4px;font-family:inherit;font-size:.55rem;font-weight:700}
.lib-item.smart::before{content:'';position:absolute;top:3px;right:4px;width:9px;height:9px;background:var(--purple);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z'/%3E%3C/svg%3E")}

.lib-item .li-pin{position:absolute;top:2px;left:2px;width:18px;height:18px;padding:0;border:none;border-radius:5px;background:rgba(0,0,0,0.4);color:rgba(255,255,255,0.55);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,color .15s,background .15s,transform .15s;z-index:3}
html[data-theme="light"] .lib-item .li-pin{background:rgba(0,0,0,0.06);color:var(--text-3)}
.lib-item:hover .li-pin,.lib-item .li-pin:focus-visible{opacity:1}
.lib-item .li-pin.is-pinned{opacity:1;color:#f59e0b;background:rgba(245,158,11,0.15)}
.lib-item .li-pin:hover{transform:scale(1.1);color:#f59e0b;background:rgba(245,158,11,0.22)}
.lib-item .li-pin .ic{width:11px;height:11px}
.lib-item.is-pinned-item{border-color:rgba(245,158,11,0.5);box-shadow:inset 0 0 0 1px rgba(245,158,11,0.15)}
html[data-theme="light"] .lib-item.is-pinned-item{box-shadow:inset 0 0 0 1px rgba(245,158,11,0.2)}

.ecanvas{grid-area:ecanvas;overflow:auto;padding:18px 24px 28px;background:radial-gradient(ellipse at center top,rgba(var(--accent-rgb),0.03),transparent 50%);position:relative;min-width:0}
.cv-board{width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-w-gap,10px);grid-auto-rows:70px;position:relative;min-width:0}
.cv-board.vp-tv{
  max-width:min(100%,1600px);
  aspect-ratio:16/9;
  margin:16px auto;
  padding:18px;
  background:#000;
  border-radius:16px;
  box-shadow:0 0 0 2px rgba(var(--accent-rgb),0.25),0 20px 60px rgba(0,0,0,0.5);
  overflow:hidden;
  position:relative;
  grid-auto-rows:1fr !important;
  align-content:stretch !important;
}
.cv-board.vp-tv::after{
  content:"TV-visning · 16:9";
  position:absolute;top:8px;right:16px;z-index:10;
  font-size:.62rem;font-weight:800;color:rgba(var(--accent-rgb),0.7);
  text-transform:uppercase;letter-spacing:.08em;pointer-events:none;
  background:rgba(0,0,0,0.5);padding:4px 10px;border-radius:6px;
}
.cv-board.vp-mobile{max-width:380px;grid-template-columns:repeat(4,1fr);border:8px solid #111;border-radius:32px;padding:14px 10px;background:#050709;box-shadow:0 20px 60px rgba(0,0,0,0.6);margin:20px auto}
@media (max-width: 480px) {
  .cv-board.vp-mobile, .cv-board { padding: 8px 6px; }
  .cv-board .w canvas { padding: 4px !important; }
}

.w{grid-column:var(--col-start,auto) / span var(--w,3);grid-row:var(--row-start,auto) / span var(--h,2);background:var(--card);border:1px solid var(--border);border-radius:var(--r-w,16px);padding:var(--space-w-pad,clamp(6px,2.2cqi,14px));position:relative;overflow:hidden;transition:all .2s;display:flex;flex-direction:column;cursor:pointer;min-width:0;animation:wIn .35s cubic-bezier(.2,.8,.2,1);contain:layout style paint;container-type:inline-size}
@keyframes wIn{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.w:hover{border-color:var(--border-2)}
.w.sel{
  border-color:var(--accent);
  box-shadow:
    0 0 0 2px var(--bg, var(--card-solid)),
    0 0 0 4px var(--accent),
    0 0 18px rgba(var(--accent-rgb),.35),
    0 12px 28px rgba(var(--accent-rgb),.18);
  z-index:5;
}
.w.sel::before{
  content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;
  border:1.5px dashed rgba(var(--accent-rgb),.6);
  border-radius:calc(var(--r-w,16px) + 2px);
  pointer-events:none;
  animation:wSelDash 18s linear infinite;
}
@keyframes wSelDash{to{background-position:200px 0}}
@media (prefers-reduced-motion: reduce){.w.sel::before{animation:none}}
.w:focus{outline:none}
.w:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-w,16px)}

.screen[data-screen="editor"] #cvBoard .w{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}
.screen[data-screen="editor"] #cvBoard .w.dragging{cursor:grabbing;opacity:.85;outline:2px dashed var(--accent);z-index:10;transition:none;box-shadow:0 16px 36px rgba(0,0,0,0.5);will-change:transform}
.screen[data-screen="editor"] #cvBoard .w.multi-sel.dragging{will-change:transform}
.screen[data-screen="editor"] #cvBoard .w.resizing{outline:2px solid var(--blue);outline-offset:2px;transition:none;z-index:9}
.cv-drop-preview{grid-column:var(--col-start,1) / span var(--w,3);grid-row:var(--row-start,1) / span var(--h,2);background:rgba(var(--accent-rgb),0.08);border:2px dashed var(--accent);border-radius:14px;pointer-events:none;animation:dropPulse 1.2s ease-in-out infinite}
@keyframes dropPulse{0%,100%{background:rgba(var(--accent-rgb),0.06)}50%{background:rgba(var(--accent-rgb),0.14)}}

.canvas-trash-zone{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(140%);display:flex;align-items:center;gap:12px;padding:14px 28px;background:rgba(var(--danger-rgb),0.14);border:2px dashed var(--red);border-radius:16px;color:var(--red);font-size:.78rem;font-weight:700;letter-spacing:.02em;z-index:1100;pointer-events:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .15s,border-style .15s;backdrop-filter:blur(12px)}
.canvas-trash-zone.visible{transform:translateX(-50%) translateY(0)}
.canvas-trash-zone.armed{background:rgba(239,68,68,0.4);border-style:solid;color:#fff;transform:translateX(-50%) translateY(0) scale(1.1)}
.canvas-trash-zone .ic{font-size:1.4rem}

.screen[data-screen="editor"] #cvBoard .w{--w-scale:1}
.screen[data-screen="editor"] #cvBoard .w .w-title{font-size:calc(.64rem * var(--w-scale) * var(--w-font-scale, 1))}
.screen[data-screen="editor"] #cvBoard .w .w-meta{font-size:calc(.58rem * var(--w-scale) * var(--w-font-scale, 1))}
.screen[data-screen="editor"] #cvBoard .w .bignum{font-size:clamp(1.8rem, calc(3.4rem * var(--w-scale) * var(--w-font-scale, 1)), 9rem);line-height:1;letter-spacing:-.02em}
#ecanvas .w[style*="--w-font-scale"] .w-title, .cv-board .w[style*="--w-font-scale"] .w-title{font-size:calc(.64rem * var(--w-font-scale, 1))}
#ecanvas .w[style*="--w-font-scale"] .w-meta, .cv-board .w[style*="--w-font-scale"] .w-meta{font-size:calc(.58rem * var(--w-font-scale, 1))}
#ecanvas .w[style*="--w-font-scale"] .bignum, .cv-board .w[style*="--w-font-scale"] .bignum{font-size:clamp(1.4rem, calc(3.4rem * var(--w-font-scale, 1)), 9rem)}
.screen[data-screen="editor"] #cvBoard .w[data-num-size="s"]  .bignum{font-size: calc(1.4rem * var(--w-font-scale, 1)) !important}
.screen[data-screen="editor"] #cvBoard .w[data-num-size="m"]  .bignum{font-size: calc(2.2rem * var(--w-font-scale, 1)) !important}
.screen[data-screen="editor"] #cvBoard .w[data-num-size="l"]  .bignum{font-size: calc(3.2rem * var(--w-font-scale, 1)) !important}
.screen[data-screen="editor"] #cvBoard .w[data-num-size="xl"] .bignum{font-size: calc(4.4rem * var(--w-font-scale, 1)) !important}
.screen[data-screen="editor"] #cvBoard .w[data-num-align="top"]    .w-body-stat{justify-content:flex-start;padding-top:8px}
.screen[data-screen="editor"] #cvBoard .w[data-num-align="center"] .w-body-stat{justify-content:center}
.screen[data-screen="editor"] #cvBoard .w[data-num-align="bottom"] .w-body-stat{justify-content:flex-end;padding-bottom:12px}
.screen[data-screen="editor"] #cvBoard .w[data-color="green"] {--accent:var(--bh-blue,#0A84FF);--accent-2:var(--bh-blue-2,#5C6FFF);--accent-glow:rgba(var(--accent-rgb,10 132 255),0.5)}
.screen[data-screen="editor"] #cvBoard .w[data-color="blue"]  {--accent:#3b9eff;--accent-2:#1d7fdc;--accent-glow:rgba(59,158,255,0.5)}
.screen[data-screen="editor"] #cvBoard .w[data-color="amber"] {--accent:#f59e0b;--accent-2:#c47d05;--accent-glow:rgba(245,158,11,0.5)}
.screen[data-screen="editor"] #cvBoard .w[data-color="pink"]  {--accent:#ec4899;--accent-2:#be2d75;--accent-glow:rgba(236,72,153,0.5)}
.screen[data-screen="editor"] #cvBoard .w[data-color="purple"]{--accent:#a78bfa;--accent-2:#7c5dd6;--accent-glow:rgba(167,139,250,0.5)}
.screen[data-screen="editor"] #cvBoard .w[data-color="red"]   {--accent:#ef4444;--accent-2:#c93030;--accent-glow:rgba(239,68,68,0.5)}
.screen[data-screen="editor"] #cvBoard .w .bignum.accent{color:var(--accent)}
.screen[data-screen="editor"] #cvBoard .w .w-body-stat{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;width:100%}
.screen[data-screen="editor"] #cvBoard .w .trend{font-size:calc(.66rem * var(--w-scale))}
.screen[data-screen="editor"] #cvBoard .w .trendlbl{font-size:calc(.62rem * var(--w-scale))}
.screen[data-screen="editor"] #cvBoard .w .live-dot{font-size:calc(.55rem * var(--w-scale))}
.screen[data-screen="editor"] #cvBoard .w .tag{font-size:calc(.58rem * var(--w-scale))}
.screen[data-screen="editor"] #cvBoard .w .lb-row{font-size:calc(.7rem * var(--w-scale) * var(--w-font-scale, 1));padding:calc(4px * var(--w-scale) * var(--w-row-pad-mult, 1)) calc(8px * var(--w-scale));gap:calc(8px * var(--w-scale) * var(--w-row-gap-mult, 1))}
.screen[data-screen="editor"] #cvBoard .w .lb-row .lb-rank{font-size:calc(.7rem * var(--w-scale) * var(--w-font-scale, 1))}
.screen[data-screen="editor"] #cvBoard .w .kriger{gap:calc(10px * var(--w-scale) * var(--w-row-gap-mult, 1))}
.screen[data-screen="editor"] #cvBoard .w .kriger-p{width:calc(44px * var(--w-scale) * var(--w-avatar-scale, 1));height:calc(44px * var(--w-scale) * var(--w-avatar-scale, 1));font-size:calc(1.3rem * var(--w-scale) * var(--w-avatar-scale, 1))}
.screen[data-screen="editor"] #cvBoard .w .kriger-name{font-size:calc(.78rem * var(--w-scale) * var(--w-font-scale, 1))}
.screen[data-screen="editor"] #cvBoard .w .kriger-stat{font-size:calc(.62rem * var(--w-scale) * var(--w-font-scale, 1))}
.screen[data-screen="editor"] #cvBoard .w .kriger-quote{font-size:calc(.62rem * var(--w-scale) * var(--w-font-scale, 1))}
.screen[data-screen="editor"] #cvBoard .w .stream-item{font-size:calc(.66rem * var(--w-scale) * var(--w-font-scale, 1));padding:calc(4px * var(--w-scale) * var(--w-row-pad-mult, 1)) calc(8px * var(--w-scale))}
.screen[data-screen="editor"] #cvBoard .w .stream-item .time{font-size:calc(.58rem * var(--w-scale) * var(--w-font-scale, 1))}
.w-resize{position:absolute;right:0;bottom:0;width:22px;height:22px;cursor:nwse-resize;opacity:0;transition:opacity .15s;background:linear-gradient(135deg,transparent 45%,rgba(var(--accent-rgb),0.65) 47%,rgba(var(--accent-rgb),0.85) 100%);border-bottom-right-radius:16px;z-index:6}
.screen[data-screen="editor"] #cvBoard .w .w-resize{opacity:.45}
.screen[data-screen="editor"] #cvBoard .w:hover .w-resize,.screen[data-screen="editor"] #cvBoard .w.sel .w-resize{opacity:.85}
.w-resize:hover{opacity:1 !important}
.cv-board.dragging-active{user-select:none}
.cv-board .resize-hud{position:fixed;background:var(--accent);color:#000;padding:4px 9px;border-radius:6px;font-size:.62rem;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums;pointer-events:none;z-index:100;box-shadow:0 6px 20px rgba(0,0,0,0.4);transform:translate(-50%,-130%)}

.cv-align-guide{position:absolute;pointer-events:none;z-index:50;background:rgba(var(--accent-rgb),0.55);transition:none}
.cv-align-guide.h{height:1px;left:0;right:0}
.cv-align-guide.v{width:1px;top:0;bottom:0}
.cv-spacing-label{position:fixed;pointer-events:none;z-index:60;background:rgba(var(--accent-rgb),0.92);color:#fff;font-size:.56rem;font-weight:800;letter-spacing:.04em;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums;transform:translate(-50%,-50%);white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.35)}
.cv-select-rect{position:absolute;pointer-events:none;z-index:40;border:1.5px solid rgba(var(--accent-rgb),0.8);background:rgba(var(--accent-rgb),0.08);border-radius:3px}
.w.multi-sel{outline:2px solid rgba(var(--accent-rgb),0.75);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--accent-rgb),0.12),0 6px 18px rgba(0,0,0,0.35)}
.w.in-group{outline:2px solid rgba(var(--tangerine-rgb),0.6);outline-offset:2px}
.w.in-group::after{content:attr(data-group-id);position:absolute;top:4px;left:6px;font-size:.46rem;text-transform:uppercase;letter-spacing:.1em;color:var(--tangerine);font-weight:800;pointer-events:none;opacity:.75}
.w.in-group--master::after,
.w.in-group--slave::after{
  position:absolute;top:6px;left:6px;
  opacity:0;transform:scale(.85);transform-origin:top left;
  transition:opacity .15s ease,transform .15s ease;
  pointer-events:none;z-index:4;
}
.w.in-group--master::after{
  content:'MASTER';
  font-size:.56rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  color:#fff;
  background:rgba(167,139,250,1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M5 18h14v2H5v-2zm0-2l-2-9 4.5 3L12 4l4.5 6L21 7l-2 9H5z'/%3E%3C/svg%3E") no-repeat 5px center;
  background-size:11px 11px;
  padding:3px 9px 3px 20px;
  border-radius:999px;
  box-shadow:0 2px 8px rgba(167,139,250,0.45);
}
.w.in-group--slave::after{
  content:'';
  width:18px;height:18px;
  background:rgba(167,139,250,0.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z'/%3E%3C/svg%3E") no-repeat center;
  background-size:11px 11px;
  border-radius:50%;
  box-shadow:0 1px 4px rgba(0,0,0,0.3);
}
.w.in-group--master.in-group--hovered::after,
.w.in-group--master.sel::after,
.w.in-group--master.multi-sel::after{opacity:1;transform:scale(1)}
.w.in-group--slave.in-group--hovered::after,
.w.in-group--slave.sel::after,
.w.in-group--slave.multi-sel::after{opacity:.9;transform:scale(1)}
.w.in-group--master .w-title{
  letter-spacing:-.005em;
  transition:color .15s,font-size .15s,font-weight .15s;
}
.w.in-group--master.in-group--hovered .w-title,
.w.in-group--master.sel .w-title,
.w.in-group--master.multi-sel .w-title{
  font-weight:900;
  color:var(--purple,#a78bfa);
  font-size:1.15em;
}
.w.in-group[data-group-title-style="large"] .w-head{justify-content:center;padding-bottom:clamp(2px,.8cqi,5px)}
.w.in-group[data-group-title-style="large"] .w-title{
  font-size:clamp(.62rem,2.4cqi,.88rem);
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-align:center;
  visibility:visible;
  color:var(--text-1);
}
.w.in-group[data-group-title-style="large"] .w-head .w-title{visibility:visible}
.w.in-group--slave .w-title,
.w.in-group--slave .w-head .w-title{visibility:hidden}
.w.in-group--slave[data-group-show-slave-titles="1"] .w-title,
.w.in-group--slave[data-group-show-slave-titles="1"] .w-head .w-title{visibility:visible}
.w.in-group--slave:not([data-group-show-slave-titles="1"]) .w-head{opacity:.4}
.w.in-group:not(.in-group--top-left):not(.in-group--bottom-left){border-top-left-radius:0;border-bottom-left-radius:0}
.w.in-group:not(.in-group--top-right):not(.in-group--bottom-right){border-top-right-radius:0;border-bottom-right-radius:0}
.w.in-group--top-left:not(.in-group--bottom-left){border-bottom-left-radius:0}
.w.in-group--top-right:not(.in-group--bottom-right){border-bottom-right-radius:0}
.w.in-group--bottom-left:not(.in-group--top-left){border-top-left-radius:0}
.w.in-group--bottom-right:not(.in-group--top-right){border-top-right-radius:0}
.w.in-group--hovered{outline-color:rgba(167,139,250,1);outline-width:3px;box-shadow:0 0 0 5px rgba(167,139,250,0.18),0 8px 28px rgba(167,139,250,0.25);transition:outline-color .12s,box-shadow .12s}
.w.in-group--master.in-group--hovered{outline-color:rgba(196,168,255,1)}
.w.in-group[data-group-theme]{outline-color:rgba(167,139,250,0.30)}
.w.in-group[data-group-theme]::after{display:none}
.w.in-group--master[data-group-theme]{outline-color:rgba(167,139,250,0.50)}
body.canvas-fullscreen .w.in-group[data-group-theme]{outline:none;outline-offset:0}
.w.in-group[data-group-theme="glas"]{
  position:relative;
  background:rgba(20,24,36,0.55);
  border-color:rgba(255,255,255,0.08);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
}
@supports not (backdrop-filter: blur(1px)){
  .w.in-group[data-group-theme="glas"]{background:rgba(12,16,24,0.92)}
}
.w.in-group[data-group-theme="glas"]:not(.in-group--edge-right)::before{
  content:'';
  position:absolute;
  top:0;
  right:calc(-1 * var(--space-w-gap, 10px));
  width:calc(var(--space-w-gap, 10px) + 1px);
  height:100%;
  background:rgba(20,24,36,0.55);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  pointer-events:none;
  z-index:0;
}
.w.in-group[data-group-theme="glas"]:not(.in-group--edge-bottom)::after{
  content:'';
  display:block;
  position:absolute;
  left:0;
  bottom:calc(-1 * var(--space-w-gap, 10px));
  width:100%;
  height:calc(var(--space-w-gap, 10px) + 1px);
  background:rgba(20,24,36,0.55);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  pointer-events:none;
  z-index:0;
  opacity:1;
}
.w.in-group[data-group-theme="glas"]:not(.in-group--edge-right):not(.in-group--edge-bottom)::after{
  width:calc(100% + var(--space-w-gap, 10px));
}
.w.in-group[data-group-theme="solid"]{
  position:relative;
  background:rgba(10,14,22,0.96);
  border-color:rgba(255,255,255,0.05);
}
.w.in-group[data-group-theme="solid"]:not(.in-group--edge-right)::before{
  content:'';
  position:absolute;
  top:0;
  right:calc(-1 * var(--space-w-gap, 10px));
  width:calc(var(--space-w-gap, 10px) + 1px);
  height:100%;
  background:rgba(10,14,22,0.96);
  pointer-events:none;
  z-index:0;
}
.w.in-group[data-group-theme="solid"]:not(.in-group--edge-bottom)::after{
  content:'';
  display:block;
  position:absolute;
  left:0;
  bottom:calc(-1 * var(--space-w-gap, 10px));
  width:100%;
  height:calc(var(--space-w-gap, 10px) + 1px);
  background:rgba(10,14,22,0.96);
  pointer-events:none;
  z-index:0;
  opacity:1;
}
.w.in-group[data-group-theme="solid"]:not(.in-group--edge-right):not(.in-group--edge-bottom)::after{
  width:calc(100% + var(--space-w-gap, 10px));
}
.w.in-group[data-group-theme="minimal"]{
  background:transparent;
  border-color:transparent;
}
.w.in-group--master[data-group-theme="minimal"]{
  box-shadow:0 0 0 1px rgba(255,255,255,0.08);
}
.cv-board.outline-mode .w{background:transparent !important;border-color:rgba(var(--accent-rgb),0.4) !important;box-shadow:none !important}
.cv-board.outline-mode .w > *:not(.w-head):not(.w-resize):not(.w-fit-handle){opacity:.08}
.cv-board.outline-mode .w .w-head{opacity:1}
.cv-board.outline-mode .w .w-title{font-size:.68rem !important;color:var(--blue) !important;opacity:1 !important}
.cv-board.outline-mode .w.sel,.cv-board.outline-mode .w.multi-sel{border-color:var(--blue) !important;background:rgba(var(--accent-rgb),0.06) !important}
#cvOutlineToggle.active{background:rgba(var(--accent-rgb),0.15);color:var(--blue)}
.w-fit-handle{position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:32px;height:6px;border-radius:0 0 6px 6px;background:rgba(var(--accent-rgb),0.35);cursor:s-resize;opacity:0;transition:opacity .15s;z-index:6;display:flex;align-items:center;justify-content:center}
.w-fit-handle::after{content:'';width:16px;height:2px;background:rgba(var(--accent-rgb),0.7);border-radius:2px}
.screen[data-screen=\"editor\"] #cvBoard .w:hover .w-fit-handle,.screen[data-screen=\"editor\"] #cvBoard .w.sel .w-fit-handle{opacity:.7}
.w-fit-handle:hover{opacity:1 !important;background:rgba(var(--accent-rgb),0.6)}
#cvMultiBar{position:fixed;bottom:72px;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:6px;z-index:65;background:var(--card-3);border:1px solid var(--border-2);border-radius:10px;padding:6px 10px;box-shadow:0 10px 30px rgba(0,0,0,0.5);backdrop-filter:blur(14px);font-size:.72rem;color:var(--text-2);white-space:nowrap}
#cvMultiBar.show{display:flex}
#cvMultiBar .ms-count{font-weight:800;color:var(--blue)}
.cv-empty-new{grid-column:span 12;grid-row:span 6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:28px;position:relative;overflow:hidden}
.cv-empty-new::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(var(--accent-rgb),0.06),transparent 55%),radial-gradient(ellipse at 80% 70%,rgba(var(--accent-rgb),0.05),transparent 50%);pointer-events:none;animation:emptyBgShift 8s ease-in-out infinite alternate}
@keyframes emptyBgShift{0%{opacity:.5}50%{opacity:1}100%{opacity:.6}}
.cv-empty-new .es-icon{font-size:2.8rem;filter:drop-shadow(0 0 20px rgba(var(--accent-rgb),0.35));animation:esFloat 3.6s ease-in-out infinite}
@keyframes esFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.cv-empty-new .es-title{font-size:1.05rem;font-weight:800;color:var(--text-1);letter-spacing:-.01em}
.cv-empty-new .es-sub{font-size:.78rem;color:var(--text-3);max-width:420px;text-align:center;line-height:1.55}
.cv-empty-new .es-templates{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px}
.cv-tpl-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:var(--card-2);border:1px solid var(--border-2);border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);min-width:160px;max-width:200px;text-align:left;position:relative;overflow:hidden}
.cv-tpl-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 12px 30px rgba(var(--accent-rgb),0.15)}
.cv-tpl-card:active{transform:translateY(-1px)}
.cv-tpl-card .tpl-icon{font-size:1.6rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.3))}
.cv-tpl-card .tpl-name{font-size:.76rem;font-weight:800;color:var(--text-1)}
.cv-tpl-card .tpl-desc{font-size:.65rem;color:var(--text-3);line-height:1.4}
.cv-tpl-card .tpl-badge{position:absolute;top:8px;right:8px;font-size:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:100px;background:rgba(var(--accent-rgb),0.15);color:var(--accent)}
.cv-empty-new .es-divider{font-size:.64rem;color:var(--text-3);display:flex;align-items:center;gap:10px;width:100%;max-width:480px}
.cv-empty-new .es-divider::before,.cv-empty-new .es-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.cv-empty-new .es-actions{display:flex;gap:8px;align-items:center}
@keyframes snapPulse{0%{outline-color:rgba(var(--accent-rgb),0.9)}100%{outline-color:transparent}}
.w.snap-feedback{animation:snapPulse .22s ease-out forwards}
#remoteCursors .rc-cursor{position:absolute;pointer-events:none;z-index:31}
#remoteCursors .rc-cursor .rc-name{position:absolute;left:18px;top:2px;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:100px;color:#fff;white-space:nowrap;pointer-events:none}

.elib .lib-item{touch-action:none}
.lib-drag-ghost{position:fixed;pointer-events:none;background:var(--card-2);border:1px solid var(--border-2);border-radius:10px;padding:8px 14px;display:flex;align-items:center;gap:10px;font-size:.7rem;color:var(--text-2);box-shadow:0 10px 28px rgba(0,0,0,0.45);z-index:1000;transform:translate(-50%,-50%);opacity:.95}
.lib-drag-ghost .ic{font-size:1.1rem;color:var(--accent)}
.cv-board.lib-dragging{outline:2px dashed rgba(var(--accent-rgb),0.35);outline-offset:-4px;border-radius:14px}
.cv-board.lib-drop-active{outline-color:var(--accent);background:linear-gradient(rgba(var(--accent-rgb),0.05),rgba(var(--accent-rgb),0.05))}
.cv-board.lib-dragging #cvBoardEmpty{pointer-events:none;opacity:.55}

.w-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(3px,1.2cqi,8px);gap:clamp(4px,1.6cqi,10px);min-width:0}
.w-filter-chip{
  flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;
  gap:clamp(2px,1cqi,5px);
  padding:clamp(1px,.6cqi,3px) clamp(4px,1.6cqi,8px);
  border-radius:999px;background:rgba(255,255,255,.07);
  color:var(--text-3);font-size:clamp(.5rem,2.4cqi,.66rem);
  font-weight:600;line-height:1.2;letter-spacing:.01em;
  border:1px solid rgba(255,255,255,.06);overflow:hidden;
}
.w-filter-chip .ic{flex-shrink:0;width:clamp(8px,2.8cqi,12px);height:clamp(8px,2.8cqi,12px);opacity:.8}
.w-filter-chip-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
html[data-theme="light"] .w-filter-chip{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.06)}
.ttx-export-btn{
  flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
  width:clamp(16px,5.5cqi,24px);height:clamp(16px,5.5cqi,24px);
  padding:0;border:none;border-radius:6px;background:transparent;
  color:var(--text-3);cursor:pointer;opacity:.55;transition:opacity .15s,background .15s,color .15s;
}
.ttx-export-btn:hover,.ttx-export-btn:focus-visible{opacity:1;background:rgba(255,255,255,.08);color:var(--accent)}
.ttx-export-btn .ic{width:clamp(11px,3.6cqi,15px);height:clamp(11px,3.6cqi,15px)}
.w-title{
  font-size: calc(clamp(.5rem,2cqi,.74rem) * var(--w-font-scale, 1));
  color:var(--text-3);
  font-weight: calc(600 * var(--w-weight-mult, 1));
  text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;
}
.w-meta{
  display:flex;align-items:center;gap:6px;
  font-size: calc(.58rem * var(--w-font-scale, 1));
  color:var(--text-3);flex-shrink:0;
}

.bignum{
  font-size: calc(2.2rem * var(--w-font-scale, 1));
  font-weight: calc(800 * var(--w-weight-mult, 1));
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.05;
}
.cw-spark{width:100%;height:24px;margin-top:4px;color:var(--accent);overflow:visible}
[data-theme="light"] .cw-spark{color:var(--accent-deep, var(--kobolt-deep))}
.cw-spark .spark-line{transition:d .3s ease-out}
.bignum.accent{background:linear-gradient(135deg,var(--accent),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bignum.red{background:linear-gradient(135deg,var(--red),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bignum.amber{background:linear-gradient(135deg,var(--amber),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bignum.nc-zone-good{background:linear-gradient(135deg,var(--success),color-mix(in srgb,var(--success) 60%,#fff 40%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bignum.nc-zone-mid,.bignum.nc-zone-bad{background:linear-gradient(135deg,var(--amber),var(--tangerine-deep,#f97316));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bignum.nc-zone-critical{background:linear-gradient(135deg,var(--red),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.trendrow{display:flex;align-items:center;gap:8px;margin-top:3px;flex-wrap:wrap}
.trend{display:inline-flex;align-items:center;gap:3px;font-size:.66rem;font-weight:700}
.trend.up{color:var(--accent)}
.trend.down{color:var(--red)}
.trend.flat{color:var(--text-3)}
.trendlbl{font-size:.62rem;color:var(--text-3)}

.chart-wrap{position:relative;width:100%;min-width:0;flex:1;overflow:hidden;min-height:60px}
.chart-wrap canvas{max-width:100%!important;max-height:100%!important;display:block!important}
.spark-wrap{position:relative;width:100%;height:36px;overflow:hidden;margin-top:6px;min-width:0}
.spark-wrap canvas{max-width:100%!important;max-height:100%!important;display:block!important}
.w:not([data-wtype]) .gauge-wrap{position:relative;width:100%;height:80px;overflow:hidden;min-width:0}
.w:not([data-wtype]) .gauge-wrap canvas{max-width:100%!important;max-height:100%!important;display:block!important}

.pace-wrap{position:relative;width:100%;height:100%;display:flex;flex-direction:column;min-height:0;min-width:0;padding:clamp(8px,3cqi,16px) clamp(12px,4cqi,20px);container-type:inline-size;gap:clamp(4px,1.5cqi,8px)}
.pace-wrap .pace-headline{font-size: calc(clamp(.85rem,5cqi,1.45rem) * var(--w-font-scale, 1));font-weight: calc(700 * var(--w-weight-mult, 1));letter-spacing:-.02em;line-height:1.15;color:var(--text-2);font-variant-numeric:tabular-nums;flex-shrink:0}
.pace-wrap .pace-headline .pace-headline-val{font-weight:900;color:var(--text-1);text-shadow:0 0 18px color-mix(in srgb, currentColor 28%, transparent)}
.pace-wrap .pace-headline .pace-headline-goal{color:var(--text-3);font-weight:600;font-size:.8em}
.pace-wrap .pace-headline .pace-headline-range{color:var(--text-3);font-weight:500;font-size:.6em;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}
.pace-wrap .pace-trend-icon{display:inline-block;font-size:.7em;font-weight:700;margin:0 2px;vertical-align:2px;letter-spacing:0}
.pace-wrap .pace-trend-icon.pace-trend-up{color:var(--accent)}
.pace-wrap .pace-trend-icon.pace-trend-down{color:var(--red)}
.pace-wrap .pace-trend-icon.pace-trend-flat{color:var(--text-3)}
.pace-wrap .pace-spark{width:100%;height:100%;display:block;overflow:visible}

.pace-wrap .pace-chart{display:grid;grid-template-columns:32px 1fr;grid-template-rows:1fr 16px;column-gap:4px;flex:1;min-height:80px;width:100%}
.pace-wrap .pace-yaxis{position:relative;grid-row:1;grid-column:1}
.pace-wrap .pace-yaxis-label{position:absolute;right:2px;transform:translateY(-50%);font-size:clamp(.5rem,2cqi,.65rem);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}
.pace-wrap .pace-chart .pace-spark{grid-row:1;grid-column:2}
.pace-wrap .pace-xaxis{position:relative;grid-row:2;grid-column:2;font-size:clamp(.55rem,2.1cqi,.7rem);color:var(--text-2);font-variant-numeric:tabular-nums;font-weight:500}
.pace-wrap .pace-xaxis-label{position:absolute;transform:translateX(-50%);top:2px;white-space:nowrap;line-height:1}
.pace-wrap .pace-xaxis-label:first-child{transform:translateX(0)}
.pace-wrap .pace-xaxis-label:last-child{transform:translateX(-100%)}
@container (max-width: 420px) {
  .pace-wrap .pace-xaxis-label:nth-child(even){display:none}
}
@container (max-width: 280px) {
  .pace-wrap .pace-xaxis-label{display:none}
  .pace-wrap .pace-xaxis-label:nth-child(4n+1){display:block}
}
@container (max-width: 180px) {
  .pace-wrap .pace-xaxis-label{display:none}
  .pace-wrap .pace-xaxis-label:nth-child(8n+1){display:block}
  .pace-wrap .pace-xaxis-label:last-child{display:block}
}

.pace-wrap .pace-actual{
  stroke-dasharray:1000;
  stroke-dashoffset:0;
  animation:pace-draw 900ms cubic-bezier(.4,.0,.2,1) both;
}
@keyframes pace-draw{
  from{stroke-dashoffset:1000}
  to{stroke-dashoffset:0}
}

.pace-wrap .pace-forecast-line{
  animation:pace-march 3s linear infinite;
}
@keyframes pace-march{
  to{stroke-dashoffset:-14}
}

.pace-wrap .pace-now-dot{
  transform-origin:center;
  transform-box:fill-box;
  animation:pace-pulse 3.2s ease-in-out infinite;
}
@keyframes pace-pulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.2);opacity:.9}
}

.ks{
  display:flex;flex-direction:column;flex:1 1 auto;
  width:100%;min-width:0;min-height:0;overflow:hidden;
  gap:clamp(4px,1.4cqi,9px);
  container-type:inline-size;
}
.ks-count{
  font-size:clamp(.42rem,1.5cqi,.58rem);font-weight:800;letter-spacing:.04em;
  color:var(--text-3);white-space:nowrap;flex:0 0 auto;
  padding:clamp(1px,.5cqi,3px) clamp(4px,1.4cqi,8px);
  border:1px solid var(--border);border-radius:99px;
}
.ks-top{display:flex;align-items:center;justify-content:space-between;gap:clamp(6px,2cqi,12px);min-width:0;flex:0 0 auto}
.ks-subtitle{font-size:clamp(.44rem,1.6cqi,.6rem);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ks-legend{display:flex;align-items:center;gap:clamp(5px,1.8cqi,11px);flex:0 0 auto;font-size:clamp(.42rem,1.4cqi,.56rem);color:var(--text-3)}
.ks-legend span{display:inline-flex;align-items:center;gap:clamp(2px,.7cqi,4px);white-space:nowrap}
.ks-ldot{width:clamp(5px,1.6cqi,8px);height:clamp(5px,1.6cqi,8px);border-radius:99px;display:inline-block;flex:0 0 auto}
.ks-ldot.ks-green{background:var(--green)}
.ks-ldot.ks-amber{background:var(--amber)}
.ks-ldot.ks-red{background:var(--red)}
.ks-grid{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}
.ks-headrow{align-items:end;padding:0 0 clamp(3px,1cqi,6px);border-bottom:1px solid var(--border)}
.ks-h{font-size:clamp(.42rem,1.5cqi,.58rem);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ks-h--num{text-align:left}
.ks-row{align-items:center;padding:clamp(4px,1.5cqi,9px) 0;border-bottom:1px solid rgba(255,255,255,.05);min-width:0}
html[data-theme="light"] .ks-row{border-bottom-color:rgba(0,0,0,.05)}
.ks-row:last-child{border-bottom:none}
.ks-name{display:flex;flex-direction:column;gap:clamp(1px,.4cqi,3px);min-width:0;padding-right:clamp(4px,1.4cqi,9px)}
.ks-name strong{font-size:clamp(.56rem,2.1cqi,.86rem);font-weight:800;color:var(--text-1);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ks-metarow{display:flex;align-items:center;gap:clamp(3px,1cqi,6px);min-width:0;flex-wrap:wrap}
.ks-loc{font-size:clamp(.38rem,1.3cqi,.5rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);padding:clamp(0px,.3cqi,2px) clamp(3px,1cqi,6px);border:1px solid var(--border);border-radius:4px;white-space:nowrap}
.ks-goal{font-size:clamp(.4rem,1.4cqi,.54rem);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ks-cell{display:flex;flex-direction:column;gap:clamp(2px,.7cqi,4px);min-width:0}
.ks-cell--empty{justify-content:center}
.ks-cell-hd{display:flex;align-items:baseline;gap:clamp(3px,1cqi,6px);min-width:0}
.ks-pct{font-size:clamp(.62rem,2.6cqi,1.05rem);font-weight:900;letter-spacing:-.01em;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap}
.ks-pct.ks-green{color:var(--green)}
.ks-pct.ks-amber{color:var(--amber)}
.ks-pct.ks-red{color:var(--red)}
.ks-pct.ks-none{color:var(--text-3)}
.ks-delta{font-size:clamp(.4rem,1.4cqi,.56rem);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:1px}
.ks-delta.ks-d-up{color:var(--green)}
.ks-delta.ks-d-down{color:var(--red)}
.ks-delta.ks-d-flat{color:var(--text-3)}
.ks-bar{position:relative;width:100%;height:clamp(4px,1.3cqi,7px);background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}
html[data-theme="light"] .ks-bar{background:rgba(0,0,0,.07)}
.ks-bar-fill{display:block;height:100%;border-radius:99px;transition:width 600ms cubic-bezier(.4,0,.2,1);min-width:0}
.ks-bar-fill.ks-fill-green{background:linear-gradient(90deg,var(--green),color-mix(in srgb,var(--green) 72%,#000))}
.ks-bar-fill.ks-fill-amber{background:linear-gradient(90deg,var(--amber),color-mix(in srgb,var(--amber) 72%,#000))}
.ks-bar-fill.ks-fill-red{background:linear-gradient(90deg,var(--red),color-mix(in srgb,var(--red) 72%,#000))}
.ks-bar-fill.ks-fill-none{background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.ks-bar-goal{position:absolute;top:-1px;bottom:-1px;width:2px;background:var(--text-1);opacity:.38;transform:translateX(-1px)}
.ks-cellsub{font-size:clamp(.38rem,1.35cqi,.52rem);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ks-empty{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;padding:clamp(12px,4cqi,24px);font-size:clamp(.6rem,2.3cqi,.82rem);color:var(--text-3);font-style:italic;text-align:center;line-height:1.4}
@container (max-width:340px){.ks-cellsub{display:none}.ks-subtitle{display:none}}
@container (max-width:240px){.ks-bar{display:none}.ks-legend{display:none}}
@media (prefers-reduced-motion: reduce){.ks-bar-fill{transition:none}}

.wo-wrap{
  position:relative;width:100%;height:100%;
  display:flex;flex-direction:column;
  gap:clamp(6px,1.8cqi,12px);
  padding:clamp(8px,2.6cqi,16px) clamp(10px,3.2cqi,20px);
  min-height:0;min-width:0;overflow:hidden;
  container-type:inline-size;
}
.wo-wrap.wo-empty{justify-content:center;align-items:center;padding:clamp(12px,4cqi,24px)}
.wo-empty-msg{font-size:clamp(.6rem,2.3cqi,.82rem);color:var(--text-3);text-align:center;font-style:italic;line-height:1.4}

.wo-skeleton{display:flex;flex-direction:column;gap:clamp(8px,2.4cqi,14px);width:100%;padding:clamp(6px,2cqi,12px) 0}
.wo-skel-row{
  height:clamp(14px,4.2cqi,22px);border-radius:6px;
  background:linear-gradient(90deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 100%);
  background-size:200% 100%;
  animation:wo-skel-shimmer 1.4s ease-in-out infinite;
}
.wo-skel-row:nth-child(2){width:78%}
.wo-skel-row:nth-child(3){width:62%}
html[data-theme="light"] .wo-skel-row{background:linear-gradient(90deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.09) 50%,rgba(0,0,0,.04) 100%);background-size:200% 100%}
@keyframes wo-skel-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion: reduce){.wo-skel-row{animation:none}}

.wo-summary{
  display:flex;align-items:center;
  gap:clamp(8px,2.4cqi,14px);
  padding:clamp(4px,1.4cqi,8px) clamp(4px,1.4cqi,8px) clamp(6px,1.8cqi,10px);
  border-bottom:1px solid rgba(255,255,255,.06);
  flex:0 0 auto;min-width:0;
}
html[data-theme="light"] .wo-summary{border-bottom-color:rgba(0,0,0,.06)}
.wo-summary-cell{
  display:flex;align-items:center;gap:clamp(3px,1cqi,5px);
  min-width:0;flex:0 1 auto;
}
.wo-summary-key{
  font-size:clamp(.42rem,1.4cqi,.55rem);
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-3);
}
.wo-summary-val{
  font-size:clamp(.62rem,2.1cqi,.85rem);
  font-weight:800;color:var(--text-2);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.wo-summary-best{margin-left:auto}
.wo-summary-best .wo-summary-ico{
  width:clamp(8px,2.2cqi,11px);height:clamp(8px,2.2cqi,11px);
  color:var(--warn);flex:0 0 auto;
}
.wo-summary-trend{flex:0 0 auto}
.wo-trend-svg{
  width:clamp(10px,3cqi,14px);height:clamp(10px,3cqi,14px);
  display:block;
}
.wo-summary-trend.wo-trend-up{color:var(--success)}
.wo-summary-trend.wo-trend-down{color:var(--danger)}
.wo-summary-trend.wo-trend-flat{color:var(--text-3)}

.wo-rows{
  display:flex;flex-direction:column;
  flex:1 1 auto;min-height:0;
  justify-content:space-around;
  gap:clamp(2px,.8cqi,5px);
}

.wo-row{
  display:flex;flex-direction:column;
  gap:clamp(2px,.9cqi,5px);
  min-width:0;
}
.wo-row-head{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:clamp(6px,2cqi,12px);min-width:0;
}
.wo-label{
  font-size:clamp(.5rem,1.9cqi,.7rem);
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  flex:0 1 auto;
}
.wo-val{
  font-size:clamp(.85rem,4cqi,1.55rem);
  font-weight:900;letter-spacing:-.02em;line-height:1.1;
  font-variant-numeric:tabular-nums;
  color:var(--text-1);
  white-space:nowrap;flex:0 0 auto;
}
.wo-bar{
  position:relative;width:100%;
  height:clamp(5px,1.6cqi,9px);
  background:rgba(255,255,255,.06);
  border-radius:99px;overflow:hidden;
}
html[data-theme="light"] .wo-bar{background:rgba(0,0,0,.07)}
.wo-bar-fill{
  display:block;height:100%;
  border-radius:99px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
  box-shadow:0 0 12px color-mix(in srgb, currentColor 22%, transparent);
  transition:width 600ms cubic-bezier(.4,.0,.2,1);
  min-width:0;
}
.wo-row[data-zone="good"] .wo-val{color:var(--success)}
.wo-row[data-zone="good"] .wo-bar-fill{background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success) 72%,#000))}
.wo-row[data-zone="mid"] .wo-val{color:var(--warn)}
.wo-row[data-zone="mid"] .wo-bar-fill{background:linear-gradient(90deg,var(--warn),color-mix(in srgb,var(--warn) 72%,#000))}
.wo-row[data-zone="bad"] .wo-val{color:var(--danger)}
.wo-row[data-zone="bad"] .wo-bar-fill{background:linear-gradient(90deg,var(--danger),color-mix(in srgb,var(--danger) 72%,#000))}
.wo-row[data-zone="critical"] .wo-val{color:color-mix(in srgb,var(--danger) 82%,#000)}
.wo-row[data-zone="critical"] .wo-bar-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--danger) 82%,#000),color-mix(in srgb,var(--danger) 55%,#000))}

@container (max-width:140px){
  .wo-bar{display:none}
  .wo-wrap{gap:clamp(6px,2cqi,10px)}
}
@media (prefers-reduced-motion: reduce){
  .wo-bar-fill{transition:none}
}

.wo-row{
  display:flex;flex-direction:column;
  gap:clamp(3px,1cqi,6px);
  padding:clamp(4px,1.4cqi,9px) 0;
  min-width:0;
  border-bottom:1px solid rgba(255,255,255,.035);
  transition:padding .2s ease;
}
html[data-theme="light"] .wo-row{border-bottom-color:rgba(0,0,0,.035)}
.wo-row:last-child{border-bottom:none}

.wo-row-main{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:clamp(6px,2cqi,12px);min-width:0;
}
.wo-label{
  font-size:clamp(.5rem,1.9cqi,.7rem);
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  display:flex;align-items:center;gap:clamp(3px,1cqi,6px);
  flex:0 1 auto;
}
.wo-val-wrap{
  display:flex;align-items:baseline;gap:clamp(4px,1.4cqi,9px);
  flex:0 0 auto;
}
.wo-val{
  font-size:clamp(.78rem,3.2cqi,1.15rem);
  font-weight:800;letter-spacing:-.02em;line-height:1;
  font-variant-numeric:tabular-nums;
  color:var(--text-2);
  white-space:nowrap;
}
.wo-delta{
  font-size:clamp(.45rem,1.55cqi,.6rem);
  font-weight:700;letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
  padding:1px clamp(3px,1cqi,5px);
  border-radius:4px;
  color:var(--text-3);
  background:rgba(255,255,255,.04);
  flex:0 0 auto;
}
.wo-delta-up{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}
.wo-delta-down{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}
html[data-theme="light"] .wo-delta{background:rgba(0,0,0,.04)}

.wo-marker{
  display:inline-flex;align-items:center;justify-content:center;
  width:clamp(9px,2.6cqi,13px);height:clamp(9px,2.6cqi,13px);
  flex:0 0 auto;
}
.wo-marker svg{width:100%;height:100%;display:block}
.wo-marker-best{color:var(--warn)}
.wo-marker-worst{color:var(--danger);opacity:.65}

.wo-bar{
  position:relative;width:100%;
  height:clamp(4px,1.3cqi,7px);
  background:rgba(255,255,255,.05);
  border-radius:99px;overflow:hidden;
  isolation:isolate;
}
html[data-theme="light"] .wo-bar{background:rgba(0,0,0,.06)}
.wo-bar-fill{
  display:block;height:100%;
  border-radius:99px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
  transition:width 600ms cubic-bezier(.4,.0,.2,1);
  min-width:0;
  position:relative;z-index:1;
}
.wo-bar-avg{
  position:absolute;top:-2px;bottom:-2px;
  width:1.5px;
  background:rgba(255,255,255,.45);
  z-index:2;
  transform:translateX(-50%);
  pointer-events:none;
}
html[data-theme="light"] .wo-bar-avg{background:rgba(0,0,0,.45)}
.wo-bar-target{
  position:absolute;right:0;top:50%;
  width:1.5px;height:140%;
  background:rgba(255,255,255,.25);
  transform:translateY(-50%);
  z-index:2;
  pointer-events:none;
}
html[data-theme="light"] .wo-bar-target{background:rgba(0,0,0,.25)}

.wo-row.is-current{
  padding:clamp(9px,2.8cqi,15px) clamp(6px,1.8cqi,11px) clamp(9px,2.6cqi,13px);
  margin:clamp(2px,.8cqi,5px) 0 clamp(4px,1.4cqi,8px);
  border-bottom:1px solid rgba(255,255,255,.10);
  border-radius:clamp(6px,1.8cqi,10px);
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--accent) 7%, transparent) 0%,
    color-mix(in srgb, var(--accent) 2%, transparent) 100%);
  position:relative;
}
html[data-theme="light"] .wo-row.is-current{
  border-bottom-color:rgba(0,0,0,.08);
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--accent) 8%, transparent) 0%,
    color-mix(in srgb, var(--accent) 2%, transparent) 100%);
}
.wo-row.is-current .wo-label{
  color:var(--text-2);
  font-size:clamp(.55rem,2.1cqi,.78rem);
}
.wo-row.is-current .wo-val{
  font-size:clamp(1.4rem,6.4cqi,2.4rem);
  font-weight:900;
  color:var(--text-1);
  text-shadow:0 0 22px color-mix(in srgb, currentColor 24%, transparent);
}
.wo-row.is-current .wo-bar{
  height:clamp(7px,2.1cqi,11px);
  margin-top:clamp(4px,1.2cqi,7px);
}
.wo-row.is-current .wo-bar-fill{
  box-shadow:0 0 14px color-mix(in srgb, currentColor 35%, transparent);
}
.wo-row.is-current .wo-bar-fill::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.18) 50%,
    transparent 100%);
  transform:translateX(-100%);
  animation:wo-bar-shimmer 3.2s ease-in-out infinite;
}
@keyframes wo-bar-shimmer{
  0%,100%{transform:translateX(-100%)}
  50%{transform:translateX(200%)}
}
@media (prefers-reduced-motion: reduce){
  .wo-row.is-current .wo-bar-fill::after{animation:none;opacity:0}
}

.wo-now-tag{
  display:inline-block;
  font-size:clamp(.42rem,1.5cqi,.55rem);
  font-weight:900;letter-spacing:.12em;
  padding:1px clamp(4px,1.2cqi,7px);
  border-radius:99px;
  background:color-mix(in srgb, var(--accent) 22%, transparent);
  color:var(--accent);
  border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);
}

.wo-row[data-zone="good"] .wo-val{color:var(--success)}
.wo-row[data-zone="good"] .wo-bar-fill{background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success) 72%,#000))}
.wo-row[data-zone="mid"] .wo-val{color:var(--warn)}
.wo-row[data-zone="mid"] .wo-bar-fill{background:linear-gradient(90deg,var(--warn),color-mix(in srgb,var(--warn) 72%,#000))}
.wo-row[data-zone="bad"] .wo-val{color:var(--danger)}
.wo-row[data-zone="bad"] .wo-bar-fill{background:linear-gradient(90deg,var(--danger),color-mix(in srgb,var(--danger) 72%,#000))}
.wo-row[data-zone="critical"] .wo-val{color:color-mix(in srgb,var(--danger) 82%,#000)}
.wo-row[data-zone="critical"] .wo-bar-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--danger) 82%,#000),color-mix(in srgb,var(--danger) 55%,#000))}

.wo-row.is-current[data-zone="good"]{
  background:linear-gradient(135deg,color-mix(in srgb,var(--success) 10%,transparent),color-mix(in srgb,var(--success) 2%,transparent));
}
.wo-row.is-current[data-zone="mid"]{
  background:linear-gradient(135deg,color-mix(in srgb,var(--warn) 10%,transparent),color-mix(in srgb,var(--warn) 2%,transparent));
}
.wo-row.is-current[data-zone="bad"]{
  background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 10%,transparent),color-mix(in srgb,var(--danger) 2%,transparent));
}
.wo-row.is-current[data-zone="critical"]{
  background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 12%,transparent),color-mix(in srgb,var(--danger) 2%,transparent));
}

@container (max-width:200px){
  .wo-delta{display:none}
}
@container (max-width:160px){
  .wo-now-tag{display:none}
  .wo-summary-best{display:none}
}
@container (max-width:140px){
  .wo-summary{display:none}
  .wo-marker{display:none}
}
@container (max-width:120px){
  .wo-bar{display:none}
  .wo-bar-avg,.wo-bar-target{display:none}
}

.ts-wrap{
  position:relative;width:100%;height:100%;
  display:flex;flex-direction:column;
  gap:clamp(6px,1.6cqi,12px);
  padding:clamp(8px,2.4cqi,16px) clamp(10px,3cqi,20px);
  min-height:0;min-width:0;overflow:hidden;
  container-type:inline-size;
}
.ts-wrap.ts-empty{justify-content:center;align-items:center;padding:clamp(12px,4cqi,24px)}
.ts-empty-msg{font-size:clamp(.6rem,2.3cqi,.82rem);color:var(--text-3);text-align:center;font-style:italic;line-height:1.4}

.ts-section{
  display:flex;flex-direction:column;
  gap:clamp(3px,1cqi,7px);
  padding:clamp(7px,2cqi,12px) clamp(8px,2.4cqi,14px);
  border-radius:clamp(7px,1.8cqi,11px);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.08);
  min-height:0;
}
html[data-theme="light"] .ts-section{
  background:linear-gradient(180deg,rgba(0,0,0,.035),rgba(0,0,0,.01));
  border-color:rgba(0,0,0,.08);
}
.ts-indeks{flex:1.4 1 0}
.ts-goal{flex:1 1 0}
.ts-shift{flex:1 1 0}

.ts-meta{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:clamp(6px,2cqi,12px);min-width:0;
}
.ts-meta-scope{
  font-size:clamp(.46rem,1.7cqi,.62rem);
  font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--text-3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ts-meta-val{
  font-size:clamp(.7rem,2.6cqi,1rem);
  font-weight:900;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
  color:var(--text-2);
  white-space:nowrap;
}
.ts-meta-sub{
  font-size:clamp(.5rem,1.8cqi,.66rem);
  color:var(--text-3);letter-spacing:.02em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ts-pace{
  margin-top:clamp(3px,1cqi,6px);
  font-size:clamp(.5rem,1.85cqi,.68rem);
  font-weight:700;letter-spacing:.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  color:var(--text-2);
}
.ts-pace[data-zone="good"]{color:var(--success)}
.ts-pace[data-zone="bad"]{color:var(--warn)}
.ts-pace[data-zone="critical"]{color:var(--danger)}

.ts-bignum{
  font-size:clamp(1.5rem,8cqi,3rem);
  font-weight:900;letter-spacing:-.03em;line-height:1;
  font-variant-numeric:tabular-nums;
  color:var(--text-1);
  text-shadow:0 0 24px color-mix(in srgb, currentColor 22%, transparent);
}
.ts-indeks[data-zone="good"] .ts-bignum{color:var(--success)}
.ts-indeks[data-zone="mid"] .ts-bignum{color:var(--warn)}
.ts-indeks[data-zone="bad"] .ts-bignum{color:var(--danger)}
.ts-indeks[data-zone="critical"] .ts-bignum{color:color-mix(in srgb,var(--danger) 82%,#000)}

.ts-bar{
  position:relative;
  height:clamp(6px,1.8cqi,10px);
  background:rgba(255,255,255,.06);
  border-radius:99px;overflow:visible;
  margin-top:clamp(10px,3cqi,16px);
}
html[data-theme="light"] .ts-bar{background:rgba(0,0,0,.07)}
.ts-bar-fill{
  display:block;height:100%;
  border-radius:99px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
  box-shadow:0 0 12px color-mix(in srgb, currentColor 22%, transparent);
  transition:width 600ms cubic-bezier(.4,.0,.2,1);
  min-width:0;
}
.ts-section[data-zone="good"] .ts-bar-fill{background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success) 72%,#000))}
.ts-section[data-zone="mid"] .ts-bar-fill{background:linear-gradient(90deg,var(--warn),color-mix(in srgb,var(--warn) 72%,#000))}
.ts-section[data-zone="bad"] .ts-bar-fill{background:linear-gradient(90deg,var(--danger),color-mix(in srgb,var(--danger) 72%,#000))}
.ts-section[data-zone="critical"] .ts-bar-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--danger) 82%,#000),color-mix(in srgb,var(--danger) 55%,#000))}

.ts-bar-marker{
  position:absolute;
  bottom:calc(100% + 3px);
  transform:translateX(-50%);
  pointer-events:none;
  z-index:2;
  white-space:nowrap;
}
.ts-bar-marker-pill{
  display:inline-block;
  font-size:clamp(.5rem,1.9cqi,.7rem);
  font-weight:800;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
  padding:clamp(2px,.7cqi,4px) clamp(5px,1.4cqi,9px);
  border-radius:99px;
  background:rgba(255,255,255,.14);
  color:var(--text-1);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 4px 12px rgba(0,0,0,.32);
  position:relative;
}
.ts-bar-marker-pill::after{
  content:'';
  position:absolute;
  top:100%;left:50%;
  transform:translateX(-50%);
  width:0;height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid rgba(255,255,255,.14);
}
html[data-theme="light"] .ts-bar-marker-pill{
  background:#fff;border-color:rgba(0,0,0,.12);
  box-shadow:0 4px 12px rgba(0,0,0,.10);
}
html[data-theme="light"] .ts-bar-marker-pill::after{border-top-color:#fff}

@container (max-width:200px){
  .ts-meta-val{font-size:clamp(.6rem,2.4cqi,.85rem)}
  .ts-meta-sub{display:none}
}
@container (max-width:140px){
  .ts-bar-marker-pill{display:none}
}

@media (prefers-reduced-motion: reduce){
  .ts-bar-fill{transition:none}
}

.goal-wrap{position:relative;width:100%;height:100%;display:flex;flex-direction:column;min-height:0;min-width:0;container-type:inline-size;overflow:hidden}
.goal-wrap .goal-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-3);font-size:clamp(.65rem,2.6cqi,.85rem);text-align:center;padding:14% 8%}

.goal-tro{padding:clamp(6px,2.2cqi,12px) clamp(10px,3cqi,16px) clamp(8px,2.5cqi,14px);gap:clamp(4px,1.5cqi,8px)}
.goal-tro .goal-tro-label{font-size:clamp(.6rem,2.4cqi,.78rem);font-weight:700;letter-spacing:.04em;color:var(--text-3);text-transform:uppercase;text-align:center;flex-shrink:0}
.goal-tro .goal-tro-duo{
  display:flex;align-items:stretch;justify-content:center;
  gap:clamp(6px,2cqi,14px);
  flex:1 1 auto;min-height:0;
}
.goal-tro .goal-tro-slot{
  flex:1 1 0;min-width:0;
  display:flex;flex-direction:column;
  align-items:center;justify-content:space-between;
  gap:clamp(3px,1cqi,6px);
}
.goal-tro .goal-tro-slot-lbl{
  font-size:clamp(.46rem,1.8cqi,.62rem);
  font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-3);
  flex-shrink:0;
}
.goal-tro .goal-tro-slot-next .goal-tro-slot-lbl{color:var(--accent)}
.goal-tro .goal-tro-slot-name{
  font-size:clamp(.58rem,2.2cqi,.78rem);
  font-weight:800;letter-spacing:.02em;line-height:1.2;
  text-align:center;color:var(--text-1);
  flex-shrink:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  width:100%;
}
.goal-tro .goal-tro-slot-cur.is-locked .goal-tro-slot-name{color:var(--text-3);font-weight:600}
.goal-tro .goal-tro-slot .goal-tro-imgbox{
  flex:1 1 0;min-height:0;
  width:100%;
  display:flex;align-items:center;justify-content:center;
  border-radius:clamp(8px,2cqi,14px);overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--card-2) 60%,transparent),color-mix(in srgb,var(--accent) 6%,var(--card-2)));
  position:relative;
}
.goal-tro .goal-tro-slot-cur.is-locked .goal-tro-imgbox{
  opacity:.5;
  background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(0,0,0,.08));
}
.goal-tro .goal-tro-slot-next.is-pending .goal-tro-imgbox{
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent),0 0 24px color-mix(in srgb,var(--accent) 20%,transparent);
}
.goal-tro .goal-tro-locked .ic{color:var(--text-3);opacity:.6}
.goal-tro .goal-tro-done-icon .ic{color:var(--success);opacity:.9}
.goal-tro .goal-tro-arrow{
  display:flex;align-items:center;justify-content:center;
  font-size:clamp(1.2rem,4.5cqi,2rem);
  font-weight:300;
  color:var(--text-3);
  flex-shrink:0;
  padding:0 clamp(2px,1cqi,6px);
  align-self:center;
}
@container (max-width:280px){
  .goal-tro .goal-tro-duo{flex-direction:column;gap:clamp(4px,1.5cqi,8px)}
  .goal-tro .goal-tro-arrow{transform:rotate(90deg);padding:0}
}
@container (max-width:200px){
  .goal-tro .goal-tro-slot-cur{display:none}
  .goal-tro .goal-tro-arrow{display:none}
  .goal-tro .goal-tro-slot-lbl{font-size:clamp(.42rem,1.6cqi,.55rem)}
  .goal-tro .goal-tro-slot-name{font-size:clamp(.55rem,2cqi,.7rem)}
  .goal-tro .goal-tro-stats{flex-wrap:wrap;gap:2px}
}
@container (max-width:140px){
  .goal-tro .goal-tro-duo{display:none}
  .goal-tro .goal-tro-footer{display:none}
  .goal-tro .goal-tro-vog{display:none}
}
.goal-tro .goal-tro-imgbox{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;border-radius:clamp(8px,2cqi,14px);overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--card-2) 60%,transparent),color-mix(in srgb,var(--accent) 6%,var(--card-2)));position:relative}
.goal-tro .goal-tro-imgbox.is-done{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent),0 0 20px color-mix(in srgb,var(--accent) 25%,transparent)}
.goal-tro .goal-tro-img{max-width:96%;max-height:96%;object-fit:contain;border-radius:clamp(6px,1.5cqi,10px);display:block}
.goal-tro .goal-tro-fallback{width:48%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;color:var(--text-3);opacity:.6}
.goal-tro .goal-tro-fallback .ic{width:60%;height:60%;background:currentColor}
.goal-tro .goal-tro-bar{height:clamp(5px,1.2cqi,8px);background:color-mix(in srgb,var(--card-2) 70%,transparent);border-radius:99px;overflow:visible;flex-shrink:0;margin-top:clamp(14px,3cqi,22px) }
.goal-tro .goal-tro-bar-fill{height:100%;background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success) 60%,#fff 40%));border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px color-mix(in srgb,var(--success) 50%,transparent)}
.goal-tro .goal-tro-stats{display:flex;justify-content:space-between;align-items:baseline;flex-shrink:0;font-variant-numeric:tabular-nums}
.goal-tro .goal-tro-pct{font-size:clamp(.95rem,4.5cqi,1.6rem);font-weight:900;color:var(--text-1);letter-spacing:-.02em;font-family:var(--bh-mono);font-variant-numeric:tabular-nums}
.goal-tro .goal-tro-vog{font-size:clamp(.6rem,2.2cqi,.74rem);color:var(--text-3);font-weight:600}
.goal-tro .goal-tro-footer{font-size:clamp(.58rem,2.1cqi,.72rem);color:var(--text-3);text-align:center;flex-shrink:0;min-height:1.2em}
.goal-tro .goal-tro-missing{color:var(--accent);font-weight:600}
.goal-tro .goal-tro-done{color:var(--success);font-weight:700;letter-spacing:.04em}
.goal-tro .goal-tro-hint{color:var(--text-3);font-weight:500;font-style:italic;opacity:.85}

.goal-wrap.is-nodata .goal-tro-bar-fill,
.goal-wrap.is-nodata .goal-pol-bar-fill,
.goal-wrap.is-nodata .goal-sta-bar-fill,
.goal-wrap.is-nodata .goal-rm-line-fill{opacity:.25}
.goal-sta .goal-sta-pctdash{font-size:.7em;font-weight:700;opacity:.55;letter-spacing:0}
.goal-pol-sub,
.goal-rm-vog,
.goal-sta-vog{transition:opacity .3s ease}
.goal-wrap.is-nodata .goal-pol-sub,
.goal-wrap.is-nodata .goal-rm-vog,
.goal-wrap.is-nodata .goal-sta-vog{font-style:italic;opacity:.78}

.goal-pol{padding:clamp(8px,2.5cqi,14px);gap:clamp(6px,2cqi,12px);align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap}
.goal-pol .goal-pol-frame{background:#fafafa;padding:clamp(6px,1.8cqi,10px) clamp(6px,1.8cqi,10px) clamp(14px,3.5cqi,22px);border-radius:3px;box-shadow:0 4px 12px rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.15);transform:rotate(-2.5deg);flex:0 1 auto;max-width:55%;max-height:90%;display:flex;flex-direction:column;align-items:center;transition:transform .4s ease}
.goal-pol .goal-pol-frame:hover{transform:rotate(0deg) scale(1.02)}
.goal-pol .goal-pol-imgbox{width:100%;aspect-ratio:1/1;max-width:clamp(80px,22cqi,180px);background:#222;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.goal-pol .goal-pol-img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .5s ease}
.goal-pol .goal-pol-img.is-locked{filter:grayscale(1) brightness(.55)}
.goal-pol .goal-pol-fallback{width:60%;height:60%;display:flex;align-items:center;justify-content:center;color:#888}
.goal-pol .goal-pol-fallback .ic{width:80%;height:80%;background:currentColor}
.goal-pol .goal-pol-fallback.is-locked{color:#444}
.goal-pol .goal-pol-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(24px,7cqi,42px);height:clamp(24px,7cqi,42px);background:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center}
.goal-pol .goal-pol-lock .ic{width:55%;height:55%;background:#fff}
.goal-pol .goal-pol-cap{margin-top:clamp(4px,1.3cqi,8px);font-size:clamp(.6rem,2.2cqi,.78rem);font-weight:600;color:#222;font-family:var(--bh-body);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.goal-pol .goal-pol-meta{flex:1 1 35%;display:flex;flex-direction:column;gap:clamp(4px,1.5cqi,8px);min-width:0}
.goal-pol .goal-pol-pct{font-size:clamp(1.2rem,6cqi,2.4rem);font-weight:900;color:var(--text-1);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;font-family:var(--bh-mono);font-variant-numeric:tabular-nums}
.goal-pol .goal-pol-bar{height:clamp(4px,1cqi,7px);background:color-mix(in srgb,var(--card-2) 70%,transparent);border-radius:99px;overflow:hidden}
.goal-pol .goal-pol-bar-fill{height:100%;background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success) 60%,#fff 40%));border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}
.goal-pol .goal-pol-sub{font-size:clamp(.55rem,2cqi,.7rem);color:var(--text-3);font-weight:500;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}

.goal-sta{padding:clamp(10px,3cqi,18px);display:flex;flex-direction:row;align-items:stretch;gap:clamp(8px,2.5cqi,16px);color:#fff;border-radius:inherit}
.goal-sta .goal-sta-left{flex:1 1 50%;display:flex;flex-direction:column;justify-content:center;gap:clamp(4px,1.5cqi,8px);min-width:0}
.goal-sta .goal-sta-pct{font-size:clamp(1.6rem,9cqi,3.6rem);font-weight:900;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(0,0,0,.3);font-family:var(--bh-mono);font-variant-numeric:tabular-nums}
.goal-sta .goal-sta-pct .goal-sta-pctunit{font-size:.5em;font-weight:700;margin-left:2px;opacity:.8}
.goal-sta .goal-sta-vog{font-size:clamp(.62rem,2.4cqi,.86rem);font-weight:600;opacity:.85;font-variant-numeric:tabular-nums}
.goal-sta .goal-sta-bar{height:clamp(5px,1.3cqi,9px);background:rgba(255,255,255,.18);border-radius:99px;overflow:hidden}
.goal-sta .goal-sta-bar-fill{height:100%;background:rgba(255,255,255,.92);border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px rgba(255,255,255,.4)}

.goal-tro .goal-tro-bar--segmented,
.goal-pol .goal-pol-bar--segmented,
.goal-sta .goal-sta-bar--segmented{
  height:clamp(8px,2cqi,14px);
  background:transparent;
  overflow:visible;
  margin-top:clamp(16px,5cqi,28px);
}
.goal-tro-segs,.goal-pol-segs,.goal-sta-segs{
  display:flex;
  height:100%;
  border-radius:99px;
  overflow:hidden;
  background:color-mix(in srgb,var(--card-2) 70%,transparent);
}
.goal-tro-seg,.goal-pol-seg,.goal-sta-seg{
  height:100%;
  transition:opacity .25s,filter .25s;
}
.goal-tro-seg.is-pending,
.goal-pol-seg.is-pending,
.goal-sta-seg.is-pending{opacity:.28;filter:saturate(.5)}
.goal-tro-seg.is-current,
.goal-pol-seg.is-current,
.goal-sta-seg.is-current{opacity:.9}
.goal-tro-seg.is-done,
.goal-pol-seg.is-done,
.goal-sta-seg.is-done{opacity:1}
.goal-tro-flag,.goal-pol-flag,.goal-sta-flag{
  position:absolute;
  bottom:100%;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  pointer-events:none;
  font-variant-numeric:tabular-nums;
  padding-bottom:0;
}
.goal-tro-flag-pct,.goal-pol-flag-pct,.goal-sta-flag-pct{
  font-size:clamp(.55rem,2.2cqi,.78rem);
  font-weight:800;
  letter-spacing:-.005em;
  padding:2px 6px;
  background:var(--card,#1a1d26);
  border-radius:5px;
  white-space:nowrap;
  line-height:1.2;
  border:1.5px solid currentColor;
  box-shadow:0 1px 3px rgba(0,0,0,.35);
  margin-bottom:-1px;
}
.goal-tro-flag-pin,.goal-pol-flag-pin,.goal-sta-flag-pin{
  width:0;
  height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:8px solid currentColor;
  filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.4));
  margin-bottom:-2px;
}
.goal-wrap.is-nodata .goal-tro-bar--segmented .goal-tro-segs,
.goal-wrap.is-nodata .goal-pol-bar--segmented .goal-pol-segs,
.goal-wrap.is-nodata .goal-sta-bar--segmented .goal-sta-segs{opacity:.45}
@media (prefers-reduced-motion: reduce){
  .goal-tro-seg,.goal-pol-seg,.goal-sta-seg{transition:none}
}
.goal-sta .goal-sta-right{flex:0 0 38%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(3px,1cqi,6px);min-width:0}
.goal-sta .goal-sta-imgbox{width:100%;aspect-ratio:1/1;max-width:clamp(70px,18cqi,150px);border-radius:clamp(8px,2cqi,14px);overflow:hidden;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.goal-sta .goal-sta-img{width:100%;height:100%;object-fit:cover;display:block}
.goal-sta .goal-sta-fallback{width:55%;height:55%;display:flex;color:rgba(255,255,255,.6)}
.goal-sta .goal-sta-fallback .ic{width:100%;height:100%;background:currentColor}
.goal-sta .goal-sta-tier{font-size:clamp(.65rem,2.5cqi,.88rem);font-weight:700;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.goal-sta .goal-sta-missing{font-size:clamp(.55rem,2cqi,.7rem);opacity:.78;font-weight:500;font-variant-numeric:tabular-nums}

.goal-rm{padding:clamp(8px,2.5cqi,18px) clamp(10px,3cqi,20px);gap:clamp(8px,2.5cqi,18px)}
.goal-rm .goal-rm-summary{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-shrink:0;font-variant-numeric:tabular-nums}
.goal-rm .goal-rm-pctbig{font-size:clamp(1.1rem,5cqi,1.9rem);font-weight:900;color:var(--text-1);letter-spacing:-.02em;line-height:1;font-family:var(--bh-mono);font-variant-numeric:tabular-nums}
.goal-rm .goal-rm-vog{font-size:clamp(.58rem,2.2cqi,.74rem);color:var(--text-3);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.goal-rm .goal-rm-track{position:relative;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-height:0;padding-top:clamp(4px,1.5cqi,8px)}
.goal-rm .goal-rm-line{position:absolute;top:50%;left:6%;right:6%;height:clamp(3px,.8cqi,5px);background:color-mix(in srgb,var(--card-2) 70%,transparent);border-radius:99px;transform:translateY(-50%);z-index:0}
.goal-rm .goal-rm-line-fill{height:100%;background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success) 60%,#fff 40%));border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}
.goal-rm .goal-rm-stations{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:clamp(2px,.8cqi,6px)}
.goal-rm .goal-rm-station{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.7cqi,4px);min-width:0;transition:transform .3s ease}
.goal-rm .goal-rm-station.is-current{transform:scale(1.08)}
.goal-rm .goal-rm-imgbox{width:clamp(56px,14cqi,110px);height:clamp(56px,14cqi,110px);border-radius:50%;overflow:hidden;background:var(--card-2);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 3px 10px rgba(0,0,0,.3);border:3.5px solid color-mix(in srgb,var(--tier-color,var(--accent)) 80%,transparent);transition:border-color .25s,box-shadow .25s,opacity .25s,filter .25s}
.goal-rm .goal-rm-station.is-done .goal-rm-imgbox{border-color:var(--tier-color,var(--accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--tier-color,var(--accent)) 24%,transparent),0 2px 6px rgba(0,0,0,.25)}
.goal-rm .goal-rm-station.is-current .goal-rm-imgbox{border-color:var(--tier-color,var(--accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--tier-color,var(--accent)) 35%,transparent),0 3px 12px rgba(0,0,0,.3)}
.goal-rm .goal-rm-station.is-pending .goal-rm-imgbox{opacity:.55;filter:grayscale(.45);border-color:color-mix(in srgb,var(--text-3) 50%,transparent)}
.goal-rm .goal-rm-img{width:100%;height:100%;object-fit:cover;display:block}
.goal-rm .goal-rm-fallback{width:50%;height:50%;display:flex;color:var(--text-3)}
.goal-rm .goal-rm-fallback .ic{width:100%;height:100%;background:currentColor}
.goal-rm .goal-rm-check{position:absolute;bottom:-4px;right:-4px;width:50%;height:50%;background:var(--tier-color,var(--accent));border-radius:50%;border:2.5px solid var(--card);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.45)}
.goal-rm .goal-rm-check .ic{width:65%;height:65%;background:#fff}
.goal-rm .goal-rm-lock{position:absolute;bottom:-4px;right:-4px;width:50%;height:50%;background:color-mix(in srgb,var(--card-2) 80%,#000);border-radius:50%;border:2.5px solid var(--card);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.45)}
.goal-rm .goal-rm-lock .ic{width:60%;height:60%;background:var(--text-3)}
.goal-rm .goal-rm-pct{font-size:clamp(.7rem,2.6cqi,1rem);font-weight:800;color:var(--text-2);font-variant-numeric:tabular-nums;line-height:1.1}
.goal-rm .goal-rm-station.is-pending .goal-rm-pct{color:var(--text-3)}
.goal-rm .goal-rm-name{font-size:clamp(.62rem,2.2cqi,.86rem);color:var(--text-3);font-weight:600;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}

.einsp .goal-tiers-head{display:flex;align-items:center;justify-content:space-between;margin:14px 4px 8px;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bh-ink-2);font-weight:700}
.einsp .goal-tiers-title{flex:1}
.einsp .goal-tier-add{background:var(--accent-soft);color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--bh-blue) 30%,transparent);padding:5px 9px;border-radius:var(--bh-r-pill);font-size:.65rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;letter-spacing:.02em;text-transform:none}
.einsp .goal-tier-add:hover{background:color-mix(in srgb,var(--bh-blue) 22%,transparent)}
.einsp .goal-tier-add .ic{width:12px;height:12px;background:currentColor}
.einsp .goal-tiers-list{display:flex;flex-direction:column;gap:8px}
.einsp .goal-tier-row{display:flex;gap:6px;padding:8px;background:rgba(255,255,255,.32);border-radius:var(--bh-r-tile);border:1px solid var(--bh-edge);transition:border-color .12s ease}
html[data-theme="dark"] .einsp .goal-tier-row{background:rgba(255,255,255,.05)}
.einsp .goal-tier-row[draggable="true"]{cursor:default}
.einsp .goal-tier-pct,.einsp .goal-tier-name,.einsp .goal-tier-url{background:rgba(255,255,255,.55) !important;border:1px solid var(--bh-edge);border-radius:8px;color:var(--bh-ink)}
html[data-theme="dark"] .einsp .goal-tier-pct,html[data-theme="dark"] .einsp .goal-tier-name,html[data-theme="dark"] .einsp .goal-tier-url{background:rgba(255,255,255,.06) !important}
.einsp .goal-tier-pct:focus,.einsp .goal-tier-name:focus,.einsp .goal-tier-url:focus{border-color:var(--bh-blue);outline:none}
.einsp .goal-tier-handle{display:flex;align-items:center;color:var(--bh-ink-3);opacity:.55;cursor:grab;padding:0 2px;transition:opacity .15s ease,color .15s ease}
.einsp .goal-tier-handle:hover{opacity:1;color:var(--bh-ink-2)}
.einsp .goal-tier-handle:active{cursor:grabbing}
.einsp .goal-tier-row:hover .goal-tier-handle{opacity:.9}
.einsp .goal-tier-handle .ic{width:12px;height:12px;background:currentColor}
.einsp .goal-tier-fields{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.einsp .goal-tier-line{display:flex;align-items:center;gap:5px}
.einsp .goal-tier-pct{flex:0 0 56px;font-size:.7rem;padding:5px 6px;text-align:right}
.einsp .goal-tier-pct-suffix{flex:0 0 auto;color:var(--bh-ink-3);font-size:.65rem;margin-right:4px}
.einsp .goal-tier-name{flex:1;font-size:.7rem;padding:5px 7px;min-width:0}
.einsp .goal-tier-color{flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid var(--bh-edge);border-radius:8px;cursor:pointer;background:transparent}
.einsp .goal-tier-color::-webkit-color-swatch-wrapper{padding:2px}
.einsp .goal-tier-color::-webkit-color-swatch{border-radius:4px;border:none}
.einsp .goal-tier-color::-moz-color-swatch{border-radius:4px;border:none}
.einsp .goal-tier-url{flex:1;font-size:.66rem;padding:5px 7px;min-width:0}
.einsp .goal-tier-upload,
.einsp .goal-tier-del{flex:0 0 26px;height:26px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.42);border:1px solid var(--bh-edge);border-radius:8px;color:var(--bh-ink-3);cursor:pointer}
html[data-theme="dark"] .einsp .goal-tier-upload,html[data-theme="dark"] .einsp .goal-tier-del{background:rgba(255,255,255,.06)}
.einsp .goal-tier-upload:hover{color:var(--accent-ink);border-color:color-mix(in srgb,var(--bh-blue) 40%,transparent)}
.einsp .goal-tier-del:hover{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,transparent)}
.einsp .goal-tier-upload .ic,
.einsp .goal-tier-del .ic{width:13px;height:13px;background:currentColor}
.einsp .goal-tier-upload:disabled{opacity:.5;cursor:wait}

@media (prefers-reduced-motion: reduce){
  .goal-tro .goal-tro-bar-fill,
  .goal-pol .goal-pol-bar-fill,
  .goal-sta .goal-sta-bar-fill,
  .goal-rm .goal-rm-line-fill,
  .goal-pol .goal-pol-frame,
  .goal-rm .goal-rm-station{transition:none}
}

.gauge-wrap .g-goalfail-hint{cursor:help}
.gauge-wrap .g-goalfail-hint circle:first-child{animation:gaugeFailPulse 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes gaugeFailPulse{0%,100%{transform:scale(1);opacity:.15}50%{transform:scale(1.6);opacity:.05}}
@media (prefers-reduced-motion: reduce){.gauge-wrap .g-goalfail-hint circle:first-child{animation:none}}

.pace-wrap .pace-milestone-pulse{
  transform-origin:center;
  transform-box:fill-box;
  animation:pace-milestone-ring 2.6s ease-out infinite;
}
@keyframes pace-milestone-ring{
  0%{transform:scale(1);opacity:.85;stroke-width:1.4}
  70%{transform:scale(2.6);opacity:0;stroke-width:.6}
  100%{transform:scale(2.6);opacity:0;stroke-width:.6}
}
@media (prefers-reduced-motion: reduce){
  .pace-wrap .pace-milestone-pulse{animation:none}
}




.pace-wrap .pace-sub{font-size: calc(clamp(.6rem,2.8cqi,.78rem) * var(--w-font-scale, 1));color:var(--text-3);font-weight: calc(500 * var(--w-weight-mult, 1));line-height:1.3;flex-shrink:0}
.pace-wrap .pace-sub strong{color:var(--text-2);font-weight:700}

.pace-wrap .pace-conf{display:inline-block;font-size:.88em;font-weight:600;padding:1px 7px;border-radius:8px;letter-spacing:.02em;white-space:nowrap;vertical-align:1px}
.pace-wrap .pace-conf-early{background:color-mix(in srgb,var(--text-3) 14%,transparent);color:var(--text-2)}
.pace-wrap .pace-conf-partial{background:color-mix(in srgb,var(--amber) 20%,transparent);color:var(--amber)}
.pace-wrap .pace-conf-tracking{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}
.pace-wrap .pace-conf-mature{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
.pace-wrap .pace-conf-outlier{background:color-mix(in srgb,var(--red) 22%,transparent);color:var(--red);font-weight:700;animation:pace-outlier-blink 2s ease-in-out infinite}
@keyframes pace-outlier-blink{0%,100%{opacity:1}50%{opacity:.7}}
.pace-wrap .pace-conf-unknown{display:none}

.pace-wrap .pace-timer{font-size:.92em;color:var(--text-3);font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion: reduce){
  .pace-wrap .pace-actual,
  .pace-wrap .pace-forecast-line,
  .pace-wrap .pace-now-dot,
  .pace-wrap .pace-end-dot,
  .pace-wrap .pace-goal-line,
  .pace-wrap .pace-area{animation:none}
}

@container (max-width:240px){
  .pace-wrap{padding:6px 10px;gap:3px}
  .pace-wrap .pace-headline{font-size:.9rem}
  .pace-wrap .pace-sub{font-size:.6rem}
}

.feed-wrap{position:relative;width:100%;height:100%;display:flex;flex-direction:column;min-height:0;min-width:0;padding:clamp(6px,2cqi,10px) clamp(8px,3cqi,14px);container-type:inline-size;overflow:hidden}
.feed-wrap .feed-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(3px,1cqi,6px);scrollbar-width:thin}
.feed-wrap .feed-list::-webkit-scrollbar{width:4px}
.feed-wrap .feed-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
.feed-wrap .feed-row{
  display:grid;
  grid-template-columns:auto auto 1fr auto;
  align-items:center;
  gap: calc(clamp(6px,1.8cqi,10px) * var(--w-row-gap-mult, 1));
  padding: calc(clamp(5px,1.6cqi,9px) * var(--w-row-pad-mult, 1)) clamp(6px,2cqi,11px);
  background:linear-gradient(90deg,color-mix(in srgb,var(--card) 92%,transparent),var(--card));
  border:1px solid var(--border);
  border-radius:8px;
  font-size: calc(clamp(.62rem,2.6cqi,.78rem) * var(--w-font-scale, 1));
  line-height:1.25;
  animation:feedSlideIn .42s cubic-bezier(.16,1.05,.3,1) both;
  position:relative;
  overflow:hidden;
}
.feed-wrap .feed-row::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--accent);opacity:0;transition:opacity .3s
}
.feed-wrap .feed-row:hover::before{opacity:1}
.feed-wrap .feed-av{
  width: calc(clamp(20px,5.5cqi,28px) * var(--w-avatar-scale, 1));
  height: calc(clamp(20px,5.5cqi,28px) * var(--w-avatar-scale, 1));
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#000;font-weight: calc(800 * var(--w-weight-mult, 1));
  font-size: calc(clamp(.5rem,2cqi,.62rem) * var(--w-avatar-scale, 1));
  letter-spacing:.02em;flex-shrink:0;
}
.feed-wrap .feed-icon{
  width:clamp(18px,4.8cqi,24px);height:clamp(18px,4.8cqi,24px);
  border-radius:6px;display:flex;align-items:center;justify-content:center;
  flex-shrink:0
}
.feed-wrap .feed-icon svg{width:60%;height:60%;display:block}
.feed-wrap .feed-body{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}
.feed-wrap .feed-name{font-weight: calc(800 * var(--w-weight-mult, 1));color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed-wrap .feed-msg{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: calc(600 * var(--w-weight-mult, 1))}
.feed-wrap .feed-sub{font-size: calc(clamp(.52rem,2cqi,.62rem) * var(--w-font-scale, 1));color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: calc(600 * var(--w-weight-mult, 1))}
.feed-wrap .feed-time{font-size: calc(clamp(.52rem,2cqi,.64rem) * var(--w-font-scale, 1));color:var(--text-3);font-weight: calc(700 * var(--w-weight-mult, 1));font-variant-numeric:tabular-nums;flex-shrink:0;letter-spacing:.02em}
.feed-wrap .feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px;color:var(--text-3)}
.feed-wrap .feed-empty-msg{font-size:clamp(.6rem,2.4cqi,.72rem);font-weight:600;letter-spacing:.02em}

@keyframes feedSlideIn{
  from{opacity:0;transform:translateY(-12px);max-height:0;padding-top:0;padding-bottom:0;margin-bottom:-4px}
  to{opacity:1;transform:translateY(0);max-height:none}
}
.feed-wrap .feed-row.feed-row-noanim{animation:none}
@media (prefers-reduced-motion: reduce){
  .feed-wrap .feed-row{animation:none}
}
@container (max-width:240px){
  .feed-wrap{padding:4px 6px}
  .feed-wrap .feed-row{padding:4px 6px;gap:5px}
  .feed-wrap .feed-sub{display:none}
}
.feed-wrap[data-feed-style="successes"]{padding:clamp(8px,3cqi,16px) clamp(10px,3.5cqi,18px)}
.feed-wrap[data-feed-style="successes"] .feed-list{gap:clamp(6px,2cqi,12px)}
.feed-wrap[data-feed-style="successes"] .feed-row{align-items:center;gap:clamp(8px,2.5cqi,14px);padding:clamp(4px,1.5cqi,8px) 0}
.feed-wrap[data-feed-style="successes"] .feed-row::before{display:none}
.feed-wrap[data-feed-style="successes"] .feed-av{display:none}
.feed-wrap[data-feed-style="successes"] .feed-time{display:none}
.feed-wrap[data-feed-style="successes"] .feed-icon{
  width:clamp(34px,10cqi,54px);
  height:clamp(34px,10cqi,54px);
  border-radius:50%;
  flex-shrink:0;
  box-shadow:0 2px 10px rgba(0,0,0,.25);
}
.feed-wrap[data-feed-style="successes"] .feed-icon svg{width:50%;height:50%}
.feed-wrap[data-feed-style="successes"] .feed-body{gap:2px}
.feed-wrap[data-feed-style="successes"] .feed-name{display:none}
.feed-wrap[data-feed-style="successes"] .feed-msg{
  font-size:clamp(.7rem,2.6cqi,.95rem);
  font-weight:800;
  color:var(--text-1);
  letter-spacing:-.005em;
}
.feed-wrap[data-feed-style="successes"] .feed-sub{
  font-size:clamp(.55rem,2.1cqi,.7rem);
  color:var(--text-3);
  font-weight:600;
}
@container (max-width:180px){
  .feed-wrap .feed-av{display:none}
  .feed-wrap .feed-time{display:none}
}
@container (max-width:130px){
  .feed-wrap .feed-icon{display:none}
  .feed-wrap .feed-row{padding:3px 5px}
}

.lb-wrap{position:relative;width:100%;height:100%;display:flex;flex-direction:column;min-height:0;min-width:0;padding:clamp(6px,2cqi,12px) clamp(8px,3cqi,14px);container-type:inline-size;overflow:hidden}
.lb-wrap .lb-list{list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(2px,.8cqi,5px);scrollbar-width:thin}
.lb-wrap .lb-list::-webkit-scrollbar{width:4px}
.lb-wrap .lb-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
.lb-wrap .lb-row{
  display:grid;
  grid-template-columns:auto auto 1fr auto;
  align-items:center;
  gap:clamp(6px,2cqi,10px);
  padding:clamp(5px,1.6cqi,9px) clamp(7px,2.3cqi,12px);
  background:rgba(255,255,255,.025);
  border:1px solid var(--border);
  border-radius:8px;
  font-size:clamp(.66rem,2.8cqi,.82rem);
  line-height:1.25;
  position:relative;
  animation:lbRowIn .4s cubic-bezier(.16,1.05,.3,1) both;
}
.lb-wrap .lb-row-top{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,var(--card)),var(--card));border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
.lb-wrap .lb-row-self{outline:1.5px solid var(--accent);outline-offset:-1px;background:rgba(var(--accent-rgb),.06)}
.lb-wrap .lb-rank{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:clamp(20px,5cqi,28px);height:clamp(20px,5cqi,28px);
  font-weight:800;color:var(--text-3);flex-shrink:0
}
.lb-wrap .lb-rank.lb-num{font-size: calc(clamp(.68rem,2.5cqi,.82rem) * var(--w-font-scale, 1));font-variant-numeric:tabular-nums}
.lb-wrap .lb-rank.lb-medal svg{display:block;width:65%;height:65%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
.lb-wrap .lb-av{
  width: calc(clamp(22px,5.5cqi,30px) * var(--w-avatar-scale, 1));
  height: calc(clamp(22px,5.5cqi,30px) * var(--w-avatar-scale, 1));
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#000;font-weight: calc(800 * var(--w-weight-mult, 1));
  font-size: calc(clamp(.55rem,2.2cqi,.68rem) * var(--w-avatar-scale, 1));
  flex-shrink:0;
}
.lb-wrap .lb-name{font-weight: calc(700 * var(--w-weight-mult, 1));color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: calc(1em * var(--w-font-scale, 1))}
.lb-wrap .lb-row-top .lb-name{color:var(--accent)}
.lb-wrap .lb-val{font-weight: calc(800 * var(--w-weight-mult, 1));color:var(--text-1);font-variant-numeric:tabular-nums;flex-shrink:0;font-size: calc(clamp(.7rem,2.8cqi,.85rem) * var(--w-font-scale, 1))}
.lb-wrap .lb-bar-wrap{position:absolute;left:0;bottom:0;right:0;height:3px;background:transparent;overflow:hidden;border-radius:0 0 8px 8px}
.lb-wrap .lb-bar{display:block;height:100%;border-radius:0 4px 4px 0;animation:lbBarGrow .8s cubic-bezier(.34,.85,.4,1) .15s both}
.lb-wrap .lb-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-3);font-size:clamp(.66rem,2.5cqi,.78rem);font-style:italic}

@keyframes lbRowIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
@keyframes lbBarGrow{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}

@keyframes ctxMenuIn{from{opacity:0;transform:scale(.92) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media (prefers-reduced-motion: reduce){.cv-ctx-menu{animation:none !important}}

.lb-rank{position:relative}
.lb-rank-delta{
  position:absolute;
  top:clamp(-8px,-2cqi,-3px); right:clamp(-12px,-3cqi,-7px);
  padding:clamp(1px,.5cqi,3px) clamp(3px,1.3cqi,6px);
  border-radius:8px;
  font-size:clamp(.46rem,1.8cqi,.6rem);
  font-weight:900; line-height:1; white-space:nowrap;
  box-shadow:0 2px 5px rgba(0,0,0,.4);
  font-variant-numeric:tabular-nums;
  animation:lb-rank-delta-fade 10s ease-out forwards;
  z-index:3; letter-spacing:.02em;
}
.lb-rank-delta.up{background:var(--accent);color:#0a1410;box-shadow:0 2px 6px rgba(var(--accent-rgb),.5)}
.lb-rank-delta.down{background:var(--danger);color:#fff;box-shadow:0 2px 6px rgba(var(--danger-rgb),.5)}
.lb-rank-delta.is-big{font-size:clamp(.5rem,2cqi,.66rem);padding:clamp(2px,.7cqi,4px) clamp(4px,1.5cqi,7px);animation:lb-rank-delta-bigbounce 10s ease-out forwards}
@keyframes lb-rank-delta-fade{0%{opacity:0;transform:translateX(6px) scale(.7)}4%{opacity:1;transform:translateX(0) scale(1.15)}8%{transform:scale(1)}92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translateX(-2px) scale(.95)}}
@keyframes lb-rank-delta-bigbounce{0%{opacity:0;transform:translateY(-3px) scale(.6) rotate(-6deg)}3%{opacity:1;transform:translateY(0) scale(1.35) rotate(3deg)}6%{transform:translateY(-1px) scale(1.1) rotate(-1deg)}10%{transform:translateY(0) scale(1.2) rotate(1deg)}14%{transform:scale(1) rotate(0deg)}92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translateY(-2px) scale(.9)}}
.lb-wrap .lb-row.is-rank-up{animation:lb-row-rank-up-fade 10s ease-out forwards}
.lb-wrap .lb-row.is-rank-down{animation:lb-row-rank-down-fade 10s ease-out forwards}
@keyframes lb-row-rank-up-fade{0%,90%{box-shadow:inset 3px 0 0 rgba(var(--accent-rgb),.7)}100%{box-shadow:inset 0 0 0 transparent}}
@keyframes lb-row-rank-down-fade{0%,90%{box-shadow:inset 3px 0 0 rgba(239,68,68,.7)}100%{box-shadow:inset 0 0 0 transparent}}

@media (prefers-reduced-motion: reduce){.lb-wrap .lb-row,.lb-wrap .lb-bar,.lb-rank-delta{animation:none}}
@container (max-width:240px){
  .lb-wrap{padding:4px 6px}
  .lb-wrap .lb-row{padding:4px 7px;gap:6px}
  .lb-wrap .lb-av{display:none}
}
@container (max-width:140px){
  .lb-wrap .lb-rank{display:none}
  .lb-wrap .lb-row{padding:3px 6px;gap:4px}
}


.w[data-wtype="donut"]{position:relative;overflow:hidden;padding:12px 14px 8px}
.w[data-wtype="donut"]::before{content:'';position:absolute;top:0;right:0;width:50%;height:60%;pointer-events:none;z-index:0;opacity:0;transition:opacity .3s ease;background:radial-gradient(ellipse at top right,currentColor,transparent 70%)}
.w[data-wtype="donut"]:has(.gauge-half.zone-red)::before{color:rgba(239,68,68,0.18);opacity:1}
.w[data-wtype="donut"]:has(.gauge-half.zone-amber)::before{color:rgba(245,158,11,0.18);opacity:1}
.w[data-wtype="donut"]:has(.gauge-half.zone-green)::before{color:rgba(var(--success-rgb),0.18);opacity:1}
html[data-theme="light"] .w[data-wtype="donut"]:has(.gauge-half.zone-red)::before{color:rgba(239,68,68,0.10)}
html[data-theme="light"] .w[data-wtype="donut"]:has(.gauge-half.zone-amber)::before{color:rgba(245,158,11,0.10)}
html[data-theme="light"] .w[data-wtype="donut"]:has(.gauge-half.zone-green)::before{color:rgba(var(--success-rgb),0.10)}
.w[data-wtype="donut"] > *{position:relative;z-index:1}
.w[data-wtype="donut"] .w-head{margin-bottom:0;display:block}
.w[data-wtype="donut"] .w-title{font-size:.84rem;text-transform:none;letter-spacing:-.005em;color:var(--text-1);font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen[data-screen="editor"] #cvBoard .w[data-wtype="donut"] .w-title{font-size:calc(.84rem * var(--w-scale,1))}
.w[data-wtype="donut"] .gauge-sub{font-size:.64rem;color:var(--text-3);font-weight:400;letter-spacing:.002em;margin-bottom:2px;display:block}

.gauge-half{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1.4cqi,10px);min-height:0;min-width:0;overflow:hidden;padding:clamp(4px,1.5cqi,12px) 0}
.gauge-half .gauge-svg{width:auto;max-width:100%;height:auto;max-height:65%;aspect-ratio:200/120;display:block;overflow:visible;flex-shrink:0}
.gauge-half .gauge-svg .gauge-bg{stroke:rgba(255,255,255,0.08);stroke-width:12;fill:none;stroke-linecap:round}
html[data-theme="light"] .gauge-half .gauge-svg .gauge-bg{stroke:rgba(0,0,0,0.07)}
.gauge-half .gauge-svg .gauge-fg{stroke-width:12;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 6px currentColor);transition:stroke-dasharray .6s cubic-bezier(.4,1,.6,1)}
.gauge-half .gauge-svg .gauge-fg.zone-red{color:var(--danger,#ef4444)}
.gauge-half .gauge-svg .gauge-fg.zone-amber{color:var(--warn,#f59e0b)}
.gauge-half .gauge-svg .gauge-fg.zone-green{color:var(--success)}
.gauge-half .gauge-svg .gauge-fg.zone-neutral{color:rgba(180,190,210,0.55);filter:none}
html[data-theme="light"] .gauge-half .gauge-svg .gauge-fg.zone-neutral{color:rgba(110,120,140,0.45)}
.gauge-half .gauge-svg .gauge-inner-ring{fill:none;stroke:rgba(255,255,255,0.2);stroke-width:1;stroke-dasharray:2 4;stroke-linecap:round}
html[data-theme="light"] .gauge-half .gauge-svg .gauge-inner-ring{stroke:rgba(0,0,0,0.15)}
.gauge-half .gauge-svg .gauge-marker{stroke-width:3;transition:cx .6s cubic-bezier(.4,1,.6,1),cy .6s cubic-bezier(.4,1,.6,1)}
.gauge-half .gauge-svg .gauge-marker.zone-red{fill:#fff;stroke:var(--danger);filter:drop-shadow(0 0 6px rgba(var(--danger-rgb),0.5))}
.gauge-half .gauge-svg .gauge-marker.zone-amber{fill:#fff;stroke:var(--tangerine);filter:drop-shadow(0 0 6px rgba(var(--tangerine-rgb),0.5))}
.gauge-half .gauge-svg .gauge-marker.zone-green{fill:#fff;stroke:var(--success);filter:drop-shadow(0 0 6px rgba(var(--success-rgb),0.5))}
.gauge-half .gauge-svg .gauge-marker.zone-neutral{fill:#fff;stroke:rgba(140,150,170,0.7)}
html[data-theme="dark"] .gauge-half .gauge-svg .gauge-marker{fill:#0f1419}
.gauge-half .gauge-svg .gauge-tick{fill:var(--text-3);font-size:9px;font-weight:500;font-family:inherit;letter-spacing:.02em}
.gauge-half .gauge-center{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:-4px;padding-bottom:0}
.gauge-half .gauge-center .gauge-val{font-size: calc(1.4rem * var(--w-font-scale, 1));font-weight: calc(900 * var(--w-weight-mult, 1));color:var(--text-1);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em}
.gauge-half .gauge-center .gauge-badge{font-size: calc(.6rem * var(--w-font-scale, 1));font-weight: calc(600 * var(--w-weight-mult, 1));padding:3px 12px;border-radius:100px;letter-spacing:.005em;line-height:1.2;box-shadow:0 1px 3px rgba(0,0,0,0.12)}
.gauge-half .gauge-center .gauge-badge.zone-red{background:var(--danger);color:#fff}
.gauge-half .gauge-center .gauge-badge.zone-amber{background:var(--tangerine);color:#1a1300}
.gauge-half .gauge-center .gauge-badge.zone-green{background:var(--success);color:#fff}
.gauge-half .gauge-empty{flex:1;display:grid;place-items:center;color:var(--text-3);font-size:.78rem;text-align:center;padding:24px;font-style:italic}

.lb{display:flex;flex-direction:column;gap:4px;flex:1;overflow:hidden}
.lb-row{
  display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;
  padding: calc(4px * var(--w-row-pad-mult, 1)) 8px;
  border-radius:6px;background:rgba(255,255,255,0.02);
  font-size: calc(.7rem * var(--w-font-scale, 1));
  cursor:pointer;transition:background .12s;
}
.lb-row:hover{background:rgba(255,255,255,0.06)}
html[data-theme="light"] .lb-row{background:rgba(13,18,38,0.02)}
html[data-theme="light"] .lb-row:hover{background:rgba(13,18,38,0.05)}
.lb-row.me{background:linear-gradient(90deg,rgba(var(--tangerine-rgb),0.14),transparent);border-left:2px solid var(--tangerine);padding-left:6px}
.lb-row.top{background:linear-gradient(90deg,rgba(var(--accent-rgb),0.1),transparent)}
.lb-wrap .lb-list-pinned{
  list-style:none;margin:clamp(3px,1cqi,6px) 0 0;padding:clamp(3px,1cqi,6px) 0 0;
  flex:0 0 auto;border-top:1px dashed var(--border);
  display:flex;flex-direction:column;gap:clamp(2px,.8cqi,5px);
}
.lb-wrap .lb-row-pinned{animation:none;border-color:color-mix(in srgb,var(--blue) 40%,var(--border))}
.lb-wrap .lb-pinned-tag{
  margin-left:clamp(4px,1.5cqi,8px);padding:clamp(1px,.4cqi,2px) clamp(4px,1.4cqi,7px);
  border-radius:999px;background:var(--blue);color:#fff;
  font-size:clamp(.5rem,1.8cqi,.62rem);font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;vertical-align:middle;
}
.lb-rank{font-size: calc(.66rem * var(--w-font-scale, 1));color:var(--text-3);font-weight: calc(800 * var(--w-weight-mult, 1));text-align:center}
.lb-rank.medal{font-size: calc(.85rem * var(--w-font-scale, 1))}
.lb-name{font-size: calc(.7rem * var(--w-font-scale, 1));font-weight: calc(600 * var(--w-weight-mult, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-val{font-size: calc(.74rem * var(--w-font-scale, 1));font-weight: calc(800 * var(--w-weight-mult, 1));color:var(--accent);font-variant-numeric:tabular-nums}

.lb-pro{display:flex;flex-direction:column;gap:3px;flex:1;overflow:hidden;min-width:0}
.lb-pro .lb-pro-head{display:grid;align-items:center;gap:8px;padding:4px 8px;font-size:.54rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:700;border-bottom:1px solid var(--border);margin-bottom:2px}
.lb-pro .lb-pro-row{display:grid;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,0.02);font-size:.68rem;transition:background .12s;min-width:0;position:relative}
.lb-pro .lb-pro-row:hover,
body .lb-pro .lb-pro-row:hover,
body #ecanvas .lb-pro .lb-pro-row:hover{background:rgba(var(--accent-rgb),0.14) !important}
.lb-pro .lb-pro-row.footer{margin-top:6px;padding-top:8px;border-top:1px solid var(--border-2);background:rgba(255,255,255,0.04);font-weight:800;color:var(--text-2)}
body #ecanvas .lb-pro .lb-pro-row:not(.footer):nth-child(even),
body .lb-pro .lb-pro-row:not(.footer):nth-child(even){
  background: color-mix(in srgb, var(--accent) calc(var(--row-emphasis, 50) * 0.20%), rgba(255,255,255, calc(var(--row-emphasis, 50) / 100 * 0.45))) !important;
}
html[data-theme="light"] body #ecanvas .lb-pro .lb-pro-row:not(.footer):nth-child(even),
html[data-theme="light"] body .lb-pro .lb-pro-row:not(.footer):nth-child(even){
  background:rgba(0,0,0, calc(var(--row-emphasis, 50) / 100 * 0.10)) !important;
}
body #ecanvas .lb-pro .lb-pro-row:not(.footer):not(:last-child),
body .lb-pro .lb-pro-row:not(.footer):not(:last-child){
  box-shadow: inset 0 -1px 0 0 color-mix(in srgb, var(--accent) calc(var(--row-emphasis, 50) * 0.30%), rgba(255,255,255, calc(var(--row-emphasis, 50) / 100 * 0.70))) !important;
}
html[data-theme="light"] body #ecanvas .lb-pro .lb-pro-row:not(.footer):not(:last-child),
html[data-theme="light"] body .lb-pro .lb-pro-row:not(.footer):not(:last-child){
  box-shadow: inset 0 -1px 0 0 rgba(0,0,0, calc(var(--row-emphasis, 50) / 100 * 0.22)) !important;
}
.lb-pro .lb-rank{font-size:.62rem;color:var(--text-3);font-weight:800;text-align:center;min-width:18px}
.lb-pro .lb-avatar{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.55rem;font-weight:800;color:#000;text-transform:uppercase;flex-shrink:0;background:linear-gradient(135deg,var(--accent),#22d3ee)}
.lb-pro .lb-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.lb-pro .lb-name-cell{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}
.lb-pro .lb-name-cell .nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lb-pro .lb-badges{display:inline-flex;gap:3px;flex-shrink:0;align-items:center}
.lb-pro .lb-badge{display:inline-flex;align-items:center;gap:2px;padding:1px 5px;border-radius:9px;font-size:.5rem;font-weight:800;line-height:1.4}
.lb-pro .lb-badge.streak{background:rgba(245,158,11,0.18);color:var(--amber)}
.lb-pro .lb-badge.trophy{background:rgba(255,215,0,0.16);color:#facc15}
.lb-pro .lb-badge.tier{background:rgba(167,139,250,0.18);color:var(--purple)}
.lb-pro .lb-badge.pb{background:rgba(34,211,238,0.16);color:var(--blue)}
.lb-pro .lb-cell{font-variant-numeric:tabular-nums;text-align:right;font-weight:700;color:var(--text-2);font-size:.68rem;white-space:nowrap}
.lb-pro .lb-cell-bar{position:relative;height:18px;border-radius:4px;overflow:hidden;background:rgba(255,255,255,0.04);text-align:center;display:grid;place-items:center;font-weight:800;font-size:.62rem;color:#000;font-variant-numeric:tabular-nums}
.lb-pro .lb-cell-bar .fill{position:absolute;inset:0 auto 0 0;border-radius:4px;z-index:0}
.lb-pro .lb-cell-bar .lbl{position:relative;z-index:1;padding:0 6px}
.lb-pro .lb-cell-bar.t-red .fill{background:linear-gradient(90deg,var(--red),color-mix(in srgb,var(--red) 80%,#000))}
.lb-pro .lb-cell-bar.t-amber .fill{background:linear-gradient(90deg,var(--amber),color-mix(in srgb,var(--amber) 80%,#000))}
.lb-pro .lb-cell-bar.t-green .fill{background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success) 80%,#000))}
.lb-pro .lb-cell-bar.t-purple .fill{background:linear-gradient(90deg,var(--purple),color-mix(in srgb,var(--purple) 80%,#000))}
.lb-pro .lb-cell-bar.t-red .lbl,.lb-pro .lb-cell-bar.t-amber .lbl,.lb-pro .lb-cell-bar.t-green .lbl,.lb-pro .lb-cell-bar.t-purple .lbl{color:#000;text-shadow:0 1px 1px rgba(255,255,255,0.18)}
.lb-pro .lb-cell.neg{color:var(--red)}
.lb-pro .lb-cell.pos{color:var(--accent)}
.lb-pro .lb-empty{padding:18px;text-align:center;color:var(--text-3);font-size:.68rem;font-style:italic}


.kriger{display:flex;align-items:center;gap:calc(10px * var(--w-row-gap-mult, 1));flex:1;padding-top:2px;min-width:0}
.kriger-p{width:calc(44px * var(--w-avatar-scale, 1));height:calc(44px * var(--w-avatar-scale, 1));border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--red));display:grid;place-items:center;font-size:calc(1.3rem * var(--w-avatar-scale, 1));flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--amber) 40%,transparent)}
.kriger-info{min-width:0;overflow:hidden}
.kriger-name{font-size:calc(.78rem * var(--w-font-scale, 1));font-weight:calc(800 * var(--w-weight-mult, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kriger-stat{font-size:calc(.62rem * var(--w-font-scale, 1));color:var(--text-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kriger-quote{font-size:calc(.62rem * var(--w-font-scale, 1));font-style:italic;color:var(--amber);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.stream{display:flex;flex-direction:column;gap:calc(3px * var(--w-row-gap-mult, 1));flex:1;overflow:hidden;min-height:0}
.stream-item{display:flex;align-items:center;gap:6px;padding:calc(4px * var(--w-row-pad-mult, 1)) 8px;border-radius:6px;font-size:calc(.66rem * var(--w-font-scale, 1));color:var(--text-2);animation:sIn .4s ease-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@keyframes sIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}
.stream-item .time{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:calc(.58rem * var(--w-font-scale, 1));color:var(--text-3);flex-shrink:0}
.stream-item .who{font-weight:700;color:var(--text-1)}

.progress{width:100%;height:7px;background:rgba(255,255,255,0.04);border-radius:100px;overflow:hidden;margin-top:6px;position:relative}
.progress-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--accent),var(--blue));position:relative}
.progress-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);animation:shimmer 2.4s infinite}
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

.cd-grid{display:flex;justify-content:space-around;gap:4px;margin-top:6px}
.cd-cell{text-align:center;min-width:0;flex:1}
.cd-val{font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.cd-lbl{font-size:.54rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}

.ach-row{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}
.ach{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:1.05rem;flex-shrink:0;cursor:help}
.ach.gold{background:linear-gradient(135deg,#ffd700,#f59e0b)}
.ach.silver{background:linear-gradient(135deg,#c0c0c0,#6b7280)}
.ach.bronze{background:linear-gradient(135deg,#cd7f32,#92400e)}
.ach.plat{background:linear-gradient(135deg,var(--purple),var(--pink))}
.ach.more{background:var(--card-3);opacity:.5;font-size:.65rem;font-weight:800;color:var(--text-2)}

.einsp{--insp-drag-h:41px;position:fixed;width:340px;max-height:calc(100vh - 110px);background:var(--bh-glass-2);border:1px solid var(--bh-edge);border-radius:var(--bh-r-block);box-shadow:var(--bh-rim),var(--bh-spec),var(--bh-shadow-ink);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);overflow-y:auto;overflow-x:hidden;display:none;z-index:60;animation:inspIn .18s cubic-bezier(.2,.8,.2,1)}
.einsp.popped{display:block}
.einsp.dragging{transition:none;cursor:grabbing!important;user-select:none;animation:none}
.einsp.dragging *{user-select:none!important;pointer-events:none}
.einsp::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 30%);opacity:.35;mix-blend-mode:overlay}
html[data-theme="dark"] .einsp::after{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 32%);opacity:.4}
.einsp>*{position:relative;z-index:1}
@keyframes inspIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.einsp .insp-close{width:24px;height:24px;border:1px solid var(--bh-edge);background:rgba(255,255,255,.10);color:var(--bh-ink-2);border-radius:var(--bh-r-pill);cursor:pointer;font-size:1.05rem;line-height:1;display:grid;place-items:center;flex-shrink:0;font-family:inherit;transition:background .15s,color .15s,border-color .15s}
.einsp .insp-close:hover{background:color-mix(in srgb,var(--red) 16%,transparent);color:var(--red);border-color:color-mix(in srgb,var(--red) 38%,transparent)}
html[data-theme="dark"] .einsp .insp-close{background:rgba(255,255,255,.06)}
.einsp .insp-drag{position:sticky;top:0;height:var(--insp-drag-h);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px 8px 12px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06));border-bottom:1px solid var(--bh-edge);box-shadow:var(--bh-spec);cursor:grab;z-index:4;user-select:none}
html[data-theme="dark"] .einsp .insp-drag{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.02))}
.einsp .insp-drag:active{cursor:grabbing}
.einsp .insp-drag-grip{display:flex;align-items:center;gap:6px;color:var(--bh-ink-2);font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.einsp .insp-drag-grip::before{content:'⋮⋮';font-size:1rem;color:var(--bh-ink-3);letter-spacing:-2px;line-height:1;flex-shrink:0}
.einsp .insp-drag-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.einsp .insp-drag-reset{background:rgba(255,255,255,.10);border:1px solid var(--bh-edge);color:var(--bh-ink-2);cursor:pointer;font-size:.62rem;padding:4px 9px;border-radius:var(--bh-r-pill);font-family:inherit;font-weight:600;transition:background .15s,color .15s}
.einsp .insp-drag-reset:hover{background:rgba(255,255,255,.20);color:var(--bh-ink)}
html[data-theme="dark"] .einsp .insp-drag-reset{background:rgba(255,255,255,.06)}
html[data-theme="dark"] .einsp .insp-drag-reset:hover{background:rgba(255,255,255,.12)}
.insp-tabs{display:flex;border-bottom:1px solid var(--bh-edge);position:sticky;top:0;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);z-index:2}
html[data-theme="dark"] .insp-tabs{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.insp-tab{flex:1;padding:10px 6px;border:none;background:transparent;color:var(--bh-ink-3);font-family:inherit;font-size:.65rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.insp-tab:hover{color:var(--bh-ink)}
.insp-tab.active{color:var(--accent-ink);border-bottom-color:var(--bh-blue);font-weight:700}
.insp-pane{padding:12px;display:none}
.insp-pane.active{display:block}
.insp-section{margin-bottom:16px}
.insp-section-title{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);font-weight:700;margin-bottom:6px}
.insp-subhead{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;color:var(--bh-ink-2);font-weight:700;opacity:.85;margin:2px 0 5px}
.field{margin-bottom:9px}
.einsp .field{background:transparent !important}
.field label{display:block;font-size:.62rem;color:var(--bh-ink-2);margin-bottom:3px;font-weight:600}
.einsp .field input,.einsp .field select,.einsp .field textarea{width:100%;padding:6px 9px;background:var(--bh-chrome-fill) !important;border:1px solid var(--bh-edge);border-radius:var(--bh-r-tile);color:var(--bh-ink);font-family:inherit;font-size:.7rem;outline:none;min-width:0;transition:border-color .15s,box-shadow .15s}
.einsp .field input:focus,.einsp .field select:focus,.einsp .field textarea:focus{border-color:var(--bh-blue)}
.einsp input,.einsp select,.einsp textarea{background:var(--bh-chrome-fill) !important;color:var(--bh-ink)}
.einsp input:focus,.einsp select:focus,.einsp textarea:focus{border-color:var(--bh-blue)}
.einsp input[type="color"]{background:transparent !important}
.cb-wrap{position:relative}
.cb-wrap input{width:100%;padding:6px 42px 6px 9px;background:var(--card);border:1px solid var(--border);border-radius:7px;color:var(--text-1);font-family:inherit;font-size:.7rem;outline:none;cursor:text}
.cb-wrap input:focus{border-color:var(--accent)}
.cb-wrap .cb-chev{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.55rem;color:var(--text-3);line-height:1}
.cb-wrap .cb-clear{position:absolute;right:22px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--text-3);padding:2px 4px;line-height:1;display:none}
.cb-wrap input:not(:placeholder-shown) ~ .cb-clear{display:inline}
.cb-dropdown{display:none;position:absolute;top:calc(100% + 2px);left:0;right:0;max-height:280px;overflow-y:auto;background:var(--card-solid,var(--card));border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.18);z-index:100;padding:3px}
.cb-wrap.open .cb-dropdown{display:block}
.cb-opt{padding:6px 9px;font-size:.7rem;color:var(--text-1);cursor:pointer;border-radius:5px;line-height:1.3}
.cb-opt:hover,.cb-opt.active{background:var(--surface);color:var(--text-1)}
.cb-opt .cb-hl{color:var(--accent);font-weight:700}
.cb-opt.cb-empty{color:var(--text-3);font-style:italic;cursor:default}
.cb-opt.cb-empty:hover{background:transparent}
.cb-opt-group{padding:4px 9px;font-size:.55rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-top:4px}
.field .chk-row{display:flex;align-items:center;gap:8px;font-size:.68rem;color:var(--text-2);cursor:pointer;padding:5px 0;margin:0;line-height:1.25}
.field .chk-row input[type="checkbox"]{width:14px;height:14px;flex-shrink:0;padding:0;margin:0;accent-color:var(--accent)}
.field .chk-row span{flex:1;white-space:normal}
.field .chk-row:hover span{color:var(--text-1)}
.seg-group{display:flex;background:var(--card);border:1px solid var(--border);border-radius:7px;padding:2px;gap:1px}
.seg{flex:1;padding:5px 6px;background:transparent;border:none;color:var(--text-3);font-size:.62rem;font-weight:600;cursor:pointer;border-radius:5px;font-family:inherit;transition:all .15s;white-space:nowrap;min-width:0}
.seg:hover{color:var(--text-1);background:color-mix(in srgb,var(--accent) 6%,transparent)}
.seg.active{background:var(--card-3);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}

.period-picker{display:flex;flex-direction:column;gap:6px}
.period-picker .period-row{display:flex;gap:1px;background:var(--card);border:1px solid var(--border);border-radius:7px;padding:2px}
.period-picker .period-row .seg{padding:6px 4px;font-size:.64rem}
.period-picker .period-sub{display:flex;align-items:center;gap:6px}
.period-picker .period-sub-label{font-size:.54rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:700;flex-shrink:0;padding-left:2px}
.period-picker .period-sub-row{flex:1;display:flex;gap:1px;background:var(--card);border:1px solid var(--border);border-radius:7px;padding:2px}
.period-picker .period-sub-row .seg{padding:5px 8px;font-size:.6rem}

.period-picker.pp-v2{display:flex;flex-direction:column;gap:10px}
.period-picker.pp-v2 .pp-group{display:flex;flex-direction:column;gap:5px}
.period-picker.pp-v2 .pp-group-head{
  display:flex;align-items:center;gap:6px;
  font-size:.56rem;font-weight:700;color:var(--text-3);
  text-transform:uppercase;letter-spacing:.08em;padding:0 2px
}
.period-picker.pp-v2 .pp-live-dot{
  display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),0.18);
  animation: pp-live-pulse 1.6s ease-in-out infinite;
}
@keyframes pp-live-pulse{
  0%,100%{box-shadow:0 0 0 2px rgba(var(--accent-rgb),0.18)}
  50%{box-shadow:0 0 0 4px rgba(var(--accent-rgb),0.05)}
}
.period-picker.pp-v2 .pp-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:5px;
}
.period-picker.pp-v2 .pp-btn{
  display:flex;align-items:center;gap:7px;
  padding:8px 10px;
  background:var(--card);border:1px solid var(--border);border-radius:8px;
  color:var(--text-2);font-family:inherit;font-size:.7rem;font-weight:600;
  cursor:pointer;transition:all .12s;text-align:left;
  min-width:0;
}
.period-picker.pp-v2 .pp-btn:hover{
  background:var(--surface);border-color:var(--border-2);color:var(--text-1);
}
.period-picker.pp-v2 .pp-btn .pp-icon{
  display:inline-grid;place-items:center;
  width:22px;height:22px;flex-shrink:0;
  background:var(--surface);border-radius:5px;
  font-size:.72rem;font-weight:800;color:var(--text-3);
  font-family:var(--bh-mono);font-variant-numeric:tabular-nums;letter-spacing:-0.5px;
}
.period-picker.pp-v2 .pp-btn .pp-lbl{
  flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.period-picker.pp-v2 .pp-btn[aria-pressed="true"]{
  background:linear-gradient(135deg, rgba(var(--accent-rgb),0.18), rgba(var(--accent-rgb),0.06));
  border-color:rgba(var(--accent-rgb),0.5);
  color:var(--accent);
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),0.3), 0 4px 12px rgba(var(--accent-rgb),0.10);
}
.period-picker.pp-v2 .pp-btn[aria-pressed="true"] .pp-icon{
  background:rgba(var(--accent-rgb),0.22);color:var(--accent);
}
.period-picker.pp-v2 .pp-group:last-child .pp-btn[aria-pressed="true"]{
  background:linear-gradient(135deg, rgba(167,139,250,0.18), rgba(167,139,250,0.06));
  border-color:rgba(167,139,250,0.5);
  color:#a78bfa;
  box-shadow:0 0 0 1px rgba(167,139,250,0.3), 0 4px 12px rgba(167,139,250,0.10);
}
.period-picker.pp-v2 .pp-group:last-child .pp-btn[aria-pressed="true"] .pp-icon{
  background:rgba(167,139,250,0.22);color:#a78bfa;
}

.ttx-wrap{flex:1;overflow:auto;border-radius:10px;padding:2px 0;background:var(--card-solid,var(--card));min-width:0;container-type:inline-size;container-name:ttx;display:flex;flex-direction:column}
.ttx-head{
  display:grid;grid-template-columns:var(--ttx-cols);
  gap: calc(clamp(3px,1cqi,8px) * var(--w-col-gap-mult, 1));
  padding: clamp(6px,2.2cqi,12px) calc(clamp(8px,3cqi,16px) * var(--w-col-pad-mult, 1)) clamp(4px,1.5cqi,10px);
  position:sticky;top:0;background:linear-gradient(180deg,var(--card-solid,var(--card)) 70%,transparent);z-index:2;border-bottom:1px solid rgba(255,255,255,0.06);
}
.ttx-h{position:relative}
.ttx-wrap{position:relative}

.ttx-col-resize{
  position:absolute;top:0;bottom:0;right:-7px;
  width:clamp(10px,1.2cqi,18px);cursor:col-resize;z-index:5;
  opacity:0;
  pointer-events:auto;
  transition:opacity .2s ease, width .15s, right .15s;
  display:flex;align-items:center;justify-content:center;
}
.ttx-col-resize::before{
  content:'';
  width:2px;height:60%;border-radius:1px;
  background: linear-gradient(180deg,
    transparent 5%,
    color-mix(in srgb, var(--accent) 80%, transparent) 15%,
    color-mix(in srgb, var(--accent) 80%, transparent) 35%,
    transparent 40%,
    transparent 45%,
    color-mix(in srgb, var(--accent) 80%, transparent) 50%,
    color-mix(in srgb, var(--accent) 80%, transparent) 70%,
    transparent 75%,
    transparent 80%,
    color-mix(in srgb, var(--accent) 80%, transparent) 85%,
    color-mix(in srgb, var(--accent) 80%, transparent) 95%,
    transparent 100%);
  transition: width .15s, background .15s;
}
.w.sel .ttx-col-resize{
  opacity:.55;pointer-events:auto;
}
.w.sel .ttx-col-resize:hover,
.w.sel .ttx-h:hover .ttx-col-resize{
  opacity:1;
}
.w.sel .ttx-col-resize:hover::before,
.w.sel .ttx-h:hover .ttx-col-resize::before{
  width:4px;
  background: var(--accent);
  box-shadow:
    0 0 6px color-mix(in srgb, var(--accent) 65%, transparent),
    0 0 14px color-mix(in srgb, var(--accent) 30%, transparent);
}
.w.sel .ttx-col-resize::after{
  content:'';position:absolute;left:50%;top:0;
  width:1px;height:0;
  background: color-mix(in srgb, var(--accent) 35%, transparent);
  transform: translateX(-50%);
  transition: height .15s ease, background .15s;
  pointer-events:none;
}
.w.sel .ttx-col-resize:hover::after,
.w.sel .ttx-h:hover .ttx-col-resize::after{
  height: 800px;
  background: color-mix(in srgb, var(--accent) 55%, transparent);
}

.w.sel .ttx-h:first-child .ttx-col-resize::before{
  animation: ttxResizeHintGrow 1.8s ease-in-out 3;
}
@keyframes ttxResizeHintGrow{
  0%,100%{ width:2px; opacity:1 }
  50%{ width:4px; opacity:1; box-shadow: 0 0 8px color-mix(in srgb, var(--accent) 50%, transparent) }
}
@media (prefers-reduced-motion: reduce){
  .w.sel .ttx-h:first-child .ttx-col-resize::before{ animation:none }
}

body[style*="col-resize"] .ttx-col-resize{opacity:1;pointer-events:auto}
body[style*="col-resize"] .ttx-col-resize::before{
  width:4px;
  background: var(--accent);
  box-shadow: 0 0 8px color-mix(in srgb, var(--accent) 60%, transparent);
}
body[style*="col-resize"] .ttx-col-resize::after{
  height: 800px;
  background: color-mix(in srgb, var(--accent) 70%, transparent);
}

html[data-theme="light"] .w.sel .ttx-col-resize::before{
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);
}
.ttx-h{
  font-size: calc(clamp(.6rem,2.2cqi,.82rem) * var(--w-font-scale, 1));
  font-weight: calc(800 * var(--w-weight-mult, 1));
  color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;line-height:1;
}
.ttx-body{display:flex;flex-direction:column;gap:1px;padding:clamp(2px,.8cqi,6px) 0}
.ttx-row{
  display:grid;grid-template-columns:var(--ttx-cols);
  gap: calc(clamp(4px,1.4cqi,8px) * var(--w-col-gap-mult, 1));
  padding: calc(clamp(3px,1.2cqi,7px) * var(--w-row-pad-mult, 1)) calc(clamp(6px,2.5cqi,14px) * var(--w-col-pad-mult, 1));
  border-radius:8px;align-items:center;transition:background .14s,transform .14s;position:relative;margin:0 clamp(2px,.8cqi,5px);
}
.ttx-row:hover{background:linear-gradient(90deg,rgba(var(--accent-rgb),0.06),rgba(var(--accent-rgb),0.02))}
.ttx-row.is-top{background:linear-gradient(90deg,rgba(255,215,0,0.07),transparent 65%)}
.ttx-row.is-top:hover{background:linear-gradient(90deg,rgba(255,215,0,0.13),rgba(var(--accent-rgb),0.04))}
.ttx-row.is-fhv{opacity:.4}
.ttx-row.is-fhv:hover{opacity:.7}
.ttx-name{display:flex;align-items:center;gap:clamp(5px,2cqi,11px);min-width:0;position:sticky;left:0;background:var(--card-solid,var(--card));z-index:1;padding-right:clamp(4px,1.5cqi,8px)}
.ttx-head .ttx-h:first-child{position:sticky;left:0;background:linear-gradient(180deg,var(--card-solid,var(--card)) 90%,transparent);z-index:3;padding-right:clamp(4px,1.5cqi,8px)}
.ttx-row:hover .ttx-name{background:linear-gradient(90deg,rgba(var(--accent-rgb),0.10),rgba(var(--accent-rgb),0.04),var(--card-solid,var(--card)))}
.ttx-row.is-top .ttx-name{background:linear-gradient(90deg,rgba(255,215,0,0.10),rgba(255,215,0,0.04),var(--card-solid,var(--card)))}
.ttx-rank{
  width: calc(clamp(16px,5.5cqi,26px) * var(--w-avatar-scale, 1));
  height: calc(clamp(16px,5.5cqi,26px) * var(--w-avatar-scale, 1));
  border-radius:50%;display:grid;place-items:center;
  font-size: calc(clamp(.5rem,2cqi,.7rem) * var(--w-avatar-scale, 1));
  font-weight: calc(800 * var(--w-weight-mult, 1));
  color:var(--text-3);background:rgba(255,255,255,0.04);flex-shrink:0;font-variant-numeric:tabular-nums;position:relative;
}
.ttx-rank-delta{
  position:absolute;
  top:clamp(-9px,-2cqi,-4px); right:clamp(-15px,-3.5cqi,-9px);
  padding:clamp(1px,.5cqi,3px) clamp(4px,1.6cqi,8px) clamp(1px,.5cqi,3px) clamp(3px,1.4cqi,7px);
  border-radius:9px;
  font-size:clamp(.48rem,1.9cqi,.66rem);
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 2px 6px rgba(0,0,0,.4);
  font-variant-numeric:tabular-nums;
  animation:rank-delta-fade 6s ease-out forwards;
  z-index:5;
  letter-spacing:.02em;
}
.ttx-rank-delta.up{ background:var(--accent); color:var(--on-accent-ink,#fff); box-shadow:0 2px 6px rgba(var(--accent-rgb),.5),0 0 0 2px rgba(var(--accent-rgb),.2) }
.ttx-rank-delta.down{ background:#ef4444; color:#fff; box-shadow:0 2px 6px rgba(239,68,68,.5),0 0 0 2px rgba(239,68,68,.2) }
.ttx-rank-delta.is-big{
  font-size:clamp(.54rem,2.2cqi,.74rem);
  padding:clamp(2px,.8cqi,4px) clamp(5px,1.9cqi,9px) clamp(2px,.8cqi,4px) clamp(4px,1.7cqi,8px);
  animation:rank-delta-bigbounce 6s ease-out forwards;
}
@keyframes rank-delta-fade{
  0%   { opacity:0; transform:translateX(8px) scale(.8) }
  6%   { opacity:1; transform:translateX(0) scale(1.15) }
  10%  { opacity:1; transform:translateX(0) scale(1) }
  90%  { opacity:1; transform:translateX(0) scale(1) }
  100% { opacity:0; transform:translateX(-2px) scale(.95) }
}
@keyframes rank-delta-bigbounce{
  0%   { opacity:0; transform:translateY(-4px) scale(.6) rotate(-8deg) }
  4%   { opacity:1; transform:translateY(0) scale(1.4) rotate(4deg) }
  8%   { transform:translateY(-2px) scale(1.1) rotate(-2deg) }
  12%  { transform:translateY(0) scale(1.25) rotate(2deg) }
  16%  { transform:translateY(0) scale(1) rotate(0deg) }
  90%  { opacity:1; transform:translateY(0) scale(1) }
  100% { opacity:0; transform:translateY(-4px) scale(.9) }
}

.ttx-row.is-rank-up{
  animation:row-rank-up-hold 6s ease-out 1;
  position:relative;
}
.ttx-row.is-rank-down{
  animation:row-rank-down-hold 6s ease-out 1;
  position:relative;
}
@keyframes row-rank-up-hold{
  0%   { box-shadow:inset 0 0 0 0 transparent }
  4%   { box-shadow:inset 6px 0 0 rgba(var(--accent-rgb),.95), 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent) }
  90%  { box-shadow:inset 6px 0 0 rgba(var(--accent-rgb),.95), 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent) }
  100% { box-shadow:inset 0 0 0 0 transparent }
}
@keyframes row-rank-down-hold{
  0%   { box-shadow:inset 0 0 0 0 transparent }
  4%   { box-shadow:inset 6px 0 0 rgba(239,68,68,.95), 0 0 0 1px rgba(239,68,68,.30) }
  90%  { box-shadow:inset 6px 0 0 rgba(239,68,68,.95), 0 0 0 1px rgba(239,68,68,.30) }
  100% { box-shadow:inset 0 0 0 0 transparent }
}
.ttx-rank.rk-gold,
.ttx-rank.rk-silver,
.ttx-rank.rk-bronze{
  font-weight:900; letter-spacing:-.01em;
  position:relative;
  background-clip:padding-box;
}
.ttx-rank.rk-gold{
  width:clamp(22px,7cqi,34px); height:clamp(22px,7cqi,34px); font-size:clamp(.58rem,2.4cqi,.82rem);
  background:
    radial-gradient(circle at 30% 28%, rgba(255,255,255,0.7), transparent 35%),
    linear-gradient(135deg,#ffe66b 0%,#ffd700 35%,#e0a300 75%,#a87800 100%);
  color:#3a2200;
  box-shadow:
    0 0 0 1.5px rgba(255,225,120,0.9),
    0 0 12px rgba(255,215,0,0.55),
    0 2px 4px rgba(0,0,0,0.35),
    inset 0 -1px 2px rgba(0,0,0,0.25),
    inset 0 1px 1.5px rgba(255,255,255,0.6);
  text-shadow:0 1px 0 rgba(255,255,255,0.4);
}
.ttx-rank.rk-silver{
  width:clamp(19px,6.2cqi,30px); height:clamp(19px,6.2cqi,30px); font-size:clamp(.55rem,2.2cqi,.76rem);
  background:
    radial-gradient(circle at 30% 28%, rgba(255,255,255,0.7), transparent 35%),
    linear-gradient(135deg,#fafbfc 0%,#dde0e4 35%,#a8acb1 75%,#787c80 100%);
  color:#1c1c1f;
  box-shadow:
    0 0 0 1.5px rgba(225,228,232,0.85),
    0 0 8px rgba(192,196,200,0.4),
    0 2px 3px rgba(0,0,0,0.3),
    inset 0 -1px 1.5px rgba(0,0,0,0.18),
    inset 0 1px 1px rgba(255,255,255,0.55);
  text-shadow:0 1px 0 rgba(255,255,255,0.35);
}
.ttx-rank.rk-bronze{
  width:clamp(18px,5.8cqi,28px); height:clamp(18px,5.8cqi,28px); font-size:clamp(.52rem,2.1cqi,.7rem);
  background:
    radial-gradient(circle at 30% 28%, rgba(255,210,160,0.6), transparent 35%),
    linear-gradient(135deg,#e09556 0%,#cd7f32 35%,#9b5a1f 75%,#5e3812 100%);
  color:#2a1300;
  box-shadow:
    0 0 0 1.5px rgba(220,160,90,0.8),
    0 0 7px rgba(205,127,50,0.4),
    0 2px 3px rgba(0,0,0,0.3),
    inset 0 -1px 1.5px rgba(0,0,0,0.22),
    inset 0 1px 1px rgba(255,200,150,0.5);
  text-shadow:0 1px 0 rgba(255,200,150,0.3);
}
.ttx-rank.rk-gold::after{
  content:''; position:absolute; inset:0;
  border-radius:50%;
  background:conic-gradient(from 0deg, transparent 0%, rgba(255,255,255,0.45) 8%, transparent 16%, transparent 100%);
  animation: ttx-medal-shimmer 4.2s linear infinite;
  pointer-events:none;
  -webkit-mask: radial-gradient(circle, transparent 60%, black 65%, black 92%, transparent 96%);
          mask: radial-gradient(circle, transparent 60%, black 65%, black 92%, transparent 96%);
}
@keyframes ttx-medal-shimmer { to { transform: rotate(360deg); } }
.ttx-av{
  width: calc(clamp(24px,7cqi,38px) * var(--w-avatar-scale, 1));
  height: calc(clamp(24px,7cqi,38px) * var(--w-avatar-scale, 1));
  border-radius:50%;display:grid;place-items:center;
  font-size: calc(clamp(.6rem,2.4cqi,.85rem) * var(--w-avatar-scale, 1));
  font-weight:800;color:#000;flex-shrink:0;
  box-shadow:0 1px 3px rgba(0,0,0,0.35),inset 0 -1px 2px rgba(0,0,0,0.15);
}
.ttx-av-wrap{
  position:relative;display:inline-grid;place-items:center;flex-shrink:0;
  width: calc(clamp(24px,7cqi,38px) * var(--w-avatar-scale, 1));
  height: calc(clamp(24px,7cqi,38px) * var(--w-avatar-scale, 1));
}
.ttx-av.is-rk-gold,
.ttx-av.is-rk-silver,
.ttx-av.is-rk-bronze{
  position:relative; z-index:2;
}
.ttx-av-wrap.is-rk-gold::before,
.ttx-av-wrap.is-rk-silver::before,
.ttx-av-wrap.is-rk-bronze::before{
  content:'';
  position:absolute; inset:-5px;
  border-radius:50%;
  background: conic-gradient(from 0deg, transparent 0%, currentColor 25%, transparent 50%, currentColor 75%, transparent 100%);
  -webkit-mask: radial-gradient(circle, transparent 50%, black 53%, black 70%, transparent 73%);
          mask: radial-gradient(circle, transparent 50%, black 53%, black 70%, transparent 73%);
  animation: ttx-halo-rotate 3.5s linear infinite;
  z-index:0;
  opacity:.85;
}
.ttx-av-wrap.is-rk-gold{ color:#ffd700; }
.ttx-av-wrap.is-rk-silver{ color:#e8eaed; }
.ttx-av-wrap.is-rk-bronze{ color:#cd7f32; }
@keyframes ttx-halo-rotate { to { transform: rotate(360deg); } }

.ttx-av-wrap.is-rk-gold::after{
  content:''; position:absolute; inset:-12px;
  background: radial-gradient(circle, rgba(255,215,0,0.45), transparent 60%);
  border-radius:50%; z-index:-1; pointer-events:none;
  animation: ttx-pulse-glow 2.4s ease-in-out infinite;
}
.ttx-av-wrap.is-rk-silver::after{
  content:''; position:absolute; inset:-8px;
  background: radial-gradient(circle, rgba(232,234,237,0.30), transparent 60%);
  border-radius:50%; z-index:-1; pointer-events:none;
  animation: ttx-pulse-glow 2.8s ease-in-out infinite;
}
.ttx-av-wrap.is-rk-bronze::after{
  content:''; position:absolute; inset:-6px;
  background: radial-gradient(circle, rgba(205,127,50,0.25), transparent 60%);
  border-radius:50%; z-index:-1; pointer-events:none;
  animation: ttx-pulse-glow 3.2s ease-in-out infinite;
}
@keyframes ttx-pulse-glow {
  0%, 100% { opacity:0.5; transform:scale(1); }
  50%      { opacity:1; transform:scale(1.15); }
}

.ttx-av.is-rk-gold{
  width:clamp(26px,8.5cqi,42px) !important; height:clamp(26px,8.5cqi,42px) !important;
  font-size:clamp(.62rem,2.8cqi,.9rem) !important;
  box-shadow: 0 0 0 2px #ffd700, 0 0 16px rgba(255,215,0,0.6), inset 0 -1px 3px rgba(0,0,0,0.25);
  animation: ttx-av-breathe 2.4s ease-in-out infinite;
}
.ttx-av.is-rk-silver{
  width:clamp(22px,7.2cqi,36px) !important; height:clamp(22px,7.2cqi,36px) !important;
  font-size:clamp(.54rem,2.3cqi,.78rem) !important;
  box-shadow: 0 0 0 1.5px #e8eaed, 0 0 10px rgba(232,234,237,0.45), inset 0 -1px 2px rgba(0,0,0,0.2);
}
.ttx-av.is-rk-bronze{
  width:clamp(20px,6.8cqi,34px) !important; height:clamp(20px,6.8cqi,34px) !important;
  font-size:clamp(.5rem,2.2cqi,.74rem) !important;
  box-shadow: 0 0 0 1.5px #cd7f32, 0 0 8px rgba(205,127,50,0.4), inset 0 -1px 2px rgba(0,0,0,0.2);
}
@keyframes ttx-av-breathe {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.05); }
}

.ttx-av-wrap.is-rk-gold{ width:clamp(26px,8.5cqi,42px); height:clamp(26px,8.5cqi,42px); }
.ttx-av-wrap.is-rk-silver{ width:clamp(22px,7.2cqi,36px); height:clamp(22px,7.2cqi,36px); }
.ttx-av-wrap.is-rk-bronze{ width:clamp(20px,6.8cqi,34px); height:clamp(20px,6.8cqi,34px); }

.ttx-crown{
  position: absolute;
  top: clamp(-22px,-4.5cqi,-12px); left: 50%;
  transform: translateX(-50%) rotate(-8deg);
  font-size: clamp(.8rem,3.6cqi,1.25rem); line-height:1;
  z-index: 3; pointer-events: none;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4)) drop-shadow(0 0 6px rgba(255,215,0,0.5));
  animation: ttx-crown-bob 2.4s ease-in-out infinite;
}
@keyframes ttx-crown-bob {
  0%, 100% { transform: translateX(-50%) rotate(-8deg) translateY(0); }
  50%      { transform: translateX(-50%) rotate(8deg)  translateY(-3px); }
}

.ttx-row.is-top-1 .ttx-nm{
  color: #ffd700;
  font-weight: 800;
  text-shadow: 0 0 4px rgba(255,215,0,0.4), 0 0 10px rgba(255,215,0,0.2);
}
.ttx-row.is-top-2 .ttx-nm{
  color: #e8eaed;
  font-weight: 700;
}
.ttx-row.is-top-3 .ttx-nm{
  color: #cd7f32;
  font-weight: 700;
}

.ttx-row.is-top-1{
  background: linear-gradient(90deg, rgba(255,215,0,0.12), rgba(255,215,0,0.04) 40%, transparent 75%) !important;
  border-left: 4px solid #ffd700;
  padding: 12px 12px 12px 9px !important;
  margin: 4px 4px !important;
  position: relative;
  overflow: visible;
  min-height: 56px;
}
.ttx-row.is-top-1 .ttx-nm { font-size: .92rem !important; }
.ttx-row.is-top-1 .ttx-val { font-size: .9rem; padding: 7px 12px; }
.ttx-row.is-top-1::after{
  content:''; position:absolute;
  top:0; left:-100%; width:50%; height:100%;
  background: linear-gradient(90deg, transparent, rgba(255,215,0,0.18), transparent);
  animation: ttx-spotlight-sweep 4s ease-in-out infinite;
  pointer-events:none;
  clip-path: inset(0 round 8px);
}
@keyframes ttx-spotlight-sweep {
  0%, 100% { left:-100%; }
  50%      { left: 200%; }
}
.ttx-row.is-top-2{
  background: linear-gradient(90deg, rgba(232,234,237,0.10), transparent 65%) !important;
  border-left: 3px solid rgba(232,234,237,0.7);
  padding: 9px 12px 9px 10px !important;
  margin: 3px 4px !important;
  min-height: 46px;
}
.ttx-row.is-top-2 .ttx-nm { font-size: .84rem !important; }
.ttx-row.is-top-2 .ttx-val { font-size: .82rem; padding: 6px 10px; }
.ttx-row.is-top-3{
  background: linear-gradient(90deg, rgba(205,127,50,0.08), transparent 60%) !important;
  border-left: 2.5px solid rgba(205,127,50,0.6);
  padding: 7px 12px 7px 11px !important;
  margin: 2px 4px !important;
  min-height: 40px;
}
.ttx-row.is-top-3 .ttx-nm { font-size: .78rem !important; }
.ttx-row.is-top-3 .ttx-val { font-size: .78rem; padding: 5px 9px; }


.ttx-wrap[data-top3-style="off"] .ttx-row.is-top-1,
.ttx-wrap[data-top3-style="off"] .ttx-row.is-top-2,
.ttx-wrap[data-top3-style="off"] .ttx-row.is-top-3{
  background: transparent !important;
  border-left: none !important;
  padding: 5px 12px !important;
  margin: 0 4px !important;
  min-height: 0 !important;
}
.ttx-wrap[data-top3-style="off"] .ttx-row.is-top-1 .ttx-nm,
.ttx-wrap[data-top3-style="off"] .ttx-row.is-top-2 .ttx-nm,
.ttx-wrap[data-top3-style="off"] .ttx-row.is-top-3 .ttx-nm{
  font-size: .74rem !important; color: var(--text-1) !important; font-weight: 600 !important; text-shadow: none !important;
}
.ttx-wrap[data-top3-style="off"] .ttx-row.is-top-1 .ttx-val,
.ttx-wrap[data-top3-style="off"] .ttx-row.is-top-2 .ttx-val,
.ttx-wrap[data-top3-style="off"] .ttx-row.is-top-3 .ttx-val{
  font-size: .74rem !important; padding: 5px 8px !important;
}
.ttx-wrap[data-top3-style="off"] .ttx-rank{
  width: 22px !important; height: 22px !important; font-size: .62rem !important;
  background: rgba(255,255,255,0.04) !important; color: var(--text-3) !important;
  box-shadow: none !important; text-shadow: none !important;
}
.ttx-wrap[data-top3-style="off"] .ttx-rank::after{ display: none !important; }
.ttx-wrap[data-top3-style="off"] .ttx-av.is-rk-gold,
.ttx-wrap[data-top3-style="off"] .ttx-av.is-rk-silver,
.ttx-wrap[data-top3-style="off"] .ttx-av.is-rk-bronze{
  width: 26px !important; height: 26px !important; font-size: .6rem !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.35), inset 0 -1px 2px rgba(0,0,0,0.15) !important;
  animation: none !important;
}
.ttx-wrap[data-top3-style="off"] .ttx-av-wrap{ width: 26px !important; height: 26px !important; }
.ttx-wrap[data-top3-style="off"] .ttx-av-wrap::before,
.ttx-wrap[data-top3-style="off"] .ttx-av-wrap::after,
.ttx-wrap[data-top3-style="off"] .ttx-crown,
.ttx-wrap[data-top3-style="off"] .ttx-row.is-top-1::after{ display: none !important; }

.ttx-wrap[data-top3-style="minimal"] .ttx-av-wrap.is-rk-gold::before,
.ttx-wrap[data-top3-style="minimal"] .ttx-av-wrap.is-rk-silver::before,
.ttx-wrap[data-top3-style="minimal"] .ttx-av-wrap.is-rk-bronze::before,
.ttx-wrap[data-top3-style="minimal"] .ttx-av-wrap::after,
.ttx-wrap[data-top3-style="minimal"] .ttx-crown,
.ttx-wrap[data-top3-style="minimal"] .ttx-row.is-top-1::after,
.ttx-wrap[data-top3-style="minimal"] .ttx-rank.rk-gold::after{ display: none !important; }
.ttx-wrap[data-top3-style="minimal"] .ttx-av.is-rk-gold,
.ttx-wrap[data-top3-style="minimal"] .ttx-av.is-rk-silver,
.ttx-wrap[data-top3-style="minimal"] .ttx-av.is-rk-bronze{ animation: none !important; }
.ttx-wrap[data-top3-style="minimal"] .ttx-av.is-rk-gold{ width: 28px !important; height: 28px !important; font-size: .64rem !important; }
.ttx-wrap[data-top3-style="minimal"] .ttx-av.is-rk-silver{ width: 27px !important; height: 27px !important; font-size: .62rem !important; }
.ttx-wrap[data-top3-style="minimal"] .ttx-av.is-rk-bronze{ width: 27px !important; height: 27px !important; font-size: .62rem !important; }
.ttx-wrap[data-top3-style="minimal"] .ttx-av-wrap.is-rk-gold,
.ttx-wrap[data-top3-style="minimal"] .ttx-av-wrap.is-rk-silver,
.ttx-wrap[data-top3-style="minimal"] .ttx-av-wrap.is-rk-bronze{ width: 28px !important; height: 28px !important; }
.ttx-wrap[data-top3-style="minimal"] .ttx-row.is-top-1{ min-height: 38px !important; padding: 5px 12px 5px 9px !important; background: linear-gradient(90deg, rgba(255,215,0,0.06), transparent 60%) !important; }
.ttx-wrap[data-top3-style="minimal"] .ttx-row.is-top-2{ min-height: 36px !important; padding: 5px 12px 5px 10px !important; background: linear-gradient(90deg, rgba(232,234,237,0.05), transparent 60%) !important; }
.ttx-wrap[data-top3-style="minimal"] .ttx-row.is-top-3{ min-height: 34px !important; padding: 5px 12px 5px 11px !important; background: linear-gradient(90deg, rgba(205,127,50,0.04), transparent 60%) !important; }
.ttx-wrap[data-top3-style="minimal"] .ttx-row.is-top-1 .ttx-nm{ font-size: .8rem !important; text-shadow: none !important; }
.ttx-wrap[data-top3-style="minimal"] .ttx-row.is-top-2 .ttx-nm{ font-size: .76rem !important; }
.ttx-wrap[data-top3-style="minimal"] .ttx-row.is-top-3 .ttx-nm{ font-size: .74rem !important; }

.ttx-wrap[data-top3-style="klassisk"] .ttx-av-wrap.is-rk-gold::before,
.ttx-wrap[data-top3-style="klassisk"] .ttx-av-wrap.is-rk-silver::before,
.ttx-wrap[data-top3-style="klassisk"] .ttx-av-wrap.is-rk-bronze::before,
.ttx-wrap[data-top3-style="klassisk"] .ttx-av-wrap::after,
.ttx-wrap[data-top3-style="klassisk"] .ttx-crown,
.ttx-wrap[data-top3-style="klassisk"] .ttx-row.is-top-1::after,
.ttx-wrap[data-top3-style="klassisk"] .ttx-rank.rk-gold::after{ display: none !important; }
.ttx-wrap[data-top3-style="klassisk"] .ttx-av.is-rk-gold,
.ttx-wrap[data-top3-style="klassisk"] .ttx-av.is-rk-silver,
.ttx-wrap[data-top3-style="klassisk"] .ttx-av.is-rk-bronze{ animation: none !important; }


.ttx-wrap[data-top3-style="stadion"] .ttx-row.is-top-1{
  background: linear-gradient(90deg, rgba(0,229,255,0.15), rgba(255,0,200,0.08) 40%, transparent 75%) !important;
  border-left-color: #00e5ff !important;
}
.ttx-wrap[data-top3-style="stadion"] .ttx-row.is-top-1::after{
  background: linear-gradient(90deg, transparent, rgba(0,229,255,0.28), rgba(255,0,200,0.18), transparent) !important;
  animation-duration: 2.4s !important;
}
.ttx-wrap[data-top3-style="stadion"] .ttx-rank.rk-gold{
  background: radial-gradient(circle at 30% 28%, rgba(255,255,255,0.7), transparent 35%), linear-gradient(135deg,#00e5ff 0%,#0099ff 50%,#ff00c8 100%) !important;
  color:#001a2a !important;
  box-shadow: 0 0 0 1.5px rgba(120,220,255,0.9), 0 0 14px rgba(0,229,255,0.7), 0 2px 4px rgba(0,0,0,0.35), inset 0 -1px 2px rgba(0,0,0,0.25), inset 0 1px 1.5px rgba(255,255,255,0.6) !important;
}
.ttx-wrap[data-top3-style="stadion"] .ttx-av-wrap.is-rk-gold{ color: #00e5ff !important; }
.ttx-wrap[data-top3-style="stadion"] .ttx-av-wrap.is-rk-gold::before{ animation-duration: 1.8s !important; }
.ttx-wrap[data-top3-style="stadion"] .ttx-av-wrap.is-rk-gold::after{
  background: radial-gradient(circle, rgba(0,229,255,0.5), rgba(255,0,200,0.2) 40%, transparent 60%) !important;
  animation-duration: 1.6s !important;
}
.ttx-wrap[data-top3-style="stadion"] .ttx-av.is-rk-gold{ box-shadow: 0 0 0 2px #00e5ff, 0 0 18px rgba(0,229,255,0.7), 0 0 8px rgba(255,0,200,0.4), inset 0 -1px 3px rgba(0,0,0,0.25) !important; }
.ttx-wrap[data-top3-style="stadion"] .ttx-row.is-top-1 .ttx-nm{ color: #00e5ff !important; text-shadow: 0 0 4px rgba(0,229,255,0.5), 0 0 10px rgba(255,0,200,0.3) !important; }

.ttx-wrap[data-top3-style="royal"] .ttx-row.is-top-1::after,
.ttx-wrap[data-top3-style="royal"] .ttx-av-wrap.is-rk-gold::before,
.ttx-wrap[data-top3-style="royal"] .ttx-av-wrap.is-rk-silver::before,
.ttx-wrap[data-top3-style="royal"] .ttx-av-wrap.is-rk-bronze::before{ display: none !important; }
.ttx-wrap[data-top3-style="royal"] .ttx-row.is-top-1{
  background: linear-gradient(90deg, rgba(180,140,40,0.18), rgba(120,90,20,0.05) 50%, transparent 80%) !important;
  border-left-color: #b88a30 !important;
  border-left-width: 5px !important;
}
.ttx-wrap[data-top3-style="royal"] .ttx-rank.rk-gold{
  background: radial-gradient(circle at 30% 28%, rgba(255,255,255,0.55), transparent 35%), linear-gradient(135deg,#e0b85b 0%,#b88a30 45%,#7e5818 100%) !important;
  box-shadow: 0 0 0 2px #b88a30, 0 0 14px rgba(180,140,40,0.5), 0 2px 4px rgba(0,0,0,0.4), inset 0 1px 1.5px rgba(255,235,180,0.5) !important;
}
.ttx-wrap[data-top3-style="royal"] .ttx-av-wrap.is-rk-gold::after{
  background: radial-gradient(circle, rgba(180,140,40,0.5), transparent 60%) !important;
  animation: ttx-pulse-glow 4.5s ease-in-out infinite !important;
}
.ttx-wrap[data-top3-style="royal"] .ttx-av.is-rk-gold{
  box-shadow: 0 0 0 2px #b88a30, 0 0 14px rgba(180,140,40,0.55), inset 0 -1px 3px rgba(0,0,0,0.3) !important;
  animation: ttx-av-breathe 4.5s ease-in-out infinite !important;
}
.ttx-wrap[data-top3-style="royal"] .ttx-crown{ animation-duration: 4s !important; }
.ttx-wrap[data-top3-style="royal"] .ttx-row.is-top-1 .ttx-nm{ color: #d6b04a !important; text-shadow: 0 0 6px rgba(180,140,40,0.4) !important; }

.ttx-tug-scene{ display: none; }
.ttx-wrap[data-top3-style="tovtraekning"] .ttx-tug-scene{
  display: block;
  position: relative;
  width: calc(100% - 8px);
  margin: 4px 4px 8px;
  padding: 12px 8px 6px;
  background:
    radial-gradient(ellipse at 50% 110%, rgba(245, 158, 11, 0.08) 0%, transparent 60%),
    linear-gradient(180deg, transparent 0%, rgba(245, 158, 11, 0.04) 70%, rgba(245, 158, 11, 0.08) 100%);
  border: 1px solid rgba(245, 158, 11, 0.18);
  border-radius: 12px;
  overflow: hidden;
}
.ttx-wrap[data-top3-style="tovtraekning"] .ttx-tug-scene::before{
  content: '';
  position: absolute; left: 8%; right: 8%; bottom: 6px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.35), transparent);
}
.ttx-tug-svg{ width: 100%; height: auto; max-height: 78px; display: block; }
.ttx-tug-meta{
  display: flex; align-items: center; justify-content: space-between;
  font-size: .56rem; color: var(--text-3); padding: 4px 4px 0;
  font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
}
.ttx-tug-meta .name-l{ color: #ffd700; max-width: 38%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ttx-tug-meta .name-r{ color: #c4c8cd; max-width: 38%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; }
.ttx-tug-meta .vs{ color: var(--text-3); font-size: .5rem; opacity: .7; }

.ttx-tug-fig-l{ transform-origin: 50px 70px; animation: ttx-tug-pull-l 1.6s ease-in-out infinite; }
.ttx-tug-fig-r{ transform-origin: 350px 70px; animation: ttx-tug-pull-r 1.6s ease-in-out infinite; }
@keyframes ttx-tug-pull-l {
  0%, 100% { transform: rotate(-4deg) translateX(-1px); }
  50%      { transform: rotate(-12deg) translateX(-4px); }
}
@keyframes ttx-tug-pull-r {
  0%, 100% { transform: rotate(4deg) translateX(1px); }
  50%      { transform: rotate(12deg) translateX(4px); }
}
.ttx-tug-rope{ animation: ttx-tug-tension 1.6s ease-in-out infinite; }
@keyframes ttx-tug-tension {
  0%, 100% { stroke-dashoffset: 0; opacity: .85; }
  50%      { stroke-dashoffset: -8; opacity: 1; }
}
.ttx-tug-flag{ animation: ttx-tug-flag-wave 1.6s ease-in-out infinite; }
@keyframes ttx-tug-flag-wave {
  0%, 100% { transform: translateX(var(--lead, 0px)) translateY(0); }
  50%      { transform: translateX(calc(var(--lead, 0px) + 2px)) translateY(-1px); }
}
.ttx-tug-cheer{ animation: ttx-tug-cheer-bob 1.4s ease-in-out infinite; transform-origin: center bottom; }
@keyframes ttx-tug-cheer-bob {
  0%, 100% { transform: translateY(0) scale(1); }
  50%      { transform: translateY(-2px) scale(1.05); }
}
.ttx-tug-label{ font-size: 9px; font-weight: 800; fill: #fff; letter-spacing: .03em; }
.ttx-wrap[data-top3-style="tovtraekning"] .ttx-row.is-top-1::after,
.ttx-wrap[data-top3-style="tovtraekning"] .ttx-av-wrap.is-rk-gold::before,
.ttx-wrap[data-top3-style="tovtraekning"] .ttx-av-wrap.is-rk-silver::before,
.ttx-wrap[data-top3-style="tovtraekning"] .ttx-av-wrap.is-rk-bronze::before,
.ttx-wrap[data-top3-style="tovtraekning"] .ttx-av-wrap::after,
.ttx-wrap[data-top3-style="tovtraekning"] .ttx-crown,
.ttx-wrap[data-top3-style="tovtraekning"] .ttx-rank.rk-gold::after { display: none !important; }
.ttx-wrap[data-top3-style="tovtraekning"] .ttx-av.is-rk-gold,
.ttx-wrap[data-top3-style="tovtraekning"] .ttx-av.is-rk-silver,
.ttx-wrap[data-top3-style="tovtraekning"] .ttx-av.is-rk-bronze{ animation: none !important; }
@media (prefers-reduced-motion: reduce){
  .ttx-tug-fig-l, .ttx-tug-fig-r, .ttx-tug-rope, .ttx-tug-flag, .ttx-tug-cheer,
  .tw-fig-l, .tw-fig-r, .tw-rope, .tw-flag{
    animation: none !important;
  }
}

.fallback-variant-body { align-self:stretch; flex:1; min-height:0; }
.ttx-val.ttx-mode-bar.has-bar,
.ttx-val.ttx-mode-badge,
.ttx-val.ttx-mode-heat{
  border-radius: 999px;
  padding: clamp(3px,1.4cqi,8px) clamp(6px,2.6cqi,16px);
  min-width: clamp(36px,15cqi,72px);
}

@media (prefers-reduced-motion: reduce){
  .ttx-av-wrap.is-rk-gold::before,
  .ttx-av-wrap.is-rk-silver::before,
  .ttx-av-wrap.is-rk-bronze::before,
  .ttx-av-wrap::after,
  .ttx-av.is-rk-gold,
  .ttx-crown,
  .ttx-row.is-top-1::after{
    animation: none !important;
  }
}
.ttx-namebox{min-width:0;flex:1;overflow:hidden}
.ttx-nm{
  font-size: calc(clamp(.74rem,3cqi,1.05rem) * var(--canvas-font-scale, 1) * var(--w-font-scale, 1));
  font-weight: calc(700 * var(--w-weight-mult, 1));
  color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;letter-spacing:-.01em;line-height:1.2;
}

body #ecanvas .ttx-wrap:not(.ttx-dense) .ttx-row:nth-child(even):not(.is-top-1):not(.is-top-2):not(.is-top-3),
body .ttx-wrap:not(.ttx-dense) .ttx-row:nth-child(even):not(.is-top-1):not(.is-top-2):not(.is-top-3){
  background: color-mix(in srgb, var(--accent) calc(var(--row-emphasis, 50) * 0.20%), rgba(255,255,255, calc(var(--row-emphasis, 50) / 100 * 0.45))) !important;
}
html[data-theme="light"] body #ecanvas .ttx-wrap:not(.ttx-dense) .ttx-row:nth-child(even):not(.is-top-1):not(.is-top-2):not(.is-top-3),
html[data-theme="light"] body .ttx-wrap:not(.ttx-dense) .ttx-row:nth-child(even):not(.is-top-1):not(.is-top-2):not(.is-top-3){
  background:rgba(0,0,0, calc(var(--row-emphasis, 50) / 100 * 0.10)) !important;
}
.ttx-wrap:not(.ttx-dense) .ttx-row:nth-child(even):not(.is-top-1):not(.is-top-2):not(.is-top-3) .ttx-name{
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--card-solid,var(--card)) 80%, white) 0%,
    color-mix(in srgb, var(--card-solid,var(--card)) 80%, white) 100%);
}
html[data-theme="light"] .ttx-wrap:not(.ttx-dense) .ttx-row:nth-child(even):not(.is-top-1):not(.is-top-2):not(.is-top-3) .ttx-name{
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--card-solid,var(--card)) 96%, black) 0%,
    color-mix(in srgb, var(--card-solid,var(--card)) 96%, black) 100%);
}

.ttx-wrap:not(.ttx-dense) .ttx-row{
  padding-top: calc(clamp(5px,1.8cqi,10px) * var(--w-row-pad-mult, 1));
  padding-bottom: calc(clamp(5px,1.8cqi,10px) * var(--w-row-pad-mult, 1));
  min-height: calc(clamp(36px,8cqi,52px) * var(--w-row-pad-mult, 1));
}

body #ecanvas .ttx-wrap:not(.ttx-dense) .ttx-row:not(:last-child):not(.is-top-1):not(.is-top-2):not(.is-top-3),
body .ttx-wrap:not(.ttx-dense) .ttx-row:not(:last-child):not(.is-top-1):not(.is-top-2):not(.is-top-3){
  box-shadow: inset 0 -1px 0 0 color-mix(in srgb, var(--accent) calc(var(--row-emphasis, 50) * 0.30%), rgba(255,255,255, calc(var(--row-emphasis, 50) / 100 * 0.70))) !important;
}
html[data-theme="light"] body #ecanvas .ttx-wrap:not(.ttx-dense) .ttx-row:not(:last-child):not(.is-top-1):not(.is-top-2):not(.is-top-3),
html[data-theme="light"] body .ttx-wrap:not(.ttx-dense) .ttx-row:not(:last-child):not(.is-top-1):not(.is-top-2):not(.is-top-3){
  box-shadow: inset 0 -1px 0 0 rgba(0,0,0, calc(var(--row-emphasis, 50) / 100 * 0.22)) !important;
}
.ttx-wrap:not(.ttx-dense) .ttx-row:not(:last-child)::after{
  display:none;
}
html[data-theme="light"] .ttx-wrap:not(.ttx-dense) .ttx-row:not(:last-child)::after{
  display:none;
}
.ttx-wrap:not(.ttx-dense) .ttx-row.is-top-1::after,
.ttx-wrap:not(.ttx-dense) .ttx-row.is-top-2::after,
.ttx-wrap:not(.ttx-dense) .ttx-row.is-top-3::after{ display:none }

.ttx-wrap.ttx-dense .ttx-nm{
  font-size:clamp(.58rem,2.4cqi,.86rem) !important;
  font-weight:600 !important;
}
.ttx-wrap.ttx-dense .ttx-av,
.ttx-wrap.ttx-dense .ttx-av-wrap{
  width:clamp(18px,5.8cqi,30px) !important;
  height:clamp(18px,5.8cqi,30px) !important;
}
.ttx-wrap.ttx-dense .ttx-av{
  font-size:clamp(.48rem,1.95cqi,.7rem) !important;
}
.ttx-val{
  font-variant-numeric:tabular-nums;text-align:right;
  font-size: calc(clamp(.85rem,3.4cqi,1.25rem) * var(--w-font-scale, 1));
  color:var(--text-1);position:relative;
  padding: calc(clamp(4px,1.4cqi,8px) * var(--w-row-pad-mult, 1)) calc(clamp(6px,2cqi,12px) * var(--w-col-pad-mult, 1));
  border-radius:5px;overflow:hidden;display:flex;align-items:baseline;justify-content:flex-end;gap:clamp(3px,.8cqi,6px);
}
.ttx-val.has-bar::before{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--bar,0%);background:linear-gradient(90deg,rgba(var(--accent-rgb),0.05),rgba(var(--accent-rgb),0.18));border-radius:5px;pointer-events:none;z-index:0;transition:width .4s cubic-bezier(.4,0,.2,1)}
.ttx-val.has-bar > *{position:relative;z-index:1}
.ttx-num{
  font-size: calc(clamp(.74rem,3cqi,1.05rem) * var(--canvas-font-scale, 1) * var(--w-font-scale, 1)) !important;
  font-weight: calc(800 * var(--w-weight-mult, 1));
  letter-spacing:-.01em;
}
.ttx-unit{
  font-size: calc(clamp(.74rem,3cqi,1.05rem) * var(--canvas-font-scale, 1) * var(--w-font-scale, 1));
  color:var(--text-3);
  font-weight: calc(600 * var(--w-weight-mult, 1));
  text-transform:lowercase;
}
.ttx-empty{color:var(--text-3);font-weight:500}
.ttx-empty-state{padding:clamp(20px,8cqi,42px) clamp(10px,4cqi,20px);text-align:center;color:var(--text-3);font-size:clamp(.58rem,2.3cqi,.82rem);font-style:italic}
.ttx-wrap.ttx-dense .ttx-row{padding:3px 12px;margin:0 4px}
.ttx-wrap.ttx-dense .ttx-body{gap:0}
.ttx-wrap.ttx-dense .ttx-av{width:22px;height:22px;font-size:.55rem}
.ttx-wrap.ttx-dense .ttx-rank{width:18px;height:18px;font-size:.55rem}
.ttx-wrap.ttx-dense .ttx-nm{font-size:.7rem}
.ttx-wrap.ttx-dense .ttx-val{padding:3px 6px;font-size:.7rem}
.ttx-wrap .ttx-total-row{display:grid;grid-template-columns:var(--ttx-cols);align-items:center;padding:clamp(5px,1.8cqi,10px) clamp(6px,2.5cqi,14px);margin:clamp(2px,.8cqi,5px) clamp(2px,.8cqi,5px) 0;border-top:1.5px solid var(--border-2,var(--border));background:var(--card-solid,var(--card));border-radius:8px 8px 0 0;font-weight:800;gap:clamp(4px,1.6cqi,10px);position:sticky;bottom:0;z-index:4;flex-shrink:0;margin-top:auto}
.ttx-wrap .ttx-total-cell{font-size:clamp(.6rem,2.5cqi,.9rem);color:var(--text-1);font-variant-numeric:tabular-nums;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:clamp(2px,.6cqi,4px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ttx-wrap .ttx-total-cell.ttx-total-label{text-align:left;justify-content:flex-start;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(.54rem,2.2cqi,.78rem);color:var(--text-2)}
.ttx-wrap .ttx-total-cell.ttx-total-ratio{color:var(--text-3);font-weight:600}
.ttx-wrap .ttx-total-num{font-weight:800}
.ttx-wrap .ttx-total-unit{font-weight:500;color:var(--text-3);font-size:.85em;margin-left:2px}
.ttx-wrap.ttx-dense .ttx-total-row{padding:clamp(3px,1.2cqi,6px) clamp(6px,2.5cqi,14px);margin:0 clamp(2px,.8cqi,5px)}
.ttx-wrap.ttx-dense .ttx-total-cell{font-size:clamp(.54rem,2.2cqi,.78rem)}

.w[data-widget-compact="1"]{padding:4px}
.w[data-widget-compact="1"] .w-head{padding:2px 6px;margin-bottom:2px;min-height:0;gap:4px;font-size:.85em}
.w[data-widget-compact="1"] .w-title{font-size:.8em}
.w[data-widget-compact="1"] .pace-wrap,
.w[data-widget-compact="1"] .gauge-wrap,
.w[data-widget-compact="1"] .lb-wrap,
.w[data-widget-compact="1"] .feed-wrap{padding:2px}
.w[data-widget-compact="1"] .ttx-wrap .ttx-row{padding:3px 8px}
.w[data-widget-compact="1"] .ttx-wrap .ttx-head{padding:2px 8px}
.w[data-widget-compact="1"] .ttx-wrap .ttx-val{padding:3px 6px;font-size:.72rem}
.w[data-widget-compact="1"] .ttx-wrap .ttx-total-row{padding:5px 8px}
.w[data-widget-show-title="0"] .w-head{display:none}

body.canvas-tv-mode .w:not([data-widget-compact="1"]){ padding:6px !important }
body.canvas-tv-mode .w[data-widget-compact="1"]{ padding:3px !important }
#remoteCursors .cursor { display: none !important; }

body.canvas-tv-mode .screen[data-screen="editor"] #cvBoard .w{
  --w-scale: 1 !important;
}

body.canvas-tv-mode .ttx-wrap.ttx-dense .ttx-row{ padding:1px 10px !important; margin:0 2px !important }
body.canvas-tv-mode .ttx-wrap.ttx-dense .ttx-body{ gap:0 !important }
body.canvas-tv-mode .ttx-wrap.ttx-dense .ttx-av{ width:18px !important; height:18px !important; font-size:.5rem !important }
body.canvas-tv-mode .ttx-wrap.ttx-dense .ttx-rank{ width:16px !important; height:16px !important; font-size:.52rem !important }
body.canvas-tv-mode .ttx-wrap.ttx-dense .ttx-nm{ font-size:.68rem !important; line-height:1.2 !important }
body.canvas-tv-mode .ttx-wrap.ttx-dense .ttx-val{ padding:1px 5px !important; font-size:.68rem !important }
body.canvas-tv-mode .ttx-wrap.ttx-dense .ttx-num{ font-size:.7rem !important }
body.canvas-tv-mode .ttx-wrap.ttx-dense .ttx-h{ font-size:.52rem !important; padding:3px 10px !important }
body.canvas-tv-mode .ttx-wrap.ttx-dense .ttx-head{ padding:2px 10px !important; gap:4px !important }
body.canvas-tv-mode .ttx-wrap.ttx-dense .ttx-foot{ padding:3px 10px !important; font-size:.6rem !important }
body.canvas-tv-mode .ttx-wrap.ttx-dense .ttx-name{ gap:6px !important }
body.canvas-tv-mode .ttx-wrap{ padding:0 !important; scrollbar-width:none !important }
body.canvas-tv-mode .ttx-wrap::-webkit-scrollbar{ display:none !important; width:0 !important; height:0 !important }
body.canvas-tv-mode .ttx-crown,
body.canvas-tv-mode .nc-celeb-badge,
body.canvas-tv-mode .nc-sparkle{ display:none !important }
body.canvas-tv-mode .ttx-row.is-top,
body.canvas-tv-mode .ttx-row.is-top-1,
body.canvas-tv-mode .ttx-row.is-top-2,
body.canvas-tv-mode .ttx-row.is-top-3{ background:transparent !important }
body.canvas-tv-mode .ttx-av-wrap.is-rk-gold,
body.canvas-tv-mode .ttx-av-wrap.is-rk-silver,
body.canvas-tv-mode .ttx-av-wrap.is-rk-bronze,
body.canvas-tv-mode .ttx-av.is-rk-gold,
body.canvas-tv-mode .ttx-av.is-rk-silver,
body.canvas-tv-mode .ttx-av.is-rk-bronze{ transform:none !important; box-shadow:none !important; animation:none !important }
body.canvas-tv-mode .ttx-row.is-top-1::after{ display:none !important }
body.canvas-tv-mode .w-head{ padding:2px 10px !important; margin-bottom:2px !important; min-height:0 !important; gap:6px !important }
body.canvas-tv-mode .w-title,
body.canvas-tv-mode .screen[data-screen="editor"] #cvBoard .w .w-title{
  font-size:.55rem !important;
  letter-spacing:.03em !important;
  line-height:1.1 !important;
}

body.canvas-tv-mode .lb{ gap:2px !important }
body.canvas-tv-mode .lb-row{ padding:2px 6px !important; font-size:.66rem !important }
body.canvas-tv-mode .lb-rank{ font-size:.62rem !important }
body.canvas-tv-mode .lb-name{ font-size:.66rem !important }
body.canvas-tv-mode .lb-val{ font-size:.7rem !important }
body.canvas-tv-mode .lb-pro{ gap:1px !important }
body.canvas-tv-mode .lb-pro .lb-pro-row{ padding:2px 6px !important; font-size:.64rem !important }
body.canvas-tv-mode .lb-pro .lb-pro-head{ padding:2px 6px !important; font-size:.5rem !important; margin-bottom:0 !important }
body.canvas-tv-mode .kriger{ gap:6px !important; padding-top:2px !important }
body.canvas-tv-mode .stream{ gap:1px !important }
body.canvas-tv-mode .stream-item{ padding:2px 6px !important; font-size:.62rem !important }
body.canvas-tv-mode .cd-grid{ margin-top:2px !important; gap:3px !important }
body.canvas-tv-mode .cd-cell{ padding:4px !important }
body.canvas-tv-mode .cd-val{ font-size:1.4rem !important }
body.canvas-tv-mode .cd-lbl{ font-size:.5rem !important }
body.canvas-tv-mode .w:not([data-wtype]) .gauge-wrap{ height:64px !important }
body.canvas-tv-mode .progress{ margin-top:4px !important; height:6px !important }


body.canvas-tv-mode {
  background:
    radial-gradient(ellipse at 20% 0%, rgba(var(--accent-rgb),0.04) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 100%, rgba(var(--accent-rgb),0.03) 0%, transparent 55%),
    var(--bg) !important;
}

body.canvas-tv-mode .w.sel,
body.canvas-tv-mode .w.multi-sel,
body.canvas-tv-mode .w:focus,
body.canvas-tv-mode .w:focus-visible{
  border-color: var(--border) !important;
  box-shadow: none !important;
  outline: none !important;
}
body.canvas-tv-mode .w.sel::before{ display: none !important }

body.canvas-tv-mode .w-head {
  border-bottom: 1px solid var(--border) !important;
  padding-bottom: 4px !important;
}
body.canvas-tv-mode .w-title {
  color: rgba(255,255,255,0.82) !important;
  letter-spacing: 0.08em !important;
  text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

body.canvas-tv-mode .ttx-head {
  background: transparent !important;
  border-bottom: 1px solid var(--border) !important;
}
body.canvas-tv-mode .ttx-h {
  color: rgba(255,255,255,0.55) !important;
  font-weight: 800 !important;
}

body.canvas-tv-mode .ttx-row.is-top-1 {
  background: linear-gradient(90deg,
    rgba(255,215,0,0.10) 0%,
    rgba(255,215,0,0.03) 35%,
    transparent 70%) !important;
}
body.canvas-tv-mode .ttx-row.is-top-2 {
  background: linear-gradient(90deg,
    rgba(192,192,192,0.08) 0%,
    rgba(192,192,192,0.02) 35%,
    transparent 70%) !important;
}
body.canvas-tv-mode .ttx-row.is-top-3 {
  background: linear-gradient(90deg,
    rgba(205,127,50,0.08) 0%,
    rgba(205,127,50,0.02) 35%,
    transparent 70%) !important;
}

body.canvas-tv-mode .ttx-row:nth-child(even):not(.is-top-1):not(.is-top-2):not(.is-top-3) {
  background: rgba(255,255,255,0.012) !important;
}

body.canvas-tv-mode .ttx-num,
body.canvas-tv-mode .ttx-num-sm {
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

body.canvas-tv-mode .ttx-empty-state {
  font-style: normal !important;
  opacity: 0.4 !important;
  letter-spacing: 0.04em !important;
  font-weight: 600 !important;
  font-size: 0.72rem !important;
}

body.canvas-tv-mode .ttx-foot {
  border-top: 1px solid color-mix(in srgb, var(--accent) 12%, var(--border)) !important;
  background: linear-gradient(0deg,
    color-mix(in srgb, var(--accent) 3%, transparent) 0%,
    transparent 100%) !important;
  font-weight: 700 !important;
}

.ttx-mode-badge{
  background:rgba(255,255,255,0.04);border-radius:99px;
  padding: clamp(4px,1.3cqi,7px) clamp(8px,2.4cqi,13px) !important;
  display:inline-flex !important;width:auto;justify-self:end;
}
.ttx-mode-badge.tier-good{background:rgba(var(--success-rgb),0.14);color:var(--success)}
.ttx-mode-badge.tier-mid {background:rgba(245,158,11,0.14);color:var(--amber)}
.ttx-mode-badge.tier-bad {background:rgba(239,68,68,0.14);color:var(--red)}

.ttx-mode-trend .trend-arrow{font-size:clamp(.7rem,2.8cqi,.98rem);font-weight:800;margin-right:2px;line-height:1}
.ttx-mode-trend.trend-up .trend-arrow{color:var(--accent)}
.ttx-mode-trend.trend-down .trend-arrow{color:var(--red)}
.ttx-mode-trend.trend-flat .trend-arrow{color:var(--text-3)}

.ttx-mode-dot{flex-direction:column !important;align-items:flex-end !important;gap:1px;padding:clamp(2px,.8cqi,5px) clamp(4px,1.6cqi,8px) !important}
.ttx-dots{display:flex;gap:clamp(1px,.4cqi,3px)}
.ttx-dot{width:clamp(3px,1.1cqi,7px);height:clamp(3px,1.1cqi,7px);border-radius:50%;background:rgba(255,255,255,0.08);transition:background .2s}
.ttx-dot.on{background:var(--accent);box-shadow:0 0 4px rgba(var(--accent-rgb),0.5)}
.ttx-num-sm{font-size:clamp(.42rem,1.7cqi,.62rem);color:var(--text-3);font-weight:700;font-variant-numeric:tabular-nums}

@container ttx (max-width: 280px){
  .ttx-av-wrap{display:none}
  .ttx-crown{display:none}
  .ttx-rank-delta{font-size:clamp(.42rem,3.2cqi,.56rem);top:-3px;right:-7px}
  .ttx-name{gap:clamp(3px,1.4cqi,7px)}
}
@container ttx (max-width: 200px){
  .ttx-rank{display:none}
  .ttx-h{letter-spacing:.06em}
}

.ttx-mode-heat{transition:background .3s, box-shadow .3s}

.nc-zone-good {color:var(--success)}
.nc-zone-mid  {color:var(--warn,#f59e0b)}
.nc-zone-bad  {color:var(--warn,#f59e0b)}
.nc-zone-critical {color:var(--red,#ef4444)}

.ttx-mode-bar.nc-zone-good::before,
.ttx-mode-bar.nc-zone-mid::before,
.ttx-mode-bar.nc-zone-bad::before,
.ttx-mode-bar.nc-zone-critical::before{
  background: linear-gradient(90deg, var(--bar-color, var(--accent)) 0%, var(--bar-color, var(--accent)) calc(var(--bar) - 8px), color-mix(in srgb, var(--bar-color, var(--accent)) 70%, transparent) 100%) !important;
  opacity: var(--bar-opacity, 0.65);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bar-color, var(--accent)) 30%, transparent);
}

.ttx-mode-badge.nc-zone-good{
  background: linear-gradient(135deg, rgba(var(--success-rgb),0.22), rgba(var(--success-rgb),0.10));
  color:var(--success); box-shadow: 0 0 0 1px rgba(var(--success-rgb),0.4), 0 2px 12px rgba(var(--success-rgb),0.25);
}
.ttx-mode-badge.nc-zone-mid{
  background: linear-gradient(135deg, rgba(var(--tangerine-rgb,245,158,11),0.22), rgba(var(--tangerine-rgb,245,158,11),0.10));
  color:var(--warn,#f59e0b); box-shadow: 0 0 0 1px rgba(var(--tangerine-rgb,245,158,11),0.4), 0 2px 12px rgba(var(--tangerine-rgb,245,158,11),0.20);
}
.ttx-mode-badge.nc-zone-bad{
  background: linear-gradient(135deg, rgba(var(--tangerine-rgb,245,158,11),0.18), rgba(var(--danger-rgb,239,68,68),0.10));
  color:var(--warn,#f59e0b); box-shadow: 0 0 0 1px rgba(var(--tangerine-rgb,245,158,11),0.4), 0 2px 12px rgba(var(--tangerine-rgb,245,158,11),0.15);
}
.ttx-mode-badge.nc-zone-critical{
  background: linear-gradient(135deg, rgba(var(--danger-rgb,239,68,68),0.22), rgba(var(--danger-rgb,239,68,68),0.10));
  color:var(--red,#ef4444); box-shadow: 0 0 0 1px rgba(var(--danger-rgb,239,68,68),0.4), 0 2px 12px rgba(var(--danger-rgb,239,68,68),0.25);
}

.ttx-mode-trend.nc-zone-good .trend-arrow{color:var(--success);text-shadow:0 0 8px rgba(var(--success-rgb),0.6)}
.ttx-mode-trend.nc-zone-critical .trend-arrow{color:var(--red,#ef4444);text-shadow:0 0 8px rgba(var(--danger-rgb,239,68,68),0.6)}

@keyframes nc-cell-pulse { 0%, 100% { box-shadow: none; } }
.nc-cell-pulse{
  animation: none;
  position: relative;
}
.nc-cell-pulse.nc-zone-good::after{
  content: '';
  position: absolute; top: 2px; right: 4px;
  width: .7rem; height: .7rem; background: var(--success); opacity: .7;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l1.6 6.4L20 10l-6.4 1.6L12 18l-1.6-6.4L4 10l6.4-1.6L12 2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l1.6 6.4L20 10l-6.4 1.6L12 18l-1.6-6.4L4 10l6.4-1.6L12 2z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  animation: nc-sparkle 1.6s ease-in-out infinite;
  pointer-events: none;
}
@keyframes nc-sparkle {
  0%, 100% { opacity: .3; transform: scale(0.85) rotate(0deg); }
  50%      { opacity: 1;  transform: scale(1.15) rotate(180deg); }
}

.ttx-mode-heat.nc-zone-good,
.ttx-mode-heat.nc-zone-critical{
  position: relative;
}
.ttx-mode-heat.nc-zone-good::before,
.ttx-mode-heat.nc-zone-critical::before{
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: inherit; opacity: 0; mix-blend-mode: overlay;
  animation: nc-heat-pulse 3s ease-in-out infinite;
}
@keyframes nc-heat-pulse {
  0%, 100% { opacity: 0; }
  50%      { opacity: 0.5; }
}


.ttx-val.nc-cell-pulse,
.ttx-val.nc-cell-bounce,
.ttx-val.nc-cell-shimmer,
.ttx-val.nc-cell-sparkle{
  position: relative;
  overflow: visible !important;
}
.ttx-val.nc-cell-pulse .ttx-num,
.ttx-val.nc-cell-bounce .ttx-num,
.ttx-val.nc-cell-shimmer .ttx-num,
.ttx-val.nc-cell-sparkle .ttx-num{
  position: relative;
  display: inline-block;
  z-index: 2;
}

.nc-cell-pulse:not(.nc-cell-shimmer):not(.nc-cell-bounce) .ttx-num{
  animation: none;
}
@keyframes nc-num-glow-soft {
  0%, 100% { text-shadow: none; }
}

.nc-cell-shimmer .ttx-num{
  background: linear-gradient(110deg,
    var(--accent) 0%, #22d3ee 22%, var(--accent) 44%, #a78bfa 66%, #fcd34d 88%, var(--accent) 100%);
  background-size: 250% auto;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent !important;
  font-weight: 900 !important;
  letter-spacing: 0.3px;
  animation:
    nc-shimmer-text 3.2s linear infinite,
    nc-num-breathe 2.8s ease-in-out infinite;
}
@keyframes nc-shimmer-text {
  0%   { background-position: 0% center; }
  100% { background-position: 250% center; }
}
@keyframes nc-num-breathe {
  0%, 100% { filter: none; }
  50%      { filter: none; }
}

.nc-cell-bounce .ttx-num{
  font-weight: 900 !important;
  letter-spacing: 0.5px;
  animation: nc-num-pulse-mega 3s ease-in-out infinite;
  transform-origin: center;
  will-change: transform;
}
@keyframes nc-num-pulse-mega {
  0%, 100% {
    transform: scale(1);
    text-shadow: none;
    filter: brightness(1);
  }
  50% {
    transform: scale(1.12);
    text-shadow: none;
    filter: brightness(1.2);
  }
}

.nc-cell-bounce::before{
  content: '';
  position: absolute;
  inset: -2px;
  border: 2px solid var(--accent);
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  animation: nc-radiate 3s ease-out infinite;
  z-index: 1;
  will-change: transform, opacity;
}
.nc-cell-bounce.nc-zone-critical::before{ border-color: var(--red,#ef4444); }
@keyframes nc-radiate {
  0%   { transform: scale(0.9); opacity: 0.6; }
  100% { transform: scale(1.3); opacity: 0; }
}

.nc-cell-sparkle{ overflow: visible !important; }
.nc-sparkle{
  position: absolute; pointer-events: none;
  font-size: .9rem; line-height: 1;
  animation: nc-sparkle-float 2.4s ease-in-out infinite;
  z-index: 4;
  text-shadow: 0 0 4px currentColor, 0 0 8px currentColor;
}
.nc-sparkle.s1{ top: -3px;  left: 4px;   color: #fcd34d; animation-delay: 0s;   }
.nc-sparkle.s2{ top: 8px;   right: 6px;  color: var(--accent); animation-delay: 0.6s; }
.nc-sparkle.s3{ bottom: 0;  left: 35%;   color: #22d3ee; animation-delay: 1.2s; }
@keyframes nc-sparkle-float {
  0%, 100% { opacity: 0; transform: scale(0.4) rotate(0deg); }
  15%      { opacity: 1; transform: scale(1.4) rotate(90deg); }
  40%      { opacity: 0.85; transform: scale(1.0) rotate(180deg); }
  70%      { opacity: 0.3; transform: scale(0.7) rotate(270deg); }
  95%      { opacity: 0; transform: scale(0.4) rotate(360deg); }
}

.nc-celeb-badge{
  position: absolute; top: -4px; right: 0;
  font-size: .68rem; line-height: 1;
  animation: nc-badge-bob 1.8s ease-in-out infinite;
  pointer-events: none; z-index: 3;
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.5));
}
@keyframes nc-badge-bob {
  0%, 100% { transform: translateY(0) rotate(-8deg); }
  50%      { transform: translateY(-3px) rotate(8deg); }
}

@media (prefers-reduced-motion: reduce){
  .nc-cell-pulse .ttx-num,
  .nc-cell-shimmer .ttx-num,
  .nc-cell-bounce .ttx-num,
  .nc-cell-bounce::before,
  .nc-cell-bounce::after,
  .nc-sparkle,
  .nc-celeb-badge{
    animation: none !important;
  }
}


.w[data-kpi-intensity="off"] .nc-cell-pulse .ttx-num, .kpi-scope[data-kpi-intensity="off"] .nc-cell-pulse .ttx-num,
.w[data-kpi-intensity="off"] .nc-cell-shimmer .ttx-num, .kpi-scope[data-kpi-intensity="off"] .nc-cell-shimmer .ttx-num,
.w[data-kpi-intensity="off"] .nc-cell-bounce .ttx-num, .kpi-scope[data-kpi-intensity="off"] .nc-cell-bounce .ttx-num,
.w[data-kpi-intensity="off"] .nc-cell-bounce::before, .kpi-scope[data-kpi-intensity="off"] .nc-cell-bounce::before,
.w[data-kpi-intensity="off"] .nc-sparkle, .kpi-scope[data-kpi-intensity="off"] .nc-sparkle,
.w[data-kpi-intensity="off"] .nc-celeb-badge, .kpi-scope[data-kpi-intensity="off"] .nc-celeb-badge { animation: none !important; }

.w[data-kpi-intensity="subtle"] .nc-cell-pulse .ttx-num, .kpi-scope[data-kpi-intensity="subtle"] .nc-cell-pulse .ttx-num,
.w[data-kpi-intensity="subtle"] .nc-cell-shimmer .ttx-num, .kpi-scope[data-kpi-intensity="subtle"] .nc-cell-shimmer .ttx-num,
.w[data-kpi-intensity="subtle"] .nc-cell-bounce .ttx-num, .kpi-scope[data-kpi-intensity="subtle"] .nc-cell-bounce .ttx-num { animation-duration: 5s !important; }

.w[data-kpi-intensity="extra"] .nc-cell-bounce .ttx-num, .kpi-scope[data-kpi-intensity="extra"] .nc-cell-bounce .ttx-num { animation-duration: 1.8s !important; }

.w[data-kpi-anim-pulse="0"] .nc-cell-pulse .ttx-num, .kpi-scope[data-kpi-anim-pulse="0"] .nc-cell-pulse .ttx-num { animation: none !important; }

.w[data-kpi-anim-shimmer="0"] .nc-cell-shimmer .ttx-num, .kpi-scope[data-kpi-anim-shimmer="0"] .nc-cell-shimmer .ttx-num {
  animation: none !important;
  background: none !important; -webkit-text-fill-color: currentColor !important;
  color: inherit !important;
}

.w[data-kpi-anim-bounce="0"] .nc-cell-bounce .ttx-num, .kpi-scope[data-kpi-anim-bounce="0"] .nc-cell-bounce .ttx-num { animation: nc-num-glow-soft 2.4s ease-in-out infinite !important; }
.w[data-kpi-anim-sparkle="0"] .nc-sparkle, .kpi-scope[data-kpi-anim-sparkle="0"] .nc-sparkle { display: none !important; }
.w[data-kpi-anim-ring="0"] .nc-cell-bounce::before, .kpi-scope[data-kpi-anim-ring="0"] .nc-cell-bounce::before { display: none !important; }
.w[data-kpi-anim-badge="0"] .nc-celeb-badge, .kpi-scope[data-kpi-anim-badge="0"] .nc-celeb-badge { display: none !important; }

.w[data-kpi-palette="cool"] .nc-zone-good, .kpi-scope[data-kpi-palette="cool"] .nc-zone-good { color: #3b9eff !important; }
.w[data-kpi-palette="cool"] .nc-zone-mid, .kpi-scope[data-kpi-palette="cool"] .nc-zone-mid { color: #22d3ee !important; }
.w[data-kpi-palette="cool"] .nc-zone-bad, .kpi-scope[data-kpi-palette="cool"] .nc-zone-bad,
.w[data-kpi-palette="cool"] .nc-zone-critical, .kpi-scope[data-kpi-palette="cool"] .nc-zone-critical { color: #a78bfa !important; }

.w[data-kpi-palette="warm"] .nc-zone-good, .kpi-scope[data-kpi-palette="warm"] .nc-zone-good { color: #fcd34d !important; }
.w[data-kpi-palette="warm"] .nc-zone-mid, .kpi-scope[data-kpi-palette="warm"] .nc-zone-mid { color: #fb923c !important; }
.w[data-kpi-palette="warm"] .nc-zone-bad, .kpi-scope[data-kpi-palette="warm"] .nc-zone-bad,
.w[data-kpi-palette="warm"] .nc-zone-critical, .kpi-scope[data-kpi-palette="warm"] .nc-zone-critical { color: #ef4444 !important; }

.w[data-kpi-palette="neon"] .nc-zone-good, .kpi-scope[data-kpi-palette="neon"] .nc-zone-good { color: #00ff88 !important; text-shadow: 0 0 12px #00ff88; }
.w[data-kpi-palette="neon"] .nc-zone-mid, .kpi-scope[data-kpi-palette="neon"] .nc-zone-mid { color: #ffea00 !important; text-shadow: 0 0 10px #ffea00; }
.w[data-kpi-palette="neon"] .nc-zone-bad, .kpi-scope[data-kpi-palette="neon"] .nc-zone-bad,
.w[data-kpi-palette="neon"] .nc-zone-critical, .kpi-scope[data-kpi-palette="neon"] .nc-zone-critical { color: #ff0066 !important; text-shadow: 0 0 12px #ff0066; }

.w[data-kpi-palette="custom"] .nc-zone-good, .kpi-scope[data-kpi-palette="custom"] .nc-zone-good { color: var(--kpi-c-green, var(--success)) !important; }
.w[data-kpi-palette="custom"] .nc-zone-mid, .kpi-scope[data-kpi-palette="custom"] .nc-zone-mid { color: var(--kpi-c-amber, var(--tangerine)) !important; }
.w[data-kpi-palette="custom"] .nc-zone-bad, .kpi-scope[data-kpi-palette="custom"] .nc-zone-bad,
.w[data-kpi-palette="custom"] .nc-zone-critical, .kpi-scope[data-kpi-palette="custom"] .nc-zone-critical { color: var(--kpi-c-red, var(--danger)) !important; }

.w[data-table-podium-size="off"] .ttx-av-wrap.is-rk-gold,
.w[data-table-podium-size="off"] .ttx-av-wrap.is-rk-silver,
.w[data-table-podium-size="off"] .ttx-av-wrap.is-rk-bronze {
  width: 26px !important; height: 26px !important;
}
.w[data-table-podium-size="off"] .ttx-av.is-rk-gold,
.w[data-table-podium-size="off"] .ttx-av.is-rk-silver,
.w[data-table-podium-size="off"] .ttx-av.is-rk-bronze {
  width: 26px !important; height: 26px !important; font-size: .6rem !important;
}
.w[data-table-podium-size="off"] .ttx-crown,
.w[data-table-podium-size="off"] .ttx-av-wrap::before,
.w[data-table-podium-size="off"] .ttx-av-wrap::after { display: none !important; }
.w[data-table-podium-size="off"] .ttx-row.is-top-1::after { display: none !important; }

.w[data-table-podium-size="lg"] .ttx-av-wrap.is-rk-gold { width: 48px !important; height: 48px !important; }
.w[data-table-podium-size="lg"] .ttx-av.is-rk-gold { width: 48px !important; height: 48px !important; font-size: 1rem !important; }
.w[data-table-podium-size="lg"] .ttx-av-wrap.is-rk-silver { width: 38px !important; height: 38px !important; }
.w[data-table-podium-size="lg"] .ttx-av.is-rk-silver { width: 38px !important; height: 38px !important; font-size: .82rem !important; }
.w[data-table-podium-size="lg"] .ttx-av-wrap.is-rk-bronze { width: 34px !important; height: 34px !important; }
.w[data-table-podium-size="lg"] .ttx-av.is-rk-bronze { width: 34px !important; height: 34px !important; font-size: .76rem !important; }
.w[data-table-podium-size="lg"] .ttx-crown { font-size: 1.3rem; top: -20px; }
.w[data-table-podium-size="lg"] .ttx-row.is-top-1 .ttx-nm { font-size: .9rem; }
.w[data-table-podium-size="lg"] .ttx-row.is-top-2 .ttx-nm,
.w[data-table-podium-size="lg"] .ttx-row.is-top-3 .ttx-nm { font-size: .82rem; }

.w[data-table-podium-size="xl"] .ttx-av-wrap.is-rk-gold { width: 60px !important; height: 60px !important; }
.w[data-table-podium-size="xl"] .ttx-av.is-rk-gold { width: 60px !important; height: 60px !important; font-size: 1.2rem !important; }
.w[data-table-podium-size="xl"] .ttx-av-wrap.is-rk-silver { width: 46px !important; height: 46px !important; }
.w[data-table-podium-size="xl"] .ttx-av.is-rk-silver { width: 46px !important; height: 46px !important; font-size: 1rem !important; }
.w[data-table-podium-size="xl"] .ttx-av-wrap.is-rk-bronze { width: 40px !important; height: 40px !important; }
.w[data-table-podium-size="xl"] .ttx-av.is-rk-bronze { width: 40px !important; height: 40px !important; font-size: .9rem !important; }
.w[data-table-podium-size="xl"] .ttx-crown { font-size: 1.55rem; top: -26px; }
.w[data-table-podium-size="xl"] .ttx-row.is-top-1 .ttx-nm { font-size: 1.05rem; }
.w[data-table-podium-size="xl"] .ttx-row.is-top-2 .ttx-nm,
.w[data-table-podium-size="xl"] .ttx-row.is-top-3 .ttx-nm { font-size: .92rem; }

.w[data-table-podium-glow="0"] .ttx-av-wrap.is-rk-gold::before,
.w[data-table-podium-glow="0"] .ttx-av-wrap.is-rk-silver::before,
.w[data-table-podium-glow="0"] .ttx-av-wrap.is-rk-bronze::before,
.w[data-table-podium-glow="0"] .ttx-av-wrap::after { display: none !important; }
.w[data-table-podium-crown="0"] .ttx-crown { display: none !important; }

.ttx-mode-spark{flex-direction:column !important;align-items:flex-end !important;gap:1px;padding:clamp(2px,.8cqi,5px) clamp(4px,1.6cqi,8px) !important}
.ttx-mode-spark svg{display:block;opacity:.85}
.ttx-mode-spark:hover svg{opacity:1}

html[data-theme="light"] .ttx-mode-badge.tier-good{background:rgba(var(--success-rgb),0.18)}
html[data-theme="light"] .ttx-mode-badge.tier-mid {background:rgba(245,158,11,0.18)}
html[data-theme="light"] .ttx-mode-badge.tier-bad {background:rgba(239,68,68,0.18)}

.col-edit-row{
  display:flex;flex-direction:column;gap:2px;
  background:var(--card);border:1px solid var(--border);border-radius:7px;
  padding:4px 4px 5px;transition:border-color .15s, opacity .15s, transform .15s;
  min-width:0;overflow:visible;
}
.col-edit-row .col-edit-thresh{padding:0 4px 4px}
.col-edit-row .col-edit-thresh > div{box-sizing:border-box}
.col-edit-row .col-edit-thresh input[type="number"]{
  min-width:0;
}
.col-edit-row:hover{border-color:var(--border-2)}
.col-edit-main{display:flex;gap:4px;align-items:center}
.col-edit-row .col-drag-handle{cursor:grab;color:var(--text-3);font-size:.85rem;padding:2px 4px;user-select:none;flex-shrink:0}
.col-edit-row .col-label-input{flex:0 0 80px;font-size:.62rem;padding:4px 6px;background:var(--card);border:1px solid var(--border);border-radius:5px;color:var(--text-1);font-family:inherit}
.col-edit-row .col-formula-select{flex:1;font-size:.62rem;padding:4px 6px;min-width:0}
.col-edit-row .col-remove-btn{background:none;border:none;color:var(--red);cursor:pointer;font-size:.9rem;padding:2px 4px;flex-shrink:0;line-height:1}
.col-edit-row .col-remove-btn:hover{color:#ef4444;background:rgba(239,68,68,0.1);border-radius:4px}
.col-edit-sub{
  display:flex;align-items:center;gap:6px;padding:0 4px 0 26px;
  margin-top:2px;
}
.col-edit-sub-lbl{
  font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;
  color:var(--text-3);font-weight:700;flex-shrink:0;
}
.col-edit-row .col-disp-select{
  flex:1;font-size:.6rem;padding:3px 5px;
  background:var(--bg-2,var(--card-2));border:1px solid var(--border);border-radius:4px;
  color:var(--text-2);font-family:inherit;
}
.col-edit-row .col-disp-select:focus{border-color:var(--accent);color:var(--text-1)}
html[data-theme="light"] .ttx-rank{background:rgba(0,0,0,0.05);color:var(--text-2)}
html[data-theme="light"] .ttx-row:hover{background:linear-gradient(90deg,rgba(var(--accent-rgb),0.08),rgba(var(--accent-rgb),0.03))}


@keyframes skel-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.w.is-loading .bignum,
.w.is-loading .w-title,
.w.is-loading .ttx-nm,
.w.is-loading .ttx-num,
.w.is-loading .ttx-rank,
.w.is-loading .ttx-av,
.w.is-loading [data-fld] {
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--card) 100%, transparent),
    color-mix(in srgb, var(--card-2) 80%, var(--accent) 8%),
    color-mix(in srgb, var(--card) 100%, transparent)) !important;
  background-size: 200% 100% !important;
  animation: skel-shimmer 1.6s ease-in-out infinite !important;
  color: transparent !important;
  border-radius: 4px;
  background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
}
.w.is-loading .ttx-av,
.w.is-loading .ttx-rank { border-radius: 50%; }

.w:not(.dragging):not(.resizing){transition:transform .14s ease-out, border-color .15s, box-shadow .2s}
#cvBoard .w:active:not(.dragging):not(.resizing){transform:scale(.985)}
.btn:not(.dragging){transition:transform .12s ease-out, background .15s, border-color .15s}
.btn:active:not(:disabled){transform:scale(.96)}

@keyframes save-success-pulse {
  0%   { transform:scale(1); }
  35%  { transform:scale(1.18); color:var(--accent); filter:drop-shadow(0 0 8px var(--accent)); }
  100% { transform:scale(1); }
}
#cvSaveBtn.saved-pulse i.ic { animation: save-success-pulse .65s cubic-bezier(.34,1.56,.64,1); }

.bignum, .ttx-num { font-variant-numeric: tabular-nums; transition: color .25s; }
.bignum.cu-flash { animation: cu-flash .6s ease-out; }
@keyframes cu-flash {
  0%   { color: var(--accent); text-shadow: 0 0 12px color-mix(in srgb,var(--accent) 60%,transparent); }
  100% { color: var(--text-1); text-shadow: none; }
}

.w-empty-illust{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  flex:1;padding:18px 12px;text-align:center;color:var(--text-3);
}
.w-empty-illust svg{width:54px;height:54px;margin-bottom:10px;opacity:.55}
.w-empty-illust .we-title{font-size:.78rem;font-weight:700;color:var(--text-2);margin-bottom:4px;letter-spacing:-.01em}
.w-empty-illust .we-sub{font-size:.62rem;line-height:1.5;max-width:240px;color:var(--text-3)}

.confetti-host{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}
.confetti-piece{
  position:absolute;width:8px;height:14px;border-radius:2px;
  animation:confetti-fall var(--cf-dur,2.6s) cubic-bezier(.4,.6,.6,1) forwards;
  will-change:transform,opacity;
}
@keyframes confetti-fall{
  0%   { transform:translate3d(0,0,0) rotate(0deg) scale(.7); opacity:1; }
  60%  { opacity:1; }
  100% { transform:translate3d(var(--cf-x,0),100vh,0) rotate(var(--cf-r,720deg)) scale(1); opacity:0; }
}

.kbd-overlay{
  position:fixed;inset:0;background:var(--modal-scrim);backdrop-filter:blur(8px);
  z-index:9990;display:none;align-items:center;justify-content:center;animation:kbd-fade .2s;
}
.kbd-overlay.open{display:flex}
@keyframes kbd-fade{from{opacity:0}to{opacity:1}}
.kbd-modal{
  background:var(--card-3,var(--card));border:1px solid var(--border-2);border-radius:18px;
  padding:24px 28px;max-width:560px;width:calc(100% - 40px);max-height:80vh;overflow-y:auto;
  box-shadow:0 30px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(var(--accent-rgb),0.08);
}
.kbd-modal h3{font-size:.95rem;font-weight:800;margin:0 0 4px;letter-spacing:-.01em}
.kbd-modal .kbd-sub{font-size:.7rem;color:var(--text-3);margin-bottom:18px}
.kbd-modal .kbd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.kbd-modal .kbd-cat{font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:14px 0 8px;grid-column:1/-1}
.kbd-modal .kbd-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.7rem;color:var(--text-2)}
.kbd-modal .kbd-key{display:inline-flex;align-items:center;gap:3px}
.kbd-modal .kbd-key kbd{
  display:inline-block;padding:3px 8px;font-size:.6rem;font-weight:700;
  background:var(--card);border:1px solid var(--border-2);border-radius:5px;
  font-family:inherit;color:var(--text-1);box-shadow:0 1px 0 rgba(0,0,0,0.3);
  min-width:24px;text-align:center;
}
.kbd-modal .kbd-foot{margin-top:18px;font-size:.6rem;color:var(--text-3);text-align:center}

html[data-theme-preset="midnight"]{
}
html[data-theme-preset="dawn"]{
  --bg:#fafafa;--bg-2:#f3f4f6;--bg-3:#ffffff;
  --card:#ffffff;--card-2:#f9fafb;--card-3:#f3f4f6;
  --border:rgba(0,0,0,0.08);--border-2:rgba(0,0,0,0.16);
  --text-1:#0f172a;--text-2:#475569;--text-3:#94a3b8;
  --accent:#7c3aed;--accent-2:#6d28d9;
}
html[data-theme-preset="forest"]{
  --bg:#0a1612;--bg-2:#0f1f1a;--bg-3:#0c1815;
  --card:#0f1f1a;--card-2:#152922;--card-3:#1d3a2f;
  --accent:#34d399;--accent-2:#10b981;
}
html[data-theme-preset="cyberpunk"]{
  --bg:#0a0612;--bg-2:#1a0e26;--bg-3:#0e0818;
  --card:#1a0e26;--card-2:#2a1640;--card-3:#3a1f5a;
  --accent:#ec4899;--accent-2:#db2777;
  --blue:#22d3ee;--purple:#fbbf24;
}

.chart-overlay {
  position: absolute; pointer-events: none; z-index: 5;
  font-size: .55rem; font-weight: 800; letter-spacing: .04em;
  font-variant-numeric: tabular-nums;
  animation: chart-overlay-in .4s ease-out;
}
@keyframes chart-overlay-in {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.chart-delta {
  top: 8px; right: 10px;
  display: inline-flex; align-items: center; gap: 3px;
  padding: 3px 7px; border-radius: 99px;
  background: rgba(0,0,0,0.35); backdrop-filter: blur(8px);
  border: 1px solid transparent;
}
.chart-delta.chart-delta-up {
  color: var(--accent);
  border-color: rgba(var(--accent-rgb),0.25);
  box-shadow: 0 0 12px rgba(var(--accent-rgb),0.15);
}
.chart-delta.chart-delta-down {
  color: var(--red);
  border-color: rgba(239,68,68,0.25);
  box-shadow: 0 0 12px rgba(239,68,68,0.15);
}
.chart-delta .cd-arrow { font-size: .7rem; line-height: 1; margin-top: -1px; }
.chart-delta .cd-vs { font-size: .56rem; opacity: .6; letter-spacing: .02em; margin-left: 1px; text-transform: uppercase; }
.chart-sparse-hint {
  bottom: 8px; right: 10px;
  padding: 2px 7px; border-radius: 4px;
  background: rgba(0,0,0,0.3); color: var(--text-3);
  text-transform: uppercase;
}

.apex-chart .apexcharts-area-series .apexcharts-marker {
  filter: drop-shadow(0 0 4px currentColor);
}
.apex-chart .apexcharts-line, .apex-chart .apexcharts-area {
  filter: drop-shadow(0 2px 6px rgba(var(--accent-rgb),0.18));
}
.apex-chart .apexcharts-bar-area {
  transition: opacity .2s;
}
.apex-chart .apexcharts-bar-area:hover {
  filter: brightness(1.15) drop-shadow(0 0 8px var(--accent));
}
.apex-chart .apexcharts-toolbar { display: none !important; }
.apex-chart .apexcharts-zoom-icon, .apex-chart .apexcharts-pan-icon { display: none !important; }
.apex-chart .apexcharts-legend { display: none !important; }

.apex-chart .apexcharts-yaxis-annotation-label.apex-thresh-label-glass{
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.4));
}
.apex-chart g.apexcharts-yaxis-annotations .apex-thresh-label-glass + rect,
.apex-chart g.apexcharts-yaxis-annotations rect.apex-thresh-label-glass{
  rx: 6; ry: 6;
}
.apex-chart g.apexcharts-yaxis-annotations line{ opacity: 0.7; transition: opacity .2s; }
.apex-chart:hover g.apexcharts-yaxis-annotations line{ opacity: 1; }

.w-sparkline-overlay{
  position:absolute;left:8px;right:8px;bottom:8px;
  height:24px;pointer-events:none;opacity:.6;z-index:0;
}
.w-sparkline-overlay svg{width:100%;height:100%}

.w[data-wtype="donut"]{--donut-hole:60%}
.w[data-wtype="donut"].hide-legend .w-legend{display:none}

.w.cd-words .cd-day, .w.cd-words .cd-hr, .w.cd-words .cd-min, .w.cd-words .cd-sec{font-family:inherit;font-weight:700}
.w.cd-bar [data-fld^="cd-"]{display:none}

.w.chart-no-grid .chartjs-grid{display:none}
.w.chart-show-legend .chartjs-legend{display:flex !important}
.w.chart-no-animate canvas{transition:none !important}

@keyframes milestone-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(var(--accent-rgb),0.7), 0 0 0 0 rgba(var(--accent-rgb),0.4); }
  35%  { box-shadow: 0 0 0 6px rgba(var(--accent-rgb),0.25), 0 0 24px 4px rgba(var(--accent-rgb),0.5); }
  100% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb),0), 0 0 0 0 rgba(var(--accent-rgb),0); }
}
.w.celebrating {
  animation: milestone-pulse 2.2s ease-out 1;
  border-color: var(--accent) !important;
}

.bignum.tier-red    { color: var(--red) !important; }
.bignum.tier-amber  { color: var(--amber) !important; }
.bignum.tier-green  { color: var(--accent) !important; }
.bignum.tier-red::after, .bignum.tier-amber::after, .bignum.tier-green::after {
  content:''; display:inline-block; width:8px; height:8px; border-radius:50%;
  margin-left:8px; vertical-align:middle;
}
.bignum.tier-red::after    { background:var(--red); }
.bignum.tier-amber::after  { background:var(--amber); }
.bignum.tier-green::after  { background:var(--accent); }

.thresh-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.58rem;color:var(--text-3);margin-bottom:8px;flex-wrap:wrap}
.thresh-lower-toggle{display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-weight:600;color:var(--text-3);user-select:none;font-size:.58rem}
.thresh-lower-toggle input{accent-color:var(--accent);width:13px;height:13px;cursor:pointer;margin:0}
.thresh-lower-toggle:hover{color:var(--text-2)}

.thresh-inputs{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.thresh-input-row{display:grid;grid-template-columns:14px 38px 1fr auto;align-items:center;gap:8px;padding:6px 8px;background:var(--card);border:1px solid var(--border);border-radius:7px;transition:border-color .15s, background .15s}
.thresh-input-row:focus-within{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,var(--card))}
.thresh-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}
.thresh-dot.thresh-red{background:var(--red);color:var(--red)}
.thresh-dot.thresh-amber{background:var(--amber);color:var(--amber)}
.thresh-dot.thresh-green{background:var(--accent);color:var(--accent)}
.thresh-input-row .thresh-label{font-size:.62rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}
.thresh-input-row input[type="number"]{flex:1;min-width:0;padding:5px 8px;font-size:.7rem;font-weight:700;font-family:inherit;font-variant-numeric:tabular-nums;background:var(--bg-2,var(--card-2));border:1px solid var(--border);border-radius:5px;color:var(--text-1)}
.thresh-input-row input[type="number"]:focus{outline:none;border-color:var(--accent)}
.thresh-input-row input[type="number"]::-webkit-outer-spin-button,
.thresh-input-row input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.thresh-help{font-size:.5rem;color:var(--text-3);text-transform:lowercase;letter-spacing:.02em;font-weight:500;justify-self:end;white-space:nowrap}

.thresh-actions{display:flex;gap:6px;margin-bottom:10px}
.thresh-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;font-size:.62rem;font-weight:700;font-family:inherit;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text-2);cursor:pointer;transition:all .15s}
.thresh-btn:hover{border-color:var(--border-2);color:var(--text-1);background:color-mix(in srgb,var(--accent) 4%,var(--card))}
.thresh-btn.thresh-btn-primary{border-color:rgba(var(--accent-rgb),0.25);color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--card))}
.thresh-btn.thresh-btn-primary:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--card))}
.thresh-btn .ic{font-size:.7rem}

.thresh-viz-wrap{margin-top:6px}
.thresh-viz-title{font-size:.5rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:4px}
.thresh-viz{height:40px}

.dist{height:44px;background:var(--card);border:1px solid var(--border);border-radius:7px;position:relative;margin-top:6px;overflow:hidden}
.dist svg{width:100%;height:100%;display:block}
.dist-markers{position:absolute;inset:0;pointer-events:none}
.dm{position:absolute;top:0;bottom:0;width:3px;cursor:ew-resize;pointer-events:auto;border-radius:2px;transition:transform .12s, box-shadow .12s}
.dm:hover{transform:scaleX(1.6);box-shadow:0 0 8px currentColor}
.dm.dragging{transform:scaleX(1.8);box-shadow:0 0 12px currentColor;z-index:5}
.dm .dml{position:absolute;top:-16px;font-size:.55rem;font-weight:700;transform:translateX(-50%);padding:2px 6px;border-radius:4px;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none}
.dm.red{background:var(--red);color:var(--red)}.dm.red .dml{color:var(--red);background:color-mix(in srgb,var(--red) 16%,var(--card-3))}
.dm.yel{background:var(--amber);color:var(--amber)}.dm.yel .dml{color:var(--amber);background:color-mix(in srgb,var(--amber) 16%,var(--card-3))}
.dm.grn{background:var(--accent);color:var(--accent)}.dm.grn .dml{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--card-3))}

.sel-card{padding:10px;background:var(--card);border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;gap:10px;min-width:0}
.sel-card .si{width:32px;height:32px;border-radius:7px;background:linear-gradient(135deg,rgba(var(--accent-rgb),0.18),rgba(var(--accent-rgb),0.12));display:grid;place-items:center;font-size:1rem;flex-shrink:0}
.sel-card .sn{font-size:.74rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sel-card .sm{font-size:.58rem;color:var(--text-3);margin-top:1px}

.alert-item{padding:10px;background:var(--card);border:1px solid var(--border);border-radius:9px;margin-bottom:6px}
.alert-item .ah{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:6px;min-width:0}
.alert-item .at{font-size:.68rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.alert-item .ad{font-size:.62rem;color:var(--text-3);line-height:1.4}
.alert-item .aactions{display:flex;gap:4px;margin-top:7px;flex-wrap:wrap}

.ver{display:flex;gap:9px;padding:7px 10px;border-radius:7px;cursor:pointer;position:relative}
.ver:hover{background:var(--card)}
.ver.cur{background:linear-gradient(90deg,rgba(var(--accent-rgb),0.07),transparent)}
.ver .vdot{width:9px;height:9px;border-radius:50%;background:var(--text-3);margin-top:4px;flex-shrink:0}
.ver.cur .vdot{background:var(--accent);box-shadow:0 0 8px var(--accent)}
.ver .vt{font-size:.68rem;font-weight:600}
.ver .vm{font-size:.56rem;color:var(--text-3);margin-top:1px}

.metric-item{padding:7px 9px;background:var(--card);border:1px solid var(--border);border-radius:7px;margin-bottom:4px}
.metric-item .mn{font-size:.68rem;font-weight:700}
.metric-item .mf{font-size:.56rem;color:var(--text-3);font-family:var(--bh-mono);font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.estat{grid-area:estat;display:flex;align-items:center;padding:0 14px;gap:12px;background:rgba(7,9,13,0.8);backdrop-filter:blur(10px);border-top:1px solid var(--border);font-size:.62rem;color:var(--text-3)}

.cursor{position:absolute;z-index:30;pointer-events:none;transition:left .25s ease-out,top .25s ease-out}
.cursor svg{width:18px;height:18px;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.5))}
.cursor .cl{position:absolute;top:16px;left:12px;white-space:nowrap;font-size:.56rem;font-weight:700;padding:2px 6px;border-radius:4px;color:#000}


.ds-tt{flex:1;padding:5px 6px;border:none;background:transparent;color:var(--text-3);font-size:.6rem;font-weight:700;cursor:pointer;border-radius:5px;font-family:inherit;letter-spacing:.04em;white-space:nowrap}
.ds-tt:hover{color:var(--text-1)}
.ds-tt.active{background:var(--card-3);color:var(--accent)}

.ds-item{padding:10px 11px;border-radius:9px;cursor:pointer;margin-bottom:3px;transition:all .15s;position:relative;min-width:0}
.ds-item:hover{background:var(--card)}
.ds-item.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),0.09),transparent);border-left:2px solid var(--accent);padding-left:9px}
.ds-item .ds-name{font-size:.74rem;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ds-item .ds-type{font-size:.54rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);background:rgba(255,255,255,0.04);padding:1px 5px;border-radius:3px;font-weight:700;margin-left:auto}
.ds-item .ds-formula{font-size:.56rem;color:var(--text-3);font-family:var(--bh-mono);font-variant-numeric:tabular-nums;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ds-item .ds-meta{font-size:.56rem;color:var(--text-3);margin-top:3px;display:flex;gap:8px}

.ds-editor{overflow-y:auto;padding:24px 32px 60px;min-width:0}

.tok{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:7px;font-weight:600;cursor:pointer;transition:all .12s;position:relative;user-select:none}
.tok:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.25)}
.tok .tok-ic{font-size:.68rem}
.tok.metric{background:linear-gradient(135deg,rgba(var(--accent-rgb),0.18),rgba(var(--accent-rgb),0.08));border:1px solid rgba(var(--accent-rgb),0.3);color:var(--accent)}
.tok.dim{background:linear-gradient(135deg,rgba(59,158,255,0.18),rgba(59,158,255,0.08));border:1px solid rgba(59,158,255,0.3);color:var(--blue)}
.tok.func{background:linear-gradient(135deg,rgba(167,139,250,0.18),rgba(167,139,250,0.08));border:1px solid rgba(167,139,250,0.3);color:var(--purple)}
.tok.op{color:var(--text-3);padding:4px 4px;font-weight:700;font-size:.9rem}
.tok.lit{background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--text-1)}
.tok.filter{background:linear-gradient(135deg,rgba(245,158,11,0.15),rgba(245,158,11,0.06));border:1px solid rgba(245,158,11,0.3);color:var(--amber)}
.tok.time{background:linear-gradient(135deg,rgba(34,211,238,0.15),rgba(34,211,238,0.06));border:1px solid rgba(34,211,238,0.3);color:var(--cyan)}
.tok-add{padding:4px 10px;border:1px dashed var(--border-2);border-radius:7px;color:var(--text-3);font-weight:600;cursor:pointer;background:transparent}
.tok-add:hover{border-color:var(--accent);color:var(--accent)}

.autocomp{
  margin-top:10px;padding:10px;background:var(--card-2);border:1px solid var(--border-2);border-radius:10px;
  max-height:260px;overflow-y:auto;
}
.ac-hint{font-size:.6rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:6px}
.ac-item{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:7px;cursor:pointer}
.ac-item:hover,.ac-item.hov{background:rgba(var(--accent-rgb),0.08)}
.ac-item .ac-ic{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-size:.78rem;flex-shrink:0}
.ac-item .ac-ic.metric{background:rgba(var(--accent-rgb),0.12);color:var(--accent)}
.ac-item .ac-ic.func{background:rgba(167,139,250,0.12);color:var(--purple)}
.ac-item .ac-ic.dim{background:rgba(59,158,255,0.12);color:var(--blue)}
.ac-item .ac-name{font-size:.76rem;font-weight:600;font-family:var(--bh-mono);font-variant-numeric:tabular-nums}
.ac-item .ac-desc{font-size:.62rem;color:var(--text-3);margin-top:1px}
.ac-item .ac-type{margin-left:auto;font-size:.54rem;color:var(--text-3);background:rgba(255,255,255,0.04);padding:2px 6px;border-radius:3px;font-weight:700;letter-spacing:.06em}

.preview-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.preview-head .lbl{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:700}
.preview-head .meta{margin-left:auto;font-size:.6rem;color:var(--text-3)}
.preview-result{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}
.preview-result .pv{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--accent),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.preview-result .pv-unit{font-size:.74rem;color:var(--text-3);font-weight:600}
.preview-result .pv-cmp{font-size:.7rem;color:var(--text-2);margin-left:auto;font-weight:600}
.preview-chart{height:90px;overflow:hidden;position:relative;min-width:0}
.preview-chart canvas{max-width:100%!important;max-height:100%!important;display:block!important}
.preview-meta-row{display:flex;gap:18px;margin-top:12px;flex-wrap:wrap;font-size:.64rem;color:var(--text-3)}
.preview-meta-row strong{color:var(--text-1);font-weight:700}

.lineage{padding:14px;background:var(--card);border:1px solid var(--border);border-radius:10px;font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.68rem;line-height:1.7}
.lineage-node{display:flex;align-items:center;gap:8px;padding:4px 0;position:relative}
.lineage-node .ln-ic{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;font-size:.7rem;flex-shrink:0}
.lineage-node .ln-ic.src{background:rgba(59,158,255,0.15);color:var(--blue)}
.lineage-node .ln-ic.field{background:rgba(34,211,238,0.12);color:var(--cyan)}
.lineage-node .ln-ic.met{background:rgba(var(--accent-rgb),0.15);color:var(--accent)}
.lineage-node.indent-1{padding-left:18px}
.lineage-node.indent-2{padding-left:36px}
.lineage-node.indent-1::before,.lineage-node.indent-2::before{content:'';position:absolute;left:6px;top:0;bottom:50%;width:1px;background:var(--border-2)}
.lineage-node.indent-1::after,.lineage-node.indent-2::after{content:'';position:absolute;left:6px;top:50%;width:10px;height:1px;background:var(--border-2)}
.lineage-node.indent-2::before{left:24px}
.lineage-node.indent-2::after{left:24px}

.usage-item{display:flex;align-items:center;gap:9px;padding:8px 10px;background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:4px;cursor:pointer;min-width:0}
.usage-item:hover{border-color:var(--border-2)}
.usage-item .ui-ic{font-size:.9rem;flex-shrink:0}
.usage-item .ui-name{font-size:.7rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.usage-item .ui-count{font-size:.56rem;color:var(--text-3);background:rgba(255,255,255,0.04);padding:2px 6px;border-radius:10px;flex-shrink:0}

.test-row{display:flex;align-items:center;gap:9px;padding:8px 10px;background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:4px;min-width:0}
.test-row .tr-status{width:18px;height:18px;border-radius:4px;display:grid;place-items:center;font-size:.66rem;font-weight:800;flex-shrink:0}
.test-row .tr-status.pass{background:rgba(var(--accent-rgb),0.18);color:var(--accent)}
.test-row .tr-status.fail{background:rgba(239,68,68,0.18);color:var(--red)}
.test-row .tr-desc{font-size:.66rem;flex:1;font-family:var(--bh-mono);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

.func-cat{margin-bottom:12px}
.func-cat-head{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);font-weight:700;margin-bottom:5px}
.func-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.func-chip{padding:5px 9px;background:rgba(167,139,250,0.08);border:1px solid rgba(167,139,250,0.2);border-radius:6px;font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.62rem;color:var(--purple);cursor:pointer;font-weight:600;text-align:center}
.func-chip:hover{background:rgba(167,139,250,0.16);border-color:rgba(167,139,250,0.4)}

.btn-group{display:flex;gap:6px;margin-top:8px}

.tpl-wrap{padding:24px 32px 60px}
.tpl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.tpl-head h1{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}
.tpl-head .sub{color:var(--text-2);font-size:.82rem;margin-top:4px}
.tpl-head-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tpl-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}

.tpl-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .2s;position:relative;min-width:0}
.tpl-card:hover{border-color:var(--border-2);transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,0.35)}
.tpl-card.pro{border-color:rgba(var(--accent-rgb),0.28)}
.tpl-card .preview{aspect-ratio:1.6;overflow:hidden;position:relative;border-bottom:1px solid var(--border);min-width:0}
.tpl-card.feat-big .preview{aspect-ratio:unset;height:66%}
.tpl-card .info{padding:14px 16px}
.tpl-card .t-title{font-size:.96rem;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpl-card .t-author{font-size:.62rem;color:var(--text-3);margin-top:3px;display:flex;align-items:center;gap:6px}
.tpl-card .t-author .authdot{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#22d3ee);display:inline-block}
.tpl-card .t-desc{font-size:.74rem;color:var(--text-2);line-height:1.5;margin-top:8px}
.tpl-card .t-stats{display:none;gap:14px;margin-top:10px;font-size:.64rem;color:var(--text-3);align-items:center;flex-wrap:wrap}
.tpl-card .t-stats .star{color:var(--amber)}
.tpl-card .t-tags{display:flex;gap:4px;margin-top:10px;flex-wrap:wrap}
.tpl-card .feat-badge{position:absolute;top:10px;left:10px;z-index:2;font-size:.54rem;font-weight:800;padding:4px 10px;background:rgba(0,0,0,0.75);backdrop-filter:blur(10px);color:var(--accent);border-radius:100px;letter-spacing:.1em}
.tpl-card .pro-badge{position:absolute;top:10px;right:10px;z-index:2;font-size:.52rem;font-weight:800;padding:3px 8px;background:linear-gradient(135deg,var(--accent),var(--blue));color:#000;border-radius:100px;letter-spacing:.1em}

.tpl-card-big-content{padding:18px 20px}
.tpl-card-big-content .t-title{font-size:1.2rem}
.tpl-card-big-content .t-desc{font-size:.8rem}

.pv-art{display:grid;gap:3px;padding:6px;height:100%;background:#070910;min-width:0}
.pb{background:var(--card-2);border-radius:3px;position:relative;overflow:hidden;min-width:0}
.pb.a{background:linear-gradient(135deg,rgba(var(--accent-rgb),0.3),rgba(var(--accent-rgb),0.08))}
.pb.b{background:linear-gradient(135deg,rgba(59,158,255,0.28),rgba(59,158,255,0.05))}
.pb.c{background:linear-gradient(135deg,rgba(245,158,11,0.28),rgba(245,158,11,0.05))}
.pb.d{background:linear-gradient(135deg,rgba(167,139,250,0.28),rgba(167,139,250,0.05))}
.pb.e{background:linear-gradient(135deg,rgba(239,68,68,0.28),rgba(239,68,68,0.05))}
.pb.f{background:linear-gradient(135deg,rgba(236,72,153,0.25),rgba(236,72,153,0.05))}
.pb.g{background:linear-gradient(135deg,rgba(34,211,238,0.25),rgba(34,211,238,0.05))}

.pb.bars::before{content:'';position:absolute;bottom:6px;left:6px;right:6px;height:40%;background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 5px);opacity:.35;color:var(--accent)}
.pb.line::before{content:'';position:absolute;top:30%;bottom:20%;left:6px;right:6px;background:linear-gradient(90deg,transparent 0%,currentColor 50%,transparent 100%);color:var(--blue);opacity:.4;clip-path:polygon(0 60%,10% 45%,25% 52%,40% 30%,55% 40%,70% 20%,85% 35%,100% 15%,100% 100%,0 100%)}

.tpl-sec-head{margin:30px 0 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-2);font-weight:700;display:flex;align-items:center;gap:10px}
.tpl-sec-head .see-all{margin-left:auto;font-size:.64rem;color:var(--text-3);cursor:pointer;font-weight:600;letter-spacing:0;text-transform:none}
.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}

.tpl-modal-scrim{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(10px);z-index:120;display:none;align-items:center;justify-content:center;padding:40px}
.tpl-modal-scrim.open{display:flex;animation:fadeIn .2s}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.tpl-modal{width:min(960px,96vw);max-height:86vh;background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--border-3);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,0.5);animation:pIn .3s cubic-bezier(.2,.8,.2,1)}
@keyframes pIn{from{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.tpl-modal-head{padding:22px 26px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:16px}
.tpl-modal-head .icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--blue));display:grid;place-items:center;font-size:1.5rem;flex-shrink:0}
.tpl-modal-head h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}
.tpl-modal-head .sub{font-size:.78rem;color:var(--text-2);margin-top:4px}
.tpl-modal-body{padding:24px 26px;overflow-y:auto}
.tpl-modal-preview{aspect-ratio:1.8;border-radius:10px;overflow:hidden;border:1px solid var(--border);margin-bottom:20px}

.exp-wrap{padding:24px 32px 60px;max-width:1400px;margin:0 auto}
.exp-head{margin-bottom:20px}
.exp-head h1{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}
.exp-head .sub{color:var(--text-2);font-size:.82rem;margin-top:4px;max-width:680px;line-height:1.5}

.exp-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;min-width:0}
@media(max-width:1100px){.exp-layout{grid-template-columns:1fr}}

.exp-hero{
  padding:24px;background:linear-gradient(135deg,rgba(var(--accent-rgb),0.07),rgba(var(--accent-rgb),0.04));
  border:1px solid rgba(var(--accent-rgb),0.22);border-radius:16px;margin-bottom:18px;
  position:relative;overflow:hidden;
}
.exp-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 20%,rgba(var(--accent-rgb),0.1),transparent 55%);pointer-events:none}
.exp-hero-kicker{font-size:.62rem;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-weight:700}
.exp-hero-headline{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-top:8px}
.exp-hero-headline .hl{background:linear-gradient(135deg,var(--accent),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.exp-hero-body{font-size:.86rem;color:var(--text-2);margin-top:10px;line-height:1.6;max-width:740px}
.exp-hero-chart{height:110px;margin-top:16px;overflow:hidden;position:relative;min-width:0}
.exp-hero-chart canvas{max-width:100%!important;max-height:100%!important;display:block!important}
.exp-hero-actions{display:flex;gap:8px;margin-top:14px}

.exp-insights{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;min-width:0}
.exp-ins{padding:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;position:relative;cursor:pointer;transition:all .2s;min-width:0;overflow:hidden}
.exp-ins:hover{border-color:var(--border-2);transform:translateY(-2px)}
.exp-ins .h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:6px}
.exp-ins .t{font-size:.66rem;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.exp-ins .v{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.exp-ins .v.accent{background:linear-gradient(135deg,var(--accent),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.exp-ins .v.red{background:linear-gradient(135deg,var(--red),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.exp-ins .v.amber{background:linear-gradient(135deg,var(--amber),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.exp-ins .d{font-size:.64rem;font-weight:700;margin-top:2px}
.exp-ins .note{font-size:.64rem;color:var(--text-3);margin-top:6px;line-height:1.4}
.exp-ins .sp{height:36px;margin-top:8px;overflow:hidden;position:relative;min-width:0}
.exp-ins .sp canvas{max-width:100%!important;max-height:100%!important;display:block!important}
.exp-ins .add{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .15s;padding:3px 8px;font-size:.58rem}
.exp-ins:hover .add{opacity:1}

.exp-side{min-width:0}
.exp-side h3{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);font-weight:700;margin-bottom:10px;margin-top:22px}
.exp-side h3:first-child{margin-top:0}
.suggest-q{padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:9px;font-size:.72rem;color:var(--text-2);margin-bottom:6px;cursor:pointer;transition:all .15s;line-height:1.4}
.suggest-q:hover{border-color:var(--purple);color:var(--text-1)}
.suggest-q .q-ic{color:var(--purple);margin-right:6px}

.src-row{display:flex;align-items:center;gap:9px;padding:8px 10px;background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:4px;min-width:0}
.src-row .sd{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);flex-shrink:0}
.src-row .sd.w{background:var(--amber);box-shadow:0 0 6px var(--amber)}
.src-row .sd.e{background:var(--red);box-shadow:0 0 6px var(--red)}
.src-row .sn{font-size:.7rem;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.src-row .sm{font-size:.56rem;color:var(--text-3);flex-shrink:0}

.alc-wrap{padding:0;display:grid;grid-template-rows:auto 1fr;height:100%;min-height:0}
.alc-head{padding:24px 32px 12px;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(7,9,13,0.85);backdrop-filter:blur(18px);z-index:5}
.alc-head h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}
.alc-head .sub{color:var(--text-2);font-size:.8rem;margin-top:4px}
.alc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:16px;max-width:900px}
.alc-stat{padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:11px}
.alc-stat .lbl{font-size:.58rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.alc-stat .val{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}
.alc-stat.warn .val{color:var(--amber)}
.alc-stat.danger .val{color:var(--red)}
.alc-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-top:16px}
.alc-tab{padding:8px 14px;border:none;background:var(--card);color:var(--text-3);font-family:inherit;font-size:.7rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .15s;border:1px solid var(--border)}
.alc-tab:hover{color:var(--text-1)}
.alc-tab.active{background:var(--card-3);color:var(--accent);border-color:rgba(var(--accent-rgb),0.3)}

.alc-body{overflow-y:auto;padding:22px 32px 60px;display:grid;grid-template-columns:1fr 360px;gap:24px;min-width:0}
@media(max-width:1100px){.alc-body{grid-template-columns:1fr}}

#alertsListHistorik{display:none}
.alc-wrap[data-alc-view="historik"] #alertsListFiring,
.alc-wrap[data-alc-view="historik"] #alertsListTriggered,
.alc-wrap[data-alc-view="historik"] #alertsListWatching{display:none}
.alc-wrap[data-alc-view="historik"] #alertsListHistorik{display:block}
.alc-wrap[data-alc-view="triggered"] #alertsListWatching{display:none}
.alc-wrap[data-alc-view="kanaler"] #alertChannelsList,
.alc-wrap[data-alc-view="quiet"] [data-alc-pulse="quiet"]{animation:alcSidebarPulse 1.4s ease 1}
@keyframes alcSidebarPulse{0%,100%{box-shadow:none}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}}

.alert-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .15s;min-width:0}
.alert-row.sel,.alert-item.sel{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.15)}
.alert-row:hover{border-color:var(--border-2)}
.alert-row.fire{border-color:color-mix(in srgb,var(--red) 30%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--red) 6%,transparent),transparent 40%)}
.alert-row .ar-sev{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:.9rem;flex-shrink:0}
.alert-row .ar-sev.ok{background:rgba(var(--accent-rgb),0.15);color:var(--accent)}
.alert-row .ar-sev.warn{background:rgba(245,158,11,0.15);color:var(--amber)}
.alert-row .ar-sev.red{background:rgba(239,68,68,0.18);color:var(--red);animation:pulseBg 1.4s ease-in-out infinite}
@keyframes pulseBg{50%{background:rgba(239,68,68,0.3)}}
.alert-row .ar-main{flex:1;min-width:0}
.alert-row .ar-title{font-size:.84rem;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.alert-row .ar-cond{font-size:.66rem;color:var(--text-3);font-family:var(--bh-mono);font-variant-numeric:tabular-nums;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alert-row .ar-channels{display:flex;gap:4px;flex-shrink:0;flex-wrap:wrap}
.alert-row .ar-time{font-size:.6rem;color:var(--text-3);text-align:right;flex-shrink:0;white-space:nowrap}

.channel-card{padding:14px;background:var(--card);border:1px solid var(--border);border-radius:11px;margin-bottom:8px;display:flex;align-items:center;gap:12px}
.channel-card .cc-ic{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}
.channel-card .cc-ic.slack{background:rgba(74,21,75,0.35);color:#c084fc}
.channel-card .cc-ic.sms{background:rgba(59,158,255,0.15);color:var(--blue)}
.channel-card .cc-ic.email{background:rgba(245,158,11,0.12);color:var(--amber)}
.channel-card .cc-ic.push{background:rgba(var(--accent-rgb),0.15);color:var(--accent)}
.channel-card .cc-ic.teams{background:rgba(99,102,241,0.15);color:#818cf8}
.channel-card .cc-ic.tv{background:rgba(239,68,68,0.15);color:var(--red)}
.channel-card .cc-info{flex:1;min-width:0}
.channel-card .cc-name{font-size:.8rem;font-weight:700}
.channel-card .cc-meta{font-size:.62rem;color:var(--text-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-card .cc-status{font-size:.58rem;font-weight:700;padding:3px 8px;border-radius:100px;flex-shrink:0}

.toggle{position:relative;width:34px;height:20px;background:var(--card-3);border-radius:100px;cursor:pointer;flex-shrink:0;transition:background .15s}
.toggle.on{background:var(--accent)}
.toggle::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s}
.toggle.on::after{left:16px}

.alert-tv-banner{position:fixed;top:clamp(12px,2vh,24px);right:clamp(12px,2vw,24px);z-index:9999;display:flex;align-items:center;gap:12px;padding:14px 18px;min-width:clamp(260px,28vw,420px);max-width:min(92vw,520px);background:var(--card);border:1px solid color-mix(in srgb,var(--red) 40%,var(--border));border-left:4px solid var(--red);border-radius:11px;box-shadow:0 12px 32px -8px rgba(0,0,0,.45),0 0 0 1px rgba(239,68,68,.18);font-family:inherit;cursor:pointer;animation:atvSlideIn .28s cubic-bezier(.2,.9,.3,1.2)}
.alert-tv-banner .atv-icon{width:34px;height:34px;border-radius:9px;background:rgba(239,68,68,.16);color:var(--red);display:grid;place-items:center;font-size:1.15rem;flex-shrink:0}
.alert-tv-banner .atv-text{flex:1;min-width:0}
.alert-tv-banner .atv-title{font-size:.82rem;font-weight:800;color:var(--text-1);line-height:1.25;letter-spacing:-.005em}
.alert-tv-banner .atv-msg{font-size:.7rem;color:var(--text-2);margin-top:3px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.alert-tv-banner .atv-close{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:var(--text-3);font-size:.85rem;flex-shrink:0;transition:background .15s,color .15s}
.alert-tv-banner:hover .atv-close{color:var(--text-1);background:var(--card-2)}
@keyframes atvSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}

.generic-wrap{padding:24px 32px 60px;max-width:1300px;margin:0 auto}
.generic-wrap h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}
.generic-wrap .sub{color:var(--text-2);font-size:.82rem;margin-top:4px;max-width:680px;line-height:1.5;margin-bottom:22px}

.theme-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 18px}
.theme-card-head{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-2);font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.theme-card-head i{color:var(--accent);font-size:.95rem}
.theme-row{margin-bottom:10px}
.theme-label{display:block;font-size:.7rem;color:var(--text-2);font-weight:600;margin-bottom:6px}
.theme-color-row{display:flex;align-items:center;gap:8px}
.theme-color-row input[type=color]{width:40px;height:34px;border:1px solid var(--border-2);border-radius:6px;background:transparent;cursor:pointer;padding:2px;flex-shrink:0}
.theme-color-row input[type=text]{flex:1;font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.74rem;text-transform:lowercase}
.theme-segmented{display:flex;gap:0;background:var(--card-2);border:1px solid var(--border);border-radius:8px;padding:3px}
.theme-segmented button{flex:1;padding:7px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-2);font-size:.74rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.theme-segmented button.active{background:var(--accent);color:var(--on-accent-ink)}
.theme-segmented button:hover:not(.active){background:color-mix(in srgb,var(--text-1) 6%,transparent);color:var(--text-1)}
.theme-pal-grid{display:grid;grid-template-columns:1fr;gap:10px}
.theme-pal-row{display:flex;flex-direction:column;gap:4px}
.theme-pal-lbl{font-size:.7rem;color:var(--text-2);font-weight:600}
.theme-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.theme-tabs{display:flex;gap:2px;background:var(--card-2);border:1px solid var(--border);border-radius:8px;padding:3px;margin-bottom:4px}
.theme-tab{flex:1;padding:7px 8px;background:transparent;border:none;border-radius:6px;color:var(--text-3);font-size:.72rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.theme-tab:hover:not(.active){background:color-mix(in srgb,var(--text-1) 6%,transparent);color:var(--text-1)}
.theme-tab.active{background:var(--accent);color:var(--on-accent-ink)}
.theme-tab-panel{display:flex;flex-direction:column;gap:14px}

.theme-chart-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.theme-chart-palette .tcp-cell{position:relative;aspect-ratio:1;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .15s}
.theme-chart-palette .tcp-cell:hover{border-color:var(--text-3);transform:translateY(-1px)}
.theme-chart-palette .tcp-cell input[type="color"]{position:absolute;inset:0;width:100%;height:100%;border:none;background:transparent;cursor:pointer;opacity:0}
.theme-chart-palette .tcp-cell .tcp-num{position:absolute;left:5px;top:3px;font-size:.55rem;font-weight:800;color:rgba(255,255,255,0.5);pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,0.6)}
.theme-cb-row{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-1);cursor:pointer;user-select:none}
.theme-cb-row input[type="checkbox"]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}
.theme-preset-btn{aspect-ratio:1.6/1;border-radius:8px;border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s,border-color .15s}
.theme-preset-btn:hover{transform:translateY(-2px)}
.theme-preset-btn.active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.25)}
.theme-preset-btn .lbl{position:absolute;left:8px;bottom:6px;font-size:.66rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.7);pointer-events:none}
.theme-preview-box{padding:18px;background:repeating-conic-gradient(rgba(255,255,255,0.02) 0% 25%,transparent 0% 50%) 50% / 16px 16px;min-height:480px;display:grid;place-items:center}
.theme-preview-frame{width:100%;max-width:760px;aspect-ratio:16/10;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,0.4);position:relative;background:#0a0f1c;transition:background .25s}
.theme-preview-frame .tp-header{padding:14px 18px;border-bottom:1px solid var(--tp-border,rgba(255,255,255,0.08));display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.theme-preview-frame .tp-title{font-size:1rem;font-weight:800;color:var(--tp-text-1,#edf2fa);font-family:var(--tp-font,inherit)}
.theme-preview-frame .tp-sub{font-size:.7rem;color:var(--tp-text-2,#9ba5b8);font-family:var(--tp-font,inherit)}
.theme-preview-frame .tp-body{padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2}
.theme-preview-frame .tp-card{background:var(--tp-card,#1a2030);border:1px solid var(--tp-border,rgba(255,255,255,0.08));border-radius:10px;padding:14px;font-family:var(--tp-font,inherit)}
.theme-preview-frame .tp-card-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--tp-text-2,#9ba5b8);font-weight:700;margin-bottom:6px}
.theme-preview-frame .tp-card-val{font-size:1.5rem;font-weight:800;color:var(--tp-text-1,#edf2fa);font-variant-numeric:tabular-nums}
.theme-preview-frame .tp-card-accent{color:var(--tp-accent,var(--accent));font-size:.7rem;font-weight:700;margin-top:4px}
.theme-preview-frame .tp-gauge{grid-column:span 1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--tp-card,#1a2030);border:1px solid var(--tp-border,rgba(255,255,255,0.08));border-radius:10px;padding:14px;font-family:var(--tp-font,inherit)}
.theme-preview-frame .tp-gauge-ring{width:70px;height:70px;border-radius:50%;background:conic-gradient(var(--tp-accent,var(--accent)) 0% 72%,rgba(255,255,255,0.08) 72% 100%);display:grid;place-items:center;margin-bottom:6px}
.theme-preview-frame .tp-gauge-ring::after{content:"";width:54px;height:54px;border-radius:50%;background:var(--tp-card,#1a2030)}
.theme-preview-frame .tp-gauge-val{position:absolute;font-size:.9rem;font-weight:800;color:var(--tp-text-1,#edf2fa)}
.theme-preview-frame .tp-overlay{position:absolute;inset:0;background:rgba(0,0,0,var(--tp-overlay,0));pointer-events:none;z-index:1}
.theme-preset-btn .pp-card{position:absolute;left:8%;top:52%;width:22%;height:32%;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.theme-preset-btn .pp-card.b{left:38%}
.theme-preset-btn .pp-card.c{left:68%}
.theme-preset-btn .pp-accent{position:absolute;right:8px;top:8px;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 2px rgba(0,0,0,.25)}
.theme-preset-btn.theme-preset-user{box-shadow:inset 0 0 0 1px rgba(59,158,255,0.4)}
.theme-preset-btn.theme-preset-user.active{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 3px rgba(var(--accent-rgb),0.22)}
.theme-preset-btn .pp-delete{position:absolute;top:4px;left:4px;width:18px;height:18px;padding:0;border:none;border-radius:4px;background:rgba(0,0,0,0.55);color:rgba(255,255,255,0.85);font-size:13px;font-weight:800;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s;z-index:2}
.theme-preset-btn:hover .pp-delete{opacity:1}
.theme-preset-btn .pp-delete:hover{background:#ef4444}
.theme-preset-btn.theme-preset-new{background:transparent;border:2px dashed var(--border-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.theme-preset-btn.theme-preset-new:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),0.04)}
.theme-preset-btn.theme-preset-new .pp-plus{font-size:1.4rem;font-weight:300;color:var(--text-3);line-height:1}
.theme-preset-btn.theme-preset-new:hover .pp-plus{color:var(--accent)}
.theme-preset-btn.theme-preset-new .lbl{position:static;text-shadow:none;color:var(--text-3);font-size:.62rem}
.theme-preset-btn.theme-preset-new:hover .lbl{color:var(--accent)}
.theme-preset-banner{padding:10px 14px;border-radius:10px;margin-bottom:14px;font-size:.78rem;line-height:1.5;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.theme-preset-banner[data-mode="new"]{background:rgba(var(--accent-rgb),0.08);border:1px solid rgba(var(--accent-rgb),0.25);color:var(--text-1)}
.theme-preset-banner[data-mode="new"] i{color:var(--blue,#3b9eff)}
.theme-preset-banner[data-mode="edit"]{background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.28);color:var(--text-1)}
.theme-preset-banner[data-mode="edit"] i{color:var(--amber,#f59e0b)}
.theme-preset-banner .theme-banner-text{flex:1;min-width:200px}
.theme-preset-banner .theme-banner-btn{padding:5px 10px;background:transparent;color:var(--text-2);border:1px solid var(--border-2);border-radius:6px;font-size:.7rem;cursor:pointer;font-family:inherit;white-space:nowrap}
.theme-preset-banner .theme-banner-btn:hover{border-color:var(--text-2);color:var(--text-1)}

.theme-prompt-scrim{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}
.theme-prompt-modal{background:var(--card);border:1px solid var(--border-2);border-radius:14px;padding:20px 22px;min-width:320px;max-width:480px;width:calc(100% - 40px);box-shadow:0 20px 60px rgba(0,0,0,0.55);animation:scaleIn .18s cubic-bezier(.2,.8,.2,1)}
.theme-prompt-modal h3{margin:0 0 8px;font-size:1rem;font-weight:800;color:var(--text-1);letter-spacing:-.01em}
.theme-prompt-modal p{margin:0 0 14px;font-size:.78rem;color:var(--text-2);line-height:1.55}
.theme-prompt-modal .theme-prompt-input{width:100%;padding:9px 12px;background:var(--bg-2,var(--card-2));border:1px solid var(--border);border-radius:8px;color:var(--text-1);font-family:inherit;font-size:.85rem;box-sizing:border-box;margin-bottom:14px}
.theme-prompt-modal .theme-prompt-input:focus{outline:none;border-color:var(--accent)}
.theme-prompt-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
.theme-prompt-btn{padding:8px 14px;background:transparent;color:var(--text-2);border:1px solid var(--border-2);border-radius:7px;font-family:inherit;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .15s}
.theme-prompt-btn:hover{border-color:var(--text-2);color:var(--text-1)}
.theme-prompt-btn.primary{background:var(--accent);color:var(--on-accent-ink);border-color:var(--accent)}
.theme-prompt-btn.primary:hover{background:var(--accent-hover,var(--accent-2));border-color:var(--accent-hover,var(--accent-2));color:var(--on-accent-ink)}
.theme-prompt-btn.primary.danger{background:#ef4444;color:#fff;border-color:#ef4444}
.theme-prompt-btn.primary.danger:hover{background:#dc2626;border-color:#dc2626}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes scaleIn{from{opacity:0;transform:scale(0.94)}to{opacity:1;transform:scale(1)}}

.theme-wizard-scrim{position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);z-index:10001;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}
.theme-wizard-modal{background:var(--card);border:1px solid var(--border-2);border-radius:18px;width:min(720px, calc(100vw - 32px));max-height:calc(100vh - 60px);overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:scaleIn .22s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}
.theme-wizard-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;position:relative}
.theme-wizard-progress{flex:1;height:4px;background:var(--card-2);border-radius:4px;overflow:hidden}
.tw-prog-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-glow,var(--accent)));border-radius:4px;transition:width .3s cubic-bezier(.2,.8,.2,1)}
.theme-wizard-step-num{font-size:.72rem;color:var(--text-3);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.theme-wizard-skip{padding:6px 10px;background:transparent;color:var(--text-3);border:none;font-size:.7rem;cursor:pointer;font-family:inherit;text-decoration:underline}
.theme-wizard-skip:hover{color:var(--text-1)}
.theme-wizard-body{padding:28px 24px;flex:1;min-height:340px}
.theme-wizard-body h3{margin:0 0 8px;font-size:1.4rem;font-weight:800;color:var(--text-1);letter-spacing:-.02em}
.theme-wizard-body p{margin:0 0 20px;font-size:.85rem;color:var(--text-2);line-height:1.55;max-width:520px}
.theme-wizard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.tw-card{background:transparent;border:2px solid var(--border);border-radius:14px;padding:0;cursor:pointer;text-align:left;font-family:inherit;transition:all .15s;overflow:hidden;display:flex;flex-direction:column}
.tw-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.tw-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.22)}
.tw-card-preview{height:88px;border-radius:0;position:relative}
.tw-card-title{padding:10px 14px 2px;font-size:.85rem;font-weight:800;color:var(--text-1)}
.tw-card-sub{padding:0 14px 12px;font-size:.7rem;color:var(--text-3);line-height:1.4}
.theme-wizard-color-pick{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.theme-wizard-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px}
.theme-wizard-btn{padding:9px 18px;background:transparent;color:var(--text-2);border:1px solid var(--border-2);border-radius:8px;font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s}
.theme-wizard-btn:hover{border-color:var(--text-2);color:var(--text-1)}
.theme-wizard-btn.primary{background:var(--accent);color:var(--on-accent-ink);border-color:var(--accent)}
.theme-wizard-btn.primary:hover{background:var(--accent-hover,var(--accent-2));border-color:var(--accent-hover,var(--accent-2));color:var(--on-accent-ink)}
@keyframes twDotPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}}

.theme-wcag-badge{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:6px;border:1px solid;font-size:.55rem;font-weight:800;letter-spacing:.04em;background:transparent;line-height:1.4;cursor:help;vertical-align:middle}

.theme-history-list{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;margin-bottom:14px}
.theme-history-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card-2);border:1px solid var(--border);border-radius:10px}
.theme-history-row .thr-swatch{position:relative;width:48px;height:48px;border-radius:8px;flex-shrink:0;overflow:hidden}
.theme-history-row .thr-swatch span{position:absolute;display:block}
.theme-history-row .thr-swatch span:nth-child(1){left:8px;top:20px;width:18px;height:18px;border-radius:3px}
.theme-history-row .thr-swatch span:nth-child(2){right:6px;top:6px;width:10px;height:10px;border-radius:50%}
.theme-history-row .thr-meta{flex:1;min-width:0}
.theme-history-row .thr-ver{font-size:.85rem;font-weight:800;color:var(--text-1);margin-bottom:2px}
.theme-history-row .thr-when{font-size:.7rem;color:var(--text-2)}
.theme-history-row .thr-who{font-size:.62rem;color:var(--text-3);font-family:var(--bh-mono);font-variant-numeric:tabular-nums}
.theme-history-row .thr-restore{padding:6px 12px;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:6px;font-size:.72rem;font-weight:700;cursor:pointer}
.theme-history-row .thr-restore:hover{background:var(--accent);color:var(--on-accent-ink)}
.theme-dash-thumb{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;margin-bottom:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.theme-dash-thumb .tdt-accent{position:absolute;left:10%;top:14%;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px rgba(0,0,0,.18)}
.theme-dash-thumb .tdt-card{position:absolute;left:10%;top:38%;width:36%;height:46%;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.28)}
.theme-dash-thumb .tdt-card.b{left:54%}
.theme-dash-badge{position:absolute;right:10px;top:10px;font-size:.54rem;padding:3px 8px;border-radius:6px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1}
.theme-dash-card:hover .theme-dash-thumb{box-shadow:inset 0 0 0 2px var(--accent)}
#themeSaveBtn[data-dirty="0"]{opacity:.65;cursor:default}
#themeSaveBtn[data-dirty="1"]{box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.22);animation:themeSavePulse 2.4s ease-in-out infinite}
@keyframes themeSavePulse{0%,100%{box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.22)}50%{box-shadow:0 0 0 5px rgba(var(--accent-rgb),0.10)}}
#ecanvas .ttx-h,#ecanvas .cv-board h1,#ecanvas .cv-board h2,#ecanvas .cv-board h3,#ecanvas .db-title{font-weight:var(--canvas-heading-weight,800)}
@media (max-width: 1000px){
  .theme-layout{grid-template-columns:1fr !important}
}

.cv-pref-section{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:12px;overflow:hidden}
.cv-pref-section > summary{padding:14px 18px;cursor:pointer;font-size:.92rem;font-weight:700;color:var(--text-1);display:flex;align-items:center;gap:10px;list-style:none;user-select:none}
.cv-pref-section > summary::-webkit-details-marker{display:none}
.cv-pref-section > summary::before{content:'▸';display:inline-block;color:var(--text-3);font-size:.75rem;transition:transform .15s ease;width:12px}
.cv-pref-section[open] > summary::before{transform:rotate(90deg)}
.cv-pref-section > summary i.ic{font-size:1.05rem;opacity:.75;color:var(--text-2)}
.cv-pref-section > summary:hover{background:rgba(255,255,255,.025)}
.cv-pref-pane{padding:6px 18px 18px}
.cv-pref-help{font-size:.78rem;color:var(--text-3);margin:0 0 14px;line-height:1.55;max-width:620px}
.cv-pref-help code{background:var(--surface);padding:1px 5px;border-radius:4px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.95em;color:var(--text-2)}
.cv-pref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.cv-pref-card{padding:14px;background:var(--surface);border-radius:12px;display:block}
.cv-pref-label{font-size:.66rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-weight:600}
.cv-pref-sublabel{font-size:.62rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-weight:600}
.cv-pref-hint{font-size:.64rem;color:var(--text-3);margin-top:6px;line-height:1.4}
.cv-pref-input{width:100%;padding:8px 10px;background:var(--card-solid,var(--card));border:1px solid var(--border);border-radius:8px;color:var(--text-1);font-family:inherit;font-size:.82rem;box-sizing:border-box}
.cv-pref-input:focus{outline:none;border-color:var(--accent)}
.cv-pref-btn-secondary{padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:8px;font-size:.7rem;color:var(--text-3);cursor:pointer;white-space:nowrap;font-family:inherit}
.cv-pref-btn-secondary:hover{color:var(--text-1);border-color:var(--text-3)}
.cv-pref-btn-add{padding:10px 14px;background:var(--card-solid,var(--card));border:1px dashed var(--border);border-radius:10px;font-size:.76rem;color:var(--text-2);cursor:pointer;width:100%;font-family:inherit}
.cv-pref-btn-add:hover{color:var(--text-1);border-color:var(--text-2)}
.cv-pref-btn-icon{padding:6px 10px;background:var(--card-solid,var(--card));border:1px solid var(--border);border-radius:8px;font-size:.72rem;color:var(--text-2);cursor:pointer;font-family:inherit}
.cv-pref-btn-icon:hover{color:var(--text-1)}
.cv-stream-rule{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px}
.cv-stream-icon{width:30px;height:30px;border-radius:50%;background:rgba(var(--accent-rgb),.12);color:var(--accent);display:grid;place-items:center;font-size:.9rem;flex-shrink:0}
.cv-stream-preview{padding:8px 12px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.2);border-radius:8px;display:flex;align-items:center;gap:8px}
.cv-stream-preview-label{font-size:.6rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.cv-stream-preview-text{font-size:.76rem;color:var(--text-1)}

.hist-tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}
.hist-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;min-width:0}
.timeline{position:relative;padding-left:24px}
.timeline::before{content:'';position:absolute;left:5px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,var(--accent),var(--blue),var(--purple));opacity:.3}
.tl-item{position:relative;padding:14px 18px;background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:all .15s;min-width:0}
.tl-item:hover{border-color:var(--border-2);transform:translateX(2px)}
.tl-item::before{content:'';position:absolute;left:-23px;top:18px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 0 2px var(--accent)}
.tl-item.edit::before{background:var(--blue);box-shadow:0 0 0 2px var(--blue)}
.tl-item.alert::before{background:var(--red);box-shadow:0 0 0 2px var(--red)}
.tl-item.share::before{background:var(--purple);box-shadow:0 0 0 2px var(--purple)}
.tl-header{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap}
.tl-actor{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.56rem;font-weight:800;color:#000}
.tl-name{font-size:.78rem;font-weight:700}
.tl-time{font-size:.62rem;color:var(--text-3);margin-left:auto}
.tl-action{font-size:.72rem;color:var(--text-2);line-height:1.4}
.tl-action strong{color:var(--text-1)}
.tl-diff{margin-top:8px;padding:8px 10px;background:var(--bg-2);border:1px solid var(--border);border-radius:7px;font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.62rem;color:var(--text-3);line-height:1.5}
.tl-diff .add{color:var(--accent)}
.tl-diff .del{color:var(--red);text-decoration:line-through;opacity:.7}

.share-tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}
.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;min-width:0}
@media(max-width:900px){.share-grid{grid-template-columns:1fr}}
.share-card{padding:18px;background:var(--card);border:1px solid var(--border);border-radius:12px;min-width:0}
.share-card .sh-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.share-card .sh-ic{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:1.05rem;flex-shrink:0}
.share-card .sh-title{font-size:.84rem;font-weight:700;letter-spacing:-.01em}
.share-card .sh-sub{font-size:.62rem;color:var(--text-3);margin-top:2px}
.share-link-row{display:flex;align-items:center;gap:9px;padding:11px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;margin-top:8px;min-width:0}
.share-link-row .url{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.66rem;color:var(--accent);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.share-link-row button{flex-shrink:0}
.share-meta-row{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap;font-size:.62rem;color:var(--text-3)}
.share-meta-row strong{color:var(--text-1)}

.embed-code{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.66rem;background:var(--bg-2);padding:10px 12px;border-radius:8px;border:1px solid var(--border);color:var(--text-2);line-height:1.5;white-space:pre;overflow-x:auto;margin-top:8px}

.sched-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:11px;margin-bottom:6px;min-width:0}
.sched-row .sr-ic{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:1rem;flex-shrink:0;background:rgba(245,158,11,0.1);color:var(--amber)}
.sched-row .sr-info{flex:1;min-width:0}
.sched-row .sr-title{font-size:.78rem;font-weight:700}
.sched-row .sr-sub{font-size:.62rem;color:var(--text-3);margin-top:2px;font-family:var(--bh-mono);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sched-row .sr-next{font-size:.6rem;color:var(--text-3);flex-shrink:0}

.access-row{display:grid;grid-template-columns:28px 1fr auto auto auto;gap:10px;align-items:center;padding:8px 12px;background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:4px;font-size:.68rem;min-width:0}
.access-row .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 5px var(--accent)}
.access-row .who{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.access-row .ip{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.58rem;color:var(--text-3)}
.access-row .time{font-size:.58rem;color:var(--text-3);white-space:nowrap}

.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:24px;min-width:0}
.settings-nav{position:sticky;top:0;align-self:start}
.settings-nav-item{padding:9px 14px;border-radius:9px;cursor:pointer;font-size:.74rem;color:var(--text-2);display:flex;align-items:center;gap:9px;margin-bottom:2px}
.settings-nav-item:hover{background:var(--card);color:var(--text-1)}
.settings-nav-item.active{background:var(--card);color:var(--accent)}
.settings-section{padding:22px;background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;min-width:0}
.settings-section h2{font-size:1rem;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.settings-section .s-sub{font-size:.72rem;color:var(--text-2);margin-bottom:16px;line-height:1.5}
.settings-row{display:grid;grid-template-columns:220px 1fr auto;gap:18px;padding:14px 0;border-bottom:1px solid var(--border);align-items:center}
.settings-row:last-child{border-bottom:none}
.settings-row .s-label{font-size:.76rem;font-weight:600}
.settings-row .s-desc{font-size:.66rem;color:var(--text-3);margin-top:2px;line-height:1.4}
.settings-row .s-control{min-width:0}

.palette-swatches{display:flex;gap:6px;flex-wrap:wrap}
.swatch{width:34px;height:34px;border-radius:8px;cursor:pointer;border:2px solid var(--border);transition:all .12s}
.swatch:hover{transform:scale(1.08)}
.swatch.active{border-color:var(--text-1);box-shadow:0 0 0 2px var(--accent)}

.cp-scrim{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(14px);z-index:150;display:none;align-items:flex-start;justify-content:center;padding-top:14vh;animation:cpFadeIn .2s}
.cp-scrim.open{display:flex}
@keyframes cpFadeIn{from{opacity:0}to{opacity:1}}
.cp{width:min(720px,92vw);background:linear-gradient(180deg,rgba(26,32,48,0.96),rgba(18,22,31,0.96));backdrop-filter:blur(22px);border:1px solid var(--border-3);border-radius:18px;overflow:hidden;box-shadow:0 20px 80px rgba(0,0,0,0.5),0 0 0 1px rgba(var(--accent-rgb),0.15);animation:cpIn .28s cubic-bezier(.2,.8,.2,1)}
@keyframes cpIn{from{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.cp-input-wrap{display:flex;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border);gap:12px}
.cp-brain{font-size:1.4rem;background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sparkle 2s ease-in-out infinite}
.cp-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-1);font-family:inherit;font-size:1.05rem;font-weight:500;min-width:0}
.cp-input::placeholder{color:var(--text-3)}
.cp-meta{font-size:.58rem;color:var(--text-3);background:var(--card);padding:4px 9px;border-radius:6px;border:1px solid var(--border-2);font-weight:600;flex-shrink:0}
.cp-body{max-height:52vh;overflow-y:auto;padding:10px}
.cp-sec-title{font-size:.56rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);font-weight:700;padding:10px 12px 6px}
.cp-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;cursor:pointer;transition:all .12s;border:1px solid transparent;min-width:0}
.cp-item:hover,.cp-item.hov,.cp-item.cp-item-active{background:rgba(var(--accent-rgb),0.08);border-color:rgba(var(--accent-rgb),0.18)}
.cp-item.cp-item-active{box-shadow:0 0 0 1px rgba(var(--accent-rgb),0.4) inset}
.cp-item .cpi-ic{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,rgba(var(--accent-rgb),0.15),rgba(var(--accent-rgb),0.1));display:grid;place-items:center;font-size:1.05rem;flex-shrink:0}
.cp-item.smart .cpi-ic{background:linear-gradient(135deg,rgba(167,139,250,0.2),rgba(236,72,153,0.15))}
.cp-item .cpi-main{flex:1;min-width:0}
.cp-item .cpi-title{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-item .cpi-desc{font-size:.64rem;color:var(--text-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-item .cpi-kbd{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.58rem;color:var(--text-3);background:rgba(255,255,255,0.04);padding:2px 6px;border-radius:4px;flex-shrink:0}
.cp-preview{margin:10px;padding:14px;background:linear-gradient(135deg,rgba(167,139,250,0.08),rgba(var(--accent-rgb),0.05));border:1px solid rgba(167,139,250,0.25);border-radius:12px;display:none}
.cp-preview.show{display:block;animation:cpThink .4s}
@keyframes cpThink{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.cp-prev-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.cp-prev-dot{width:8px;height:8px;border-radius:50%;background:var(--purple);box-shadow:0 0 8px var(--purple);animation:blink 1.2s ease-in-out infinite}
.cp-prev-title{font-size:.72rem;font-weight:700;color:var(--purple);letter-spacing:.04em}
.cp-prev-thought{font-size:.7rem;color:var(--text-2);line-height:1.5;margin-bottom:10px}
.cp-prev-wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px}
.cp-wp{aspect-ratio:1.6;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:5px;font-size:.52rem;color:var(--text-3);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0}
.cp-wp .ic{font-size:.92rem}
.cp-footer{padding:10px 16px;border-top:1px solid var(--border);display:flex;gap:14px;font-size:.58rem;color:var(--text-3);flex-wrap:wrap}
.cp-footer kbd{display:inline-block;padding:1px 5px;background:rgba(255,255,255,0.05);border:1px solid var(--border-2);border-radius:3px;font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.56rem;margin-right:3px}

.pres-scrim{position:fixed;inset:0;background:rgba(8,12,18,0.78);backdrop-filter:blur(6px);z-index:210;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}
.pres-scrim.open{display:flex;opacity:1}
.pres-modal{background:var(--card-solid,var(--card));border:1px solid var(--border);border-radius:18px;padding:28px;max-width:640px;width:calc(100% - 40px);box-shadow:0 30px 80px rgba(0,0,0,0.6)}
.pres-modal h3{font-size:1.05rem;font-weight:800;margin:0 0 6px;color:var(--text-1)}
.pres-modal .pres-sub{font-size:.74rem;color:var(--text-3);margin-bottom:18px;line-height:1.5}
.pres-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.pres-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 14px;cursor:pointer;text-align:center;transition:all .18s;color:var(--text-1)}
.pres-card:hover{border-color:var(--accent);background:var(--card-solid,var(--card));transform:translateY(-2px)}
.pres-card:disabled,.pres-card[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none}
.pres-card:disabled:hover,.pres-card[aria-disabled="true"]:hover{border-color:var(--border);transform:none}
.pres-card .pc-ic{font-size:1.6rem;margin-bottom:8px;color:var(--accent);display:flex;justify-content:center}
.pres-card .pc-ic .ic{width:1.6rem;height:1.6rem}
.pres-card .pc-t{font-size:.78rem;font-weight:700;margin-bottom:4px}
.pres-card .pc-d{font-size:.62rem;color:var(--text-3);line-height:1.4}
.pres-modal .pres-foot{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.pres-modal .pres-foot .pres-hint{font-size:.6rem;color:var(--text-3);line-height:1.4;flex:1}
.pres-modal .pres-foot button{background:transparent;border:1px solid var(--border);color:var(--text-2);padding:7px 16px;border-radius:8px;font-size:.7rem;cursor:pointer}
.pres-modal .pres-foot button:hover{border-color:var(--text-3);color:var(--text-1)}
@media (max-width:640px){.pres-grid{grid-template-columns:1fr}}

body.canvas-fullscreen{overflow:hidden !important}
body.canvas-fullscreen .ecanvas{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  padding:18px !important;
  margin:0 !important;
  z-index:150 !important;
  background:var(--bg, #0a0e14) !important;
  overflow:hidden !important;
}
body.canvas-fullscreen .cv-board{
  max-width:none !important;
  width:1920px !important;
  height:1080px !important;
  margin:0 !important;
  padding:0 !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  inset:auto !important;
  transform-origin:top left !important;
  align-content:stretch !important;
  grid-auto-rows:1fr !important;
}
body.canvas-fullscreen .w[data-wtype="line"],
body.canvas-fullscreen .w[data-wtype="bar"],
body.canvas-fullscreen .w[data-wtype="gauge"],
body.canvas-fullscreen .w[data-wtype="pace"] {
  contain:layout style paint;
}
body.canvas-tv-mode .gauge-wrap .g-sp,
body.canvas-tv-mode .nc-sparkle,
body.canvas-tv-mode .nc-celeb-badge {
  animation:none !important;
  display:none !important;
}
body.canvas-fullscreen #remoteCursors,
body.canvas-fullscreen .w-actions,
body.canvas-fullscreen #widgetActionsBar,
body.canvas-fullscreen .resize-handle,
body.canvas-fullscreen .w-resize,
body.canvas-fullscreen .w-fit-handle,
body.canvas-fullscreen .einsp.popped,
body.canvas-fullscreen .cv-empty,body.canvas-fullscreen .cv-empty-new{display:none !important}
body.canvas-fullscreen .ebar,
body.canvas-fullscreen .ebar-ctx,
body.canvas-fullscreen .elib,
body.canvas-fullscreen .rail,
body.canvas-fullscreen #portal-nav,
body.canvas-fullscreen #portal-footer-nav,
body.canvas-fullscreen .tpl-modal-scrim,
body.canvas-fullscreen .cp-scrim:not(.open),
body.canvas-fullscreen .agentJ-overlay,
body.canvas-fullscreen .help-popover,
body.canvas-fullscreen .cv-mobile-drag-hint,
body.canvas-fullscreen .compare,
body.canvas-fullscreen .save-pill,
body.canvas-fullscreen .canvas-trash-zone,
body.canvas-fullscreen .widget-actions,
body.canvas-fullscreen .einsp,
body.canvas-fullscreen .einsp-popped,
body.canvas-fullscreen .skip-link,
body.canvas-fullscreen .skip-link:focus,
body.canvas-fullscreen .skip-link:focus-visible{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
body.canvas-fullscreen #cvBoard .w{cursor:default !important}

.story-scrim{position:fixed;inset:0;background:#000;z-index:200;display:none;opacity:0;transition:opacity .35s}
.story-scrim.open{display:block;opacity:1}
.story-stage{position:absolute;inset:0;display:flex;flex-direction:column;padding:48px 64px}
.story-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 30% 30%,rgba(var(--accent-rgb),0.12),transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(var(--accent-rgb),0.12),transparent 50%);transition:all 1.5s}
.story-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center}
.story-progress{position:absolute;top:24px;left:48px;right:48px;display:flex;gap:6px;z-index:5}
.sp-seg{flex:1;height:3px;background:rgba(255,255,255,0.15);border-radius:2px;overflow:hidden;position:relative}
.sp-seg .fill{position:absolute;top:0;left:0;bottom:0;background:var(--accent);width:0}
.sp-seg.done .fill{width:100%}
.sp-seg.active .fill{animation:pbar var(--dur,12s) linear forwards}
@keyframes pbar{from{width:0}to{width:100%}}
.story-slide{display:none;animation:slIn .6s cubic-bezier(.2,.8,.2,1)}
.story-slide.active{display:block}
@keyframes slIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.story-kicker{font-size:.85rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:16px}
.story-headline{font-size:5.4rem;font-weight:900;line-height:1.02;letter-spacing:-.04em;margin-bottom:20px}
.story-headline .hl{background:linear-gradient(135deg,var(--accent),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.story-sub{font-size:1.4rem;color:var(--text-2);line-height:1.4;max-width:900px}
.story-stats{display:flex;gap:40px;margin-top:44px;flex-wrap:wrap}
.story-stat-v{font-size:3.8rem;font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.story-stat-l{font-size:.82rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.12em;margin-top:6px;font-weight:700}
.story-lb{display:flex;flex-direction:column;gap:10px;margin-top:22px;max-width:700px}
.sl-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:16px;padding:12px 18px;background:rgba(255,255,255,0.04);border-radius:12px;animation:lbIn .5s ease-out both}
.sl-row:nth-child(2){animation-delay:.1s}
.sl-row:nth-child(3){animation-delay:.2s}
.sl-row:nth-child(4){animation-delay:.3s}
@keyframes lbIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
.sl-rank{font-size:1.7rem;font-weight:900;color:var(--text-3)}
.sl-rank.gold{color:#ffd700}.sl-rank.silver{color:#c0c0c0}.sl-rank.bronze{color:#cd7f32}
.sl-n{font-size:1.5rem;font-weight:700}
.sl-v{font-size:1.9rem;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums}
.story-slide.throwback{text-align:center}
.story-slide.throwback .story-kicker{color:var(--amber)}
.story-slide.throwback .story-headline .hl{background:linear-gradient(135deg,var(--amber),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tb-photo{width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--red));display:grid;place-items:center;font-size:7rem;margin:30px auto 20px;box-shadow:0 20px 60px color-mix(in srgb,var(--amber) 40%,transparent)}
.story-controls{position:absolute;bottom:30px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;z-index:5;gap:20px;flex-wrap:wrap}
.story-ctrl{padding:9px 14px;background:rgba(255,255,255,0.06);border:1px solid var(--border-2);border-radius:9px;color:var(--text-1);font-family:inherit;font-weight:600;font-size:.72rem;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:7px}
.story-ctrl:hover{background:rgba(255,255,255,0.1)}
.story-tv-meta{display:flex;align-items:center;gap:18px;font-size:.66rem;color:var(--text-3);font-weight:600;flex-wrap:wrap}
.story-tv-meta .sep{width:3px;height:3px;background:var(--text-3);border-radius:50%}

.sbb-scrim{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:260;display:none;align-items:center;justify-content:center;padding:24px}
.sbb-scrim.open{display:flex}
.sbb-modal{width:min(720px,94vw);max-height:88vh;display:flex;flex-direction:column;background:var(--card-bg,#1c2232);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 30px 80px -20px rgba(0,0,0,0.55)}
.sbb-modal h3{margin:0 0 4px;font-size:1.3rem;font-weight:800}
.sbb-sub{font-size:.85rem;color:var(--text-3);margin-bottom:16px;line-height:1.4}
.sbb-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:2px}
.sbb-empty{padding:28px;text-align:center;color:var(--text-3);font-size:.9rem}
.sbb-card{background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:14px;padding:14px 16px}
.sbb-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sbb-badge{width:26px;height:26px;border-radius:8px;background:var(--accent);color:var(--text-on-accent,#fff);display:grid;place-items:center;font-weight:800;font-size:.8rem;flex:0 0 auto}
.sbb-type{font-weight:700;font-size:.95rem;flex:1}
.sbb-move{display:flex;gap:4px}
.sbb-move button{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,0.06);border:1px solid var(--border);color:var(--text-2);cursor:pointer;display:grid;place-items:center;font-family:inherit}
.sbb-move button:disabled{opacity:.3;cursor:default}
.sbb-move .sbb-del{color:var(--red)}
.sbb-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sbb-f{display:flex;flex-direction:column;gap:4px;font-size:.7rem;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.sbb-f.sbb-wide{grid-column:1 / -1}
.sbb-f input{padding:8px 10px;background:var(--surface,#242a3c);border:1px solid var(--border);border-radius:8px;color:var(--text-1);font-family:inherit;font-size:.85rem;font-weight:500;text-transform:none;letter-spacing:0}
.sbb-add{display:flex;gap:8px;margin-top:14px}
.sbb-add select{flex:1;padding:9px 12px;background:var(--surface,#242a3c);border:1px solid var(--border);border-radius:9px;color:var(--text-1);font-family:inherit;font-size:.85rem}
.sbb-add button,.sbb-foot button{padding:9px 16px;border-radius:9px;border:1px solid var(--border);background:rgba(255,255,255,0.06);color:var(--text-1);font-family:inherit;font-weight:700;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.sbb-foot{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.sbb-foot button.primary{background:var(--accent);color:var(--text-on-accent,#fff);border-color:transparent}

.story-preset-chip{padding:7px 14px;background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:9px;color:var(--text-2);font-size:.66rem;font-weight:800;cursor:pointer;font-family:inherit;letter-spacing:.01em;transition:all .14s}
.story-preset-chip:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px)}
.story-preset-chip.active{background:var(--accent);border-color:transparent;color:var(--text-on-accent,#fff);box-shadow:0 6px 18px -6px var(--accent)}

.story-ticker{position:absolute;bottom:96px;left:50%;transform:translateX(-50%) translateY(16px);z-index:6;display:none;align-items:center;gap:12px;padding:11px 22px;border-radius:999px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);box-shadow:0 14px 40px -14px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.16);font-size:1.05rem;color:var(--text-1);opacity:0;transition:opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1);max-width:90vw}
.story-ticker.show{display:flex;opacity:1;transform:translateX(-50%) translateY(0)}
.story-ticker .st-live{font-size:.62rem;font-weight:900;letter-spacing:.12em;color:#fff;background:var(--red);padding:3px 9px;border-radius:6px;text-transform:uppercase}
.story-ticker .st-count{font-size:.78rem;color:var(--text-3);font-weight:700;border-left:1px solid var(--border-2);padding-left:12px;margin-left:2px}
.story-ticker.pulse{animation:stPulse .9s cubic-bezier(.2,.8,.2,1)}
@keyframes stPulse{0%{transform:translateX(-50%) translateY(0) scale(1)}30%{transform:translateX(-50%) translateY(0) scale(1.06)}100%{transform:translateX(-50%) translateY(0) scale(1)}}

.story-slide.center.active{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;gap:0}
.story-hero{font-size:clamp(7rem,17vw,15rem);font-weight:900;line-height:.9;letter-spacing:-.05em;background:linear-gradient(135deg,var(--accent),var(--cyan,#3b9eff));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.story-hero-sub{font-size:clamp(1.2rem,2.2vw,1.8rem);color:var(--text-2);font-weight:600;margin-top:14px;max-width:900px}
.story-chips{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:40px;font-size:clamp(1.05rem,1.6vw,1.45rem);color:var(--text-2)}
.story-chips b{color:var(--text-1);font-weight:800}
.story-dot{opacity:.3;margin:0 16px}
.story-delta3{display:flex;gap:22px;margin-top:46px;flex-wrap:wrap;justify-content:center}
.story-delta-card{min-width:230px;padding:24px 30px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(var(--glass-blur,30px)) saturate(160%);backdrop-filter:blur(var(--glass-blur,30px)) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.story-delta-card .dc-v{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:900;letter-spacing:-.02em}
.story-delta-card .dc-l{font-size:.8rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-top:8px}
.story-trend{display:flex;align-items:flex-end;gap:clamp(4px,1vw,12px);height:52vh;width:100%;margin-top:24px}
.story-trend .tb{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:100%}
.story-trend .tb-bar{width:100%;max-width:64px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 45%,transparent));transition:height .6s cubic-bezier(.2,.8,.2,1)}
.story-trend .tb-v{font-size:clamp(.65rem,1vw,.85rem);color:var(--text-2);font-weight:800}
.story-trend .tb-d{font-size:.62rem;color:var(--text-3)}
.story-gauge{width:min(1100px,92%);margin-top:6px}
.story-gauge .sg-track{position:relative;height:32px;border-radius:999px;background:rgba(255,255,255,.08);overflow:visible}
.story-gauge .sg-fill{position:absolute;top:0;left:0;bottom:0;border-radius:999px;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.story-gauge .sg-pace{position:absolute;top:-9px;bottom:-9px;width:3px;background:var(--text-1);border-radius:2px;box-shadow:0 0 0 3px rgba(0,0,0,.25)}
.story-gauge .sg-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:clamp(1rem,1.5vw,1.25rem);color:var(--text-2);gap:12px}
.story-gauge .sg-row b{color:var(--text-1);font-weight:800}

.story-scrim{--story-tempo:1}
.story-slide.active > *{animation:storyUp calc(.55s * var(--story-tempo)) cubic-bezier(.2,.85,.25,1) both}
.story-slide.active > *:nth-child(2){animation-delay:calc(.06s * var(--story-tempo))}
.story-slide.active > *:nth-child(3){animation-delay:calc(.12s * var(--story-tempo))}
.story-slide.active > *:nth-child(4){animation-delay:calc(.18s * var(--story-tempo))}
.story-slide.active > *:nth-child(5){animation-delay:calc(.24s * var(--story-tempo))}
.story-slide.active .story-hero{animation:storyPop calc(.6s * var(--story-tempo)) cubic-bezier(.2,.9,.25,1.1) both;animation-delay:calc(.07s * var(--story-tempo))}
@keyframes storyUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes storyPop{0%{opacity:0;transform:scale(.82)}60%{opacity:1}100%{opacity:1;transform:scale(1)}}
.story-slide.active .story-trend .tb-bar{animation:barGrow calc(.7s * var(--story-tempo)) cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom}
@keyframes barGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.story-slide.active .story-gauge .sg-fill{animation:gaugeFill calc(.9s * var(--story-tempo)) cubic-bezier(.2,.8,.2,1) both;transform-origin:left}
@keyframes gaugeFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.story-slide.active .sl-row{animation:lbIn calc(.5s * var(--story-tempo)) ease-out both}
.story-slide.active .sl-row:nth-child(2){animation-delay:.07s}
.story-slide.active .sl-row:nth-child(3){animation-delay:.14s}
.story-slide.active .sl-row:nth-child(4){animation-delay:.21s}
.story-slide.active .sl-row:nth-child(5){animation-delay:.28s}
.story-slide.active .story-stream-item{animation:lbIn calc(.5s * var(--story-tempo)) ease-out both}
.story-slide.active .story-stream-item:nth-child(2){animation-delay:.08s}
.story-slide.active .story-stream-item:nth-child(3){animation-delay:.16s}
.story-slide.active .story-stream-item:nth-child(4){animation-delay:.24s}
.story-slide.active .story-stream-item:nth-child(5){animation-delay:.32s}

.story-lb.big{max-width:1000px;width:100%;gap:12px;margin-top:26px}
.story-lb.big .sl-row{padding:16px 26px;border-radius:16px}
.story-lb.big .sl-n{font-size:1.7rem}
.story-lb.big .sl-v{font-size:2.1rem}
.story-lb.big .sl-rank{font-size:1.9rem}
.story-lb.big .sl-row.hero{padding:24px 28px;background:linear-gradient(135deg,rgba(255,215,0,.14),rgba(255,255,255,.05));border:1px solid rgba(255,215,0,.3)}
.story-lb.big .sl-row.hero .sl-n{font-size:2.3rem;font-weight:800}
.story-lb.big .sl-row.hero .sl-v{font-size:2.8rem}

.story-stream{display:flex;flex-direction:column;gap:12px;margin-top:30px;width:100%;max-width:1000px;font-size:1.35rem}

.story-foot{margin-top:46px;font-size:clamp(.95rem,1.6vw,1.2rem);color:var(--accent);font-weight:800;letter-spacing:.1em;text-transform:uppercase}

.story-scrim[data-look="calm"]{--accent:#7C5CFF;--accent-rgb:124,92,255;--cyan:#9d86ff}
.story-scrim[data-look="data"]{--accent:#0A84FF;--accent-rgb:10,132,255;--cyan:#41d3ff;--story-tempo:.82}
.story-scrim[data-look="celebrate"]{--accent:#FF8A0A;--accent-rgb:255,138,10;--cyan:#ff5c8a}
.story-scrim[data-look="urgent"]{--accent:#FF4D4D;--accent-rgb:255,77,77;--cyan:#ff8a5c}
.story-scrim[data-look="data"] .story-bg{filter:saturate(135%)}

@media (prefers-reduced-motion: reduce){
  .story-slide.active > *,.story-slide.active .story-hero,.story-slide.active .story-trend .tb-bar,
  .story-slide.active .story-gauge .sg-fill,.story-slide.active .sl-row,.story-slide.active .story-stream-item{animation:none !important}
}

.breakin{position:fixed;top:80px;left:50%;transform:translateX(-50%) translateY(-20px);background:linear-gradient(135deg,var(--accent),var(--blue));color:#fff;font-weight:800;padding:18px 32px;border-radius:16px;z-index:300;box-shadow:0 20px 60px rgba(var(--accent-rgb),0.5),0 0 0 4px rgba(var(--accent-rgb),0.15);display:flex;align-items:center;gap:16px;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.2,.8,.2,1);min-width:360px}
.breakin.show{opacity:1;transform:translateX(-50%) translateY(0)}
.breakin .bi-em{font-size:2.4rem}
.breakin .bi-k{font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;background:#1C2540;padding:3px 6px;border-radius:5px}
.breakin .bi-h{font-size:1.1rem;font-weight:900;margin-top:2px}
.breakin .bi-s{font-size:.7rem;opacity:.85;margin-top:2px;font-weight:600}
.confetti{position:fixed;top:-20px;width:10px;height:14px;z-index:299;pointer-events:none}

.drill-scrim{position:fixed;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(8px);z-index:155;display:none;align-items:center;justify-content:center;padding:40px}
.drill-scrim.open{display:flex;animation:cpFadeIn .2s}
.drill{width:min(1080px,96vw);max-height:86vh;background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--border-3);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,0.5);animation:cpIn .3s cubic-bezier(.2,.8,.2,1)}
.drill-head{padding:22px 26px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.drill-kicker{font-size:.6rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);font-weight:700}
.drill-head h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-top:4px}
.drill-sub{font-size:.76rem;color:var(--text-2);margin-top:4px}
.drill-close{width:32px;height:32px;border-radius:9px;border:1px solid var(--border-2);background:var(--card);color:var(--text-1);cursor:pointer;font-size:.95rem}
.drill-body{flex:1;overflow-y:auto;padding:22px 26px}
.drill-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.drill-stat{padding:14px;background:var(--card);border:1px solid var(--border);border-radius:11px}
.drill-stat .lbl{font-size:.6rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.drill-stat .val{font-size:1.6rem;font-weight:800;margin-top:5px;letter-spacing:-.02em}
.drill-stat .delta{font-size:.66rem;font-weight:700;margin-top:3px}
.drill-bar-box{width:130px}
.drill-bar{height:7px;background:rgba(255,255,255,0.05);border-radius:100px;overflow:hidden}
.drill-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--blue))}
.drill-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:18px}
.drill-table th{text-align:left;padding:8px 12px;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:700;border-bottom:1px solid var(--border)}
.drill-table td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:.74rem;vertical-align:middle}
.drill-table tr:hover td{background:rgba(255,255,255,0.02)}
.drill-action-bar{display:flex;align-items:center;gap:10px;padding:14px 18px;background:rgba(var(--accent-rgb),0.06);border:1px solid rgba(var(--accent-rgb),0.18);border-radius:12px;margin-bottom:18px}
.drill-action-bar .lead{font-size:.72rem;font-weight:600;color:var(--text-2);flex:1}


.fmlv4 {
  --bg:#0b0e13; --surface:#151b24; --surface-2:#1e2632; --card:#1a212c;
    --border:rgba(255,255,255,0.08); --border-2:rgba(255,255,255,0.14);
    --text-1:#e7edf5; --text-2:#a8b3c4; --text-3:#6b7689;
    --accent:var(--bh-blue,#0A84FF); --accent-soft:rgba(var(--accent-rgb),0.1);
    --blue:#3B82F6; --amber:#F59E0B; --purple:#8B5CF6; --pink:#EC4899; --red:#EF4444;
    --radius:14px;
  --bg-2: #0d1119;
  --bg-3: #0a0d14;
  --color-on-accent: var(--on-accent-ink, #fff);
  --text-on-accent: var(--on-accent-ink, #fff);
  background: var(--bg);
  color: var(--text-1);
  font-family: var(--bh-body);
  font-size: 14px;
  line-height: 1.45;
  min-height: 100%;
  width: 100%;
  display: block;
  position: relative;
  padding: 24px 32px;
}
html[data-theme="light"] .fmlv4 {
  --bg:#f4f5f7; --surface:#ffffff; --surface-2:#f9fafb; --card:rgba(255,255,255,0.92);
  --border:rgba(15,23,42,0.08); --border-2:rgba(15,23,42,0.16);
  --text-1:#1a1d26; --text-2:#4b5563; --text-3:#59647A;
  --bg-2:#eef0f3; --bg-3:#e8eaef;
}
html[data-theme="light"] .fmlv4 .field-list,
html[data-theme="light"] .fmlv4 .opt-card,
html[data-theme="light"] .fmlv4 .tpl-card {
  background: rgba(255,255,255,0.55) !important;
  box-shadow: var(--bh-spec), 0 2px 10px rgba(16,24,48,0.06);
}
html[data-theme="light"] .fmlv4 .nav-btn:hover { background: rgba(0,0,0,0.04) }
.screen[data-screen="data-studio"] {
  padding: 0 !important;
  overflow: auto;
}
.fmlv4 .field-list, .fmlv4 .opt-card, .fmlv4 .tpl-card {
  background: var(--surface) !important;
}
.fmlv4 .tpl-card:hover { background: var(--surface) !important; }

.fmlv4 *{box-sizing:border-box}
  
  .fmlv4 button, .fmlv4 input, .fmlv4 select, .fmlv4 textarea{font-family:inherit;font-size:inherit;color:inherit}




  .fmlv4 .nav-folder-label{font-size:.62rem;font-weight:800;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;padding:0 8px;margin-bottom:6px}
  .fmlv4 .nav-btn{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--text-2);cursor:pointer;font-size:.82rem;transition:background .15s}
  .fmlv4 .nav-btn:hover{background:rgba(255,255,255,0.04)}
  .fmlv4 .nav-btn.active{background:var(--accent-soft);color:var(--accent);font-weight:700}
  .fmlv4 .nav-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}

  .fmlv4 .main{padding:28px 36px;max-width:1200px;margin:0 auto;width:100%}
  .fmlv4 .topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}
  .fmlv4 .h1{font-size:1.5rem;font-weight:900;letter-spacing:-0.02em}
  .fmlv4 .h1-sub{font-size:.78rem;color:var(--text-3);margin-top:2px}
  .fmlv4 .badge-mini{display:inline-flex;gap:4px;align-items:center;padding:3px 8px;border-radius:5px;background:var(--surface-2);font-size:.62rem;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border)}

  .fmlv4 .btn{padding:9px 16px;border-radius:9px;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-1);cursor:pointer;font-weight:700;font-size:.8rem;transition:all .15s;display:inline-flex;align-items:center;gap:6px}
  .fmlv4 .btn:hover{background:var(--card);border-color:var(--text-3)}
  .fmlv4 .btn-primary{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}
  .fmlv4 .btn-primary:hover{background:var(--accent-hover,var(--bh-blue-2,#00bd7c));border-color:var(--accent-hover,var(--bh-blue-2,#00bd7c))}
  .fmlv4 .btn-ghost{background:transparent;border-color:var(--border)}

  .fmlv4 .search-row{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}
  .fmlv4 .search-input{flex:1;min-width:280px;padding:14px 18px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-1);font-size:.92rem}
  .fmlv4 .search-input:focus{outline:none;border-color:var(--accent)}

  .fmlv4 .section{margin-bottom:32px}
  .fmlv4 .section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
  .fmlv4 .section-icon{font-size:1.1rem}
  .fmlv4 .section-title{font-size:.95rem;font-weight:800}
  .fmlv4 .section-count{font-size:.7rem;color:var(--text-3);font-weight:600}
  .fmlv4 .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}

  .fmlv4 .tpl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}
  .fmlv4 .tpl-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),0.08)}
  .fmlv4 .tpl-card .tpl-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;margin-bottom:10px}
  .fmlv4 .tpl-card .tpl-name{font-weight:800;font-size:.9rem;margin-bottom:4px}
  .fmlv4 .tpl-card .tpl-desc{font-size:.74rem;color:var(--text-3);line-height:1.5;margin-bottom:10px}
  .fmlv4 .tpl-card .tpl-meta{display:flex;justify-content:space-between;align-items:center;font-size:.66rem;color:var(--text-3)}
  .fmlv4 .tpl-card .tpl-formula{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.64rem;color:var(--text-3);background:var(--bg);padding:4px 7px;border-radius:5px;display:inline-block}
  .fmlv4 .tpl-card .tpl-add{position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-3);transition:all .15s}
  .fmlv4 .tpl-card:hover .tpl-add{background:var(--accent);color:var(--text-on-accent)}

  .fmlv4 .build-card{background:linear-gradient(135deg,rgba(var(--accent-rgb),0.06),rgba(var(--accent-rgb),0.02));border:1.5px dashed var(--accent);border-radius:var(--radius);padding:22px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .15s;min-height:184px}
  .fmlv4 .build-card:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),0.12),rgba(var(--accent-rgb),0.04));transform:translateY(-1px)}
  .fmlv4 .build-card .bi{width:44px;height:44px;border-radius:12px;background:var(--accent);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;margin-bottom:10px}
  .fmlv4 .build-card .bn{font-weight:800;font-size:.9rem;margin-bottom:4px;color:var(--accent)}
  .fmlv4 .build-card .bs{font-size:.72rem;color:var(--text-3)}

  .fmlv4 .wizard{display:none}
  .fmlv4 .wizard.active{display:block}
  .fmlv4 .lib{display:block}
  .fmlv4 .lib.hidden{display:none}

  .fmlv4 .wiz-shell{max-width:760px;margin:0 auto}
  .fmlv4 .wiz-progress{display:flex;align-items:center;gap:8px;margin-bottom:28px}
  .fmlv4 .wiz-step-dot{flex:1;height:4px;background:var(--surface-2);border-radius:2px;position:relative;overflow:hidden}
  .fmlv4 .wiz-step-dot.done{background:var(--accent)}
  .fmlv4 .wiz-step-dot.current{background:var(--surface-2)}
  .fmlv4 .wiz-step-dot.current::after{content:'';position:absolute;inset:0;background:var(--accent);width:50%;animation:fill 1s ease}
  @keyframes fill{from{width:0}}
  .fmlv4 .wiz-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.7rem;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
  .fmlv4 .wiz-tip{display:flex;gap:8px;align-items:flex-start;padding:10px 14px;background:color-mix(in srgb,var(--blue) 6%,transparent);border:1px solid color-mix(in srgb,var(--blue) 18%,transparent);border-radius:10px;margin-bottom:18px;font-size:.78rem;color:var(--blue);line-height:1.5}
  .fmlv4 .wiz-tip-icon{flex-shrink:0;font-size:1rem;margin-top:1px}

  .fmlv4 .wiz-q{font-size:1.5rem;font-weight:900;margin-bottom:6px;letter-spacing:-0.02em}
  .fmlv4 .wiz-sub{font-size:.85rem;color:var(--text-3);margin-bottom:24px}

  .fmlv4 .opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}
  .fmlv4 .opt-card{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:18px;cursor:pointer;transition:all .15s;text-align:left}
  .fmlv4 .opt-card:hover{border-color:var(--text-3)}
  .fmlv4 .opt-card.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),0.04)}
  .fmlv4 .opt-card.selected .opt-check{background:var(--accent);color:var(--text-on-accent)}
  .fmlv4 .opt-row{display:flex;align-items:flex-start;gap:12px}
  .fmlv4 .opt-icon{width:38px;height:38px;border-radius:9px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}
  .fmlv4 .opt-name{font-weight:800;font-size:.92rem;margin-bottom:3px}
  .fmlv4 .opt-ex{font-size:.74rem;color:var(--text-3);line-height:1.5}
  .fmlv4 .opt-check{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;margin-left:auto}

  .fmlv4 .opt-grid-3{grid-template-columns:repeat(3,1fr)}
  .fmlv4 .opt-grid-4{grid-template-columns:repeat(4,1fr)}

  .fmlv4 .field-list{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;max-height:340px;overflow-y:auto}
  .fmlv4 .field-row{padding:11px 14px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .12s}
  .fmlv4 .field-row:last-child{border-bottom:none}
  .fmlv4 .field-row:hover{background:var(--surface-2)}
  .fmlv4 .field-row.selected{background:rgba(var(--accent-rgb),0.06)}
  .fmlv4 .field-row.selected .field-check{background:var(--accent);color:var(--text-on-accent)}
  .fmlv4 .field-icon{width:24px;height:24px;border-radius:5px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-3);font-weight:700;flex-shrink:0}
  .fmlv4 .field-info{flex:1;min-width:0}
  .fmlv4 .field-name{font-weight:700;font-size:.82rem}
  .fmlv4 .field-tech{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.65rem;color:var(--text-3)}
  .fmlv4 .field-type{font-size:.62rem;color:var(--text-3);background:var(--bg);padding:2px 7px;border-radius:4px;font-weight:700;text-transform:uppercase}
  .fmlv4 .field-check{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0}

  .fmlv4 .formula-bar{position:sticky;bottom:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-top:24px;box-shadow:0 -8px 24px rgba(0,0,0,0.2)}
  .fmlv4 .formula-bar-label{font-size:.62rem;color:var(--text-3);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
  .fmlv4 .formula-bar-tag{font-size:.6rem;background:rgba(var(--accent-rgb),0.08);color:var(--accent);padding:2px 7px;border-radius:4px;font-weight:700;letter-spacing:0;text-transform:none}
  .fmlv4 .formula-bar-code{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.92rem;line-height:1.6;color:var(--text-1)}
  .fmlv4 .fb-token{padding:2px 6px;border-radius:4px;margin:0 1px}
  .fmlv4 .fb-fn{background:color-mix(in srgb,var(--purple) 15%,transparent);color:var(--purple)}
  .fmlv4 .fb-field{background:rgba(var(--accent-rgb),0.12);color:var(--accent)}
  .fmlv4 .fb-period{background:color-mix(in srgb,var(--amber) 12%,transparent);color:var(--amber)}
  .fmlv4 .fb-placeholder{color:var(--text-3);font-style:italic}
  .fmlv4 .fb-result{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);display:flex;align-items:center;gap:10px;font-size:.78rem}
  .fmlv4 .fb-result-label{color:var(--text-3)}
  .fmlv4 .fb-result-val{font-weight:900;font-size:1.1rem;color:var(--text-1)}
  .fmlv4 .fb-result-note{color:var(--text-3);font-size:.7rem}

  .fmlv4 .wiz-nav{display:flex;justify-content:space-between;margin-top:24px;gap:10px}

  .fmlv4 .done-card{background:var(--surface);border:1.5px solid var(--accent);border-radius:14px;padding:28px;text-align:center;margin-bottom:24px}
  .fmlv4 .done-emoji{font-size:2.4rem;margin-bottom:6px}
  .fmlv4 .done-h{font-size:1.4rem;font-weight:900;margin-bottom:4px}
  .fmlv4 .done-s{color:var(--text-3);font-size:.85rem;margin-bottom:18px}
  .fmlv4 .done-result{display:inline-block;padding:14px 24px;background:var(--bg);border-radius:10px;font-size:1.8rem;font-weight:900;color:var(--accent);margin-bottom:18px}
  .fmlv4 .done-formula{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--text-2);padding:10px 14px;background:var(--bg);border-radius:8px;margin-bottom:18px;display:inline-block}
  .fmlv4 .name-row{display:flex;gap:8px;margin-bottom:20px}
  .fmlv4 .name-input{flex:1;padding:11px 14px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--text-1)}

  .fmlv4 .viz-preview{height:54px;background:var(--bg);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;padding:6px 10px;overflow:hidden;position:relative}
  .fmlv4 .viz-preview svg{display:block;max-width:100%;max-height:100%}
  .fmlv4 .viz-num{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:900;color:var(--text-1);letter-spacing:-0.02em}
  .fmlv4 .viz-num-delta{font-size:.62rem;color:var(--accent);font-weight:700;margin-left:6px;font-family:inherit}
  .fmlv4 .viz-leaderboard{display:flex;flex-direction:column;gap:3px;width:100%;font-size:.6rem}
  .fmlv4 .viz-lb-row{display:flex;align-items:center;gap:5px}
  .fmlv4 .viz-lb-rank{color:var(--text-3);font-weight:700;width:10px}
  .fmlv4 .viz-lb-name{color:var(--text-2);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fmlv4 .viz-lb-bar{height:3px;background:var(--accent);border-radius:2px}
  .fmlv4 .viz-heatmap{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;width:100%;height:100%}
  .fmlv4 .viz-heatmap div{border-radius:2px}

  .fmlv4 .variant-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}
  .fmlv4 .variant-card{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:12px;cursor:pointer;transition:all .15s;position:relative}
  .fmlv4 .variant-card:hover{border-color:var(--text-3)}
  .fmlv4 .variant-card.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),0.04)}
  .fmlv4 .variant-card .vc-preview{height:60px;background:var(--bg);border-radius:7px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;padding:4px 8px;overflow:hidden}
  .fmlv4 .variant-card .vc-name{font-size:.74rem;font-weight:800;color:var(--text-1);text-align:center}
  .fmlv4 .variant-card .vc-desc{font-size:.62rem;color:var(--text-3);text-align:center;margin-top:2px}
  .fmlv4 .variant-card.selected .vc-name{color:var(--accent)}
  .fmlv4 .variant-card .vc-check{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border-2);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:.55rem}
  .fmlv4 .variant-card.selected .vc-check{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}
  .fmlv4 .variant-card .vc-pin{position:absolute;top:6px;left:6px;width:22px;height:22px;padding:0;border:none;border-radius:6px;background:rgba(0,0,0,0.35);color:rgba(255,255,255,0.6);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,color .15s,background .15s,transform .15s;z-index:3}
  html[data-theme="light"] .fmlv4 .variant-card .vc-pin{background:rgba(0,0,0,0.08);color:var(--text-3)}
  .fmlv4 .variant-card:hover .vc-pin,.fmlv4 .variant-card .vc-pin:focus-visible{opacity:1}
  .fmlv4 .variant-card .vc-pin.is-pinned{opacity:1;color:#f59e0b;background:rgba(245,158,11,0.18)}
  .fmlv4 .variant-card .vc-pin:hover{transform:scale(1.08);color:#f59e0b;background:rgba(245,158,11,0.22)}
  .fmlv4 .variant-card .vc-pin .ic{width:14px;height:14px}
  .fmlv4 .variant-card.is-pinned-card{border-color:rgba(245,158,11,0.4)}
  .fmlv4 .variant-grid-fav-header{font-size:.62rem;font-weight:800;color:#f59e0b;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;display:flex;align-items:center;gap:6px}
  .fmlv4 .variant-grid-fav-header .ic{width:14px;height:14px}

  .fmlv4 .style-row{display:flex;gap:14px;align-items:center;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:10px}
  .fmlv4 .style-row-label{flex-shrink:0;font-weight:700;font-size:.82rem;width:140px}
  .fmlv4 .style-row-desc{font-size:.7rem;color:var(--text-3);margin-top:2px}
  .fmlv4 .style-row-control{flex:1;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
  .fmlv4 .color-swatch{width:24px;height:24px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .15s}
  .fmlv4 .color-swatch.selected{border-color:var(--text-1);transform:scale(1.1)}
  .fmlv4 .toggle{position:relative;width:38px;height:22px;background:var(--surface-2);border-radius:11px;cursor:pointer;transition:background .15s}
  .fmlv4 .toggle.on{background:var(--accent)}
  .fmlv4 .toggle::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-1);transition:left .15s}
  .fmlv4 .toggle.on::after{left:18px;background:var(--text-on-accent)}
  .fmlv4 .pill-btn{padding:6px 12px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;font-size:.72rem;font-weight:600;transition:all .15s}
  .fmlv4 .pill-btn.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}

  .fmlv4 .filter-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
  .fmlv4 .chip{padding:6px 12px;border-radius:18px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-size:.72rem;font-weight:600;transition:all .15s}
  .fmlv4 .chip:hover{border-color:var(--text-3)}
  .fmlv4 .chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}

  .fmlv4 .section-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;margin-bottom:14px;border-left:4px solid var(--accent);background:linear-gradient(90deg,rgba(var(--accent-rgb),0.04),transparent 70%)}
  .fmlv4 .section-banner.cat-activity{border-left-color:var(--blue);background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 5%,transparent),transparent 70%)}
  .fmlv4 .section-banner.cat-campaign{border-left-color:var(--amber);background:linear-gradient(90deg,color-mix(in srgb,var(--amber) 5%,transparent),transparent 70%)}
  .fmlv4 .section-banner.cat-employee{border-left-color:var(--pink);background:linear-gradient(90deg,color-mix(in srgb,var(--pink) 5%,transparent),transparent 70%)}
  .fmlv4 .section-banner.cat-mine{border-left-color:var(--accent);background:linear-gradient(90deg,rgba(var(--accent-rgb),0.06),transparent 70%)}
  .fmlv4 .section-banner-icon{width:36px;height:36px;border-radius:9px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
  .fmlv4 .section-banner-info{flex:1;min-width:0}
  .fmlv4 .section-banner-title{font-size:.95rem;font-weight:800;line-height:1.2}
  .fmlv4 .section-banner-sub{font-size:.7rem;color:var(--text-3);margin-top:2px}
  .fmlv4 .section-banner-meta{font-size:.7rem;color:var(--text-3);font-weight:600;display:flex;align-items:center;gap:8px}

  .fmlv4 .used-by{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--text-3);padding:3px 8px;background:var(--surface);border-radius:5px;border:1px solid var(--border)}
  .fmlv4 .used-by-avatars{display:flex}
  .fmlv4 .used-by-avatars span{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--surface);font-size:.5rem;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;margin-left:-4px}
  .fmlv4 .used-by-avatars span:first-child{margin-left:0}

  .fmlv4 .raw-editor-shell{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:24px;display:none}
  .fmlv4 .raw-editor-shell.active{display:block}
  .fmlv4 .raw-editor-textarea{width:100%;min-height:140px;padding:14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text-1);font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.85rem;line-height:1.7;resize:vertical}
  .fmlv4 .raw-editor-textarea:focus{outline:none;border-color:var(--accent)}
  .fmlv4 .raw-validation{margin-top:10px;padding:10px 14px;border-radius:8px;font-size:.78rem}
  .fmlv4 .raw-validation.ok{background:rgba(var(--accent-rgb),0.06);border:1px solid rgba(var(--accent-rgb),0.2);color:var(--accent)}
  .fmlv4 .raw-validation.err{background:color-mix(in srgb,var(--red) 6%,transparent);border:1px solid color-mix(in srgb,var(--red) 30%,transparent);color:var(--red)}
  .fmlv4 .raw-token-hint{font-size:.62rem;color:var(--text-3);margin-top:8px;font-family:var(--bh-mono);font-variant-numeric:tabular-nums}

  .fmlv4 .conf-modal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,0.7);display:none;align-items:center;justify-content:center;padding:20px}
  .fmlv4 .conf-modal.show{display:flex}
  .fmlv4 .conf-modal-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;max-width:480px;width:100%}
  .fmlv4 .conf-modal-h{font-size:1.05rem;font-weight:800;margin-bottom:6px}
  .fmlv4 .conf-modal-sub{font-size:.78rem;color:var(--text-3);margin-bottom:16px;line-height:1.5}
  .fmlv4 .impact-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg);border-radius:8px;margin-bottom:6px;font-size:.78rem}

  .wpm{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,0.7);display:none;align-items:center;justify-content:center;padding:20px}
  .wpm.show{display:flex}
  .wpm-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,0.55)}
  .wpm-head{display:flex;align-items:flex-start;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border);background:var(--card)}
  .wpm-head > div:first-child{flex:1;min-width:0}
  .wpm-head > div:first-child > div:first-child{font-size:1.05rem;font-weight:800;color:var(--text-1);margin-bottom:4px}
  .wpm-head > div:first-child > div:last-child{font-size:.72rem;color:var(--text-3);line-height:1.4}
  .wpm-close{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center}
  .wpm-close:hover{background:var(--card);color:var(--text-1)}
  .wpm-body{overflow-y:auto;flex:1}

  .fmlv4 .field-stats{display:flex;align-items:center;gap:8px;font-size:.6rem;color:var(--text-3);margin-top:3px;font-family:var(--bh-mono);font-variant-numeric:tabular-nums}
  .fmlv4 .field-histogram{display:flex;align-items:flex-end;gap:1px;height:16px;width:60px}
  .fmlv4 .field-histogram div{flex:1;background:var(--accent);opacity:.5;min-height:1px;border-radius:1px}
  .fmlv4 .field-null{font-size:.6rem;padding:1px 5px;border-radius:3px;background:var(--bg);color:var(--text-3)}
  .fmlv4 .field-null.warn{color:var(--amber);background:rgba(245,158,11,0.08)}
  .fmlv4 .field-null.bad{color:var(--red);background:rgba(239,68,68,0.08)}

  .fmlv4 .opt-card.disabled{opacity:.35;cursor:not-allowed;position:relative}
  .fmlv4 .opt-card.disabled::after{content:attr(data-disabled-reason);position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:.55rem;color:var(--red);background:rgba(239,68,68,0.1);padding:2px 6px;border-radius:3px;white-space:nowrap}

  @media (max-width: 800px){.fmlv4 .main{padding:16px}.fmlv4 .h1{font-size:1.2rem}.fmlv4 .grid{grid-template-columns:1fr}.fmlv4 .variant-grid{grid-template-columns:1fr 1fr;gap:8px}.fmlv4 .opt-grid, .fmlv4 .opt-grid-3, .fmlv4 .opt-grid-4{grid-template-columns:1fr 1fr}.fmlv4 .topbar{flex-direction:column;align-items:flex-start;gap:8px}.fmlv4 .wiz-shell{padding:0}.fmlv4 .formula-bar-code{font-size:.75rem;line-height:1.4}.fmlv4 .style-row{flex-direction:column;align-items:flex-start;gap:8px}.fmlv4 .style-row-control{justify-content:flex-start;width:100%}
  }

  .fmlv4 kbd{display:inline-block;padding:2px 6px;background:var(--bg);border:1px solid var(--border-2);border-radius:4px;font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.65rem;color:var(--text-2);margin:0 2px}

  .fmlv4 .quick-mode{display:none}
  .fmlv4 .quick-mode.active{
    display:flex;gap:24px;flex-wrap:wrap;
    position:fixed;top:0;left:0;right:0;bottom:0;
    z-index:9050;
    background:rgba(0,0,0,0.55);
    backdrop-filter:blur(3px);
    padding:40px 24px;
    overflow-y:auto;
    align-items:flex-start;
    justify-content:center;
    animation:fi .2s ease;
  }
  .fmlv4 .quick-mode.active > div:first-child,
  .fmlv4 .quick-mode.active .qm-shell{
    background:var(--card);
    border:1px solid var(--border-2);
    border-radius:16px;
    box-shadow:0 24px 64px rgba(0,0,0,0.4);
    padding:24px 28px;
    max-width:780px;
    width:100%;
    margin:auto;
  }
  .fmlv4 .qm-form{flex:1;min-width:320px;background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--radius);padding:22px 24px}
  .fmlv4 .qm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px;flex-wrap:wrap}
  .fmlv4 .qm-title{font-size:1.1rem;font-weight:900;letter-spacing:-.02em}
  .fmlv4 .qm-row{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
  .fmlv4 .qm-label{font-size:.68rem;font-weight:800;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:6px}
  .fmlv4 .qm-label .qm-valid{width:7px;height:7px;border-radius:50%;background:var(--border-2);display:inline-block;transition:background .2s}
  .fmlv4 .qm-label .qm-valid.ok{background:var(--accent)}
  .fmlv4 .qm-label .qm-valid.err{background:var(--red)}
  .fmlv4 .qm-select{width:100%;padding:10px 12px;border-radius:9px;border:1.5px solid var(--border);background:var(--bg);color:var(--text-1);font-size:.85rem;appearance:none;cursor:pointer;transition:border-color .15s}
  .fmlv4 .qm-select:focus{outline:none;border-color:var(--accent)}
  .fmlv4 .qm-select.invalid{border-color:var(--red)}
  .fmlv4 .qm-name-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:14px}
  .fmlv4 .qm-name-input{flex:1;padding:10px 12px;border-radius:9px;border:1.5px solid var(--border);background:var(--bg);color:var(--accent);font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700;transition:border-color .15s}
  .fmlv4 .qm-name-input:focus{outline:none;border-color:var(--accent)}
  .fmlv4 .qm-suggest{font-size:.65rem;color:var(--text-3);margin-top:4px;cursor:pointer;transition:color .12s}
  .fmlv4 .qm-suggest:hover{color:var(--accent)}
  .fmlv4 .qm-suggest strong{color:var(--text-2)}
  .fmlv4 .qm-preset-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:var(--surface);border:1.5px solid var(--border);border-radius:8px;cursor:pointer;font-family:inherit;text-align:left;transition:all .15s;min-height:54px}
  .fmlv4 .qm-preset-btn:hover{background:rgba(var(--accent-rgb),0.08);border-color:var(--accent);transform:translateY(-1px)}
  .fmlv4 .qm-preset-btn strong{color:var(--text-1);font-size:.78rem;font-weight:700}
  .fmlv4 .qm-preset-btn span{color:var(--text-3);font-size:.66rem;font-family:var(--bh-mono);font-variant-numeric:tabular-nums}
  .fmlv4 .qm-expr-tag:hover{filter:brightness(1.15);box-shadow:0 2px 8px rgba(0,0,0,.2)}
  .fmlv4 .qm-advanced-details summary::-webkit-details-marker{display:none}
  .fmlv4 .qm-advanced-details summary{list-style:none}
  .fmlv4 .qm-advanced-details[open] > summary{color:var(--text-1)}
  .fmlv4 .qm-period-row{display:flex;gap:6px;flex-wrap:wrap}
  .fmlv4 .qm-period-btn{padding:7px 13px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .15s}
  .fmlv4 .qm-period-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
  .fmlv4 .qm-filter-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}
  .fmlv4 .qm-filter-row{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px}
  .fmlv4 .qm-filter-sel{padding:5px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-1);font-size:.74rem}
  .fmlv4 .qm-filter-val{flex:1;padding:5px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-1);font-size:.74rem}
  .fmlv4 .qm-filter-rm{background:transparent;border:none;color:var(--text-3);cursor:pointer;font-size:1rem;padding:0 4px}
  .fmlv4 .qm-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
  .fmlv4 .qm-wiz-link{font-size:.7rem;color:var(--text-3);display:flex;align-items:center;gap:4px;margin-top:10px;cursor:pointer;transition:color .12s}
  .fmlv4 .qm-wiz-link:hover{color:var(--accent)}
  .fmlv4 .qm-warn{font-size:.68rem;color:var(--red);margin-top:4px;display:none}
  .fmlv4 .qm-warn.show{display:block}

  .fmlv4 .qm-preview{width:280px;min-width:240px;display:flex;flex-direction:column;gap:12px}
  .fmlv4 .qm-preview-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}
  .fmlv4 .qm-preview-card.ready{border-color:rgba(var(--accent-rgb),0.35)}
  .fmlv4 .qm-preview-label{font-size:.62rem;font-weight:800;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
  .fmlv4 .qm-preview-num{font-size:2.4rem;font-weight:900;letter-spacing:-0.03em;color:var(--accent);line-height:1;margin-bottom:6px;transition:all .25s;min-height:2.8rem;display:flex;align-items:center;justify-content:center}
  .fmlv4 .qm-preview-num.loading{color:var(--text-3);font-size:1.4rem}
  .fmlv4 .qm-preview-meta{font-size:.68rem;color:var(--text-3);line-height:1.4}
  .fmlv4 .qm-preview-formula{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.7rem;color:var(--text-2);background:var(--bg);padding:8px 12px;border-radius:8px;margin-top:10px;text-align:left;word-break:break-all}
  .fmlv4 .qm-preview-sparkline{height:50px;background:var(--bg);border-radius:8px;margin-top:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}
  .fmlv4 .qm-info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;font-size:.75rem;color:var(--text-3);line-height:1.6}
  .fmlv4 .qm-info-card strong{color:var(--text-2)}

  .fmlv4 .std-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
  .fmlv4 .std-tag{padding:5px 12px;border-radius:18px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-size:.72rem;font-weight:600;transition:all .15s}
  .fmlv4 .std-tag:hover{border-color:var(--text-3)}
  .fmlv4 .std-tag.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
  .fmlv4 .std-tpl-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
  .fmlv4 .std-tpl-tag{font-size:.57rem;font-weight:700;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}
  .fmlv4 .std-tpl-tag.t-salg{background:rgba(var(--accent-rgb),.1);color:var(--accent)}
  .fmlv4 .std-tpl-tag.t-tid{background:rgba(59,130,246,.1);color:var(--blue)}
  .fmlv4 .std-tpl-tag.t-maal{background:rgba(245,158,11,.1);color:var(--amber)}
  .fmlv4 .std-tpl-tag.t-effektivitet{background:rgba(139,92,246,.1);color:var(--purple)}

  .fmlv4 .fml-usedby{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-3);padding:2px 7px;background:var(--bg);border-radius:4px;border:1px solid var(--border)}
  .fmlv4 .fml-usedby.active{color:var(--accent);background:rgba(var(--accent-rgb),.06);border-color:rgba(var(--accent-rgb),.2)}

  .fmlv4 .lib-footer{display:flex;align-items:center;gap:10px;padding:14px 0;margin-top:8px;border-top:1px solid var(--border);flex-wrap:wrap}
  .fmlv4 .lib-footer-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .15s}
  .fmlv4 .lib-footer-btn:hover{border-color:var(--accent);color:var(--accent)}
  .fmlv4 .lib-footer-sep{flex:1}

  .fmlv4 #mineGrid .tpl-card{cursor:pointer;transition:all .18s}
  .fmlv4 #mineGrid .tpl-card:hover{box-shadow:0 4px 20px rgba(var(--accent-rgb),0.1);transform:translateY(-2px)}

  .fmlv4 .ds-folderbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:8px}
  .fmlv4 .ds-ftab{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:10px;font-size:.78rem;font-weight:600;color:var(--text-2);cursor:pointer;border:1.5px solid transparent;white-space:nowrap;transition:background .12s,border-color .12s,transform .08s;user-select:none}
  .fmlv4 .ds-ftab:hover{background:var(--surface-2)}
  .fmlv4 .ds-ftab.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
  .fmlv4 .ds-ftab .ic,.fmlv4 .ds-ftab svg{width:15px;height:15px;flex:none;opacity:.85}
  .fmlv4 .ds-ftab .ds-cnt{font-size:.75rem;font-weight:700;background:var(--bg);color:var(--text-3);padding:1px 7px;border-radius:20px;font-variant-numeric:tabular-nums;min-width:20px;text-align:center}
  .fmlv4 .ds-ftab.on .ds-cnt{background:rgba(255,255,255,.14);color:var(--accent)}
  html[data-theme="light"] .fmlv4 .ds-ftab.on .ds-cnt{background:#fff}
  .fmlv4 .ds-ftab.drop{border-color:var(--accent);border-style:dashed;background:var(--accent-soft);transform:scale(1.05)}
  .fmlv4 .ds-ftab.fav .ds-ftab-star{color:#f0a500}
  .fmlv4 .ds-ftab-new{color:var(--accent);font-weight:700}
  .fmlv4 .ds-ftab-edit{margin-left:2px;width:14px;height:14px;opacity:0;color:var(--text-3);transition:opacity .12s}
  .fmlv4 .ds-ftab.on .ds-ftab-edit{opacity:.6}
  .fmlv4 .ds-ftab.on .ds-ftab-edit:hover{opacity:1;color:var(--text-1)}
  .fmlv4 .ds-fsep{width:1px;height:22px;background:var(--border);margin:0 3px;flex:none}
  .fmlv4 .ds-draghint{display:flex;align-items:center;gap:7px;font-size:.75rem;color:var(--text-3);margin:0 2px 14px;line-height:1.3}
  .fmlv4 .ds-draghint svg{width:15px;height:15px;flex:none}

  .fmlv4 .ds-controls{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
  .fmlv4 .ds-search{flex:1;min-width:220px;display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-3);transition:border-color .15s}
  .fmlv4 .ds-search:focus-within{border-color:var(--accent)}
  .fmlv4 .ds-search svg{width:16px;height:16px;flex:none}
  .fmlv4 .ds-search input{flex:1;border:none;outline:none;background:transparent;color:var(--text-1);font-size:.9rem;font-family:inherit}
  .fmlv4 .ds-search-top{margin-bottom:10px}
  .fmlv4 .ds-groupby{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;font-size:.8rem;font-weight:600;white-space:nowrap;transition:all .15s}
  .fmlv4 .ds-groupby:hover{border-color:var(--text-3)}
  .fmlv4 .ds-groupby b{color:var(--text-1);font-weight:700}
  .fmlv4 .ds-groupby svg{width:14px;height:14px;opacity:.7}
  .fmlv4 .ds-period{align-items:center;margin-bottom:22px}

  .fmlv4 .ds-group{margin-bottom:26px}
  .fmlv4 .ds-group-head{display:flex;align-items:center;gap:11px;margin:0 2px 13px}
  .fmlv4 .ds-group-ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--surface-2)}
  .fmlv4 .ds-group-ic .ic,.fmlv4 .ds-group-ic svg{width:16px;height:16px}
  .fmlv4 .ds-group-title{font-size:.92rem;font-weight:700;letter-spacing:-.01em}
  .fmlv4 .ds-group-cnt{font-size:.75rem;font-weight:700;color:var(--text-3);background:var(--surface-2);padding:2px 9px;border-radius:20px;font-variant-numeric:tabular-nums}
  .fmlv4 .ds-group-line{flex:1;height:1px;background:var(--border)}
  .fmlv4 .ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:13px}

  .fmlv4 .ds-card{position:relative;display:flex;flex-direction:column;min-height:134px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:15px 15px 13px;cursor:grab;transition:border-color .14s,box-shadow .14s,transform .1s,opacity .14s}
  .fmlv4 .ds-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 22px rgba(0,0,0,.18)}
  html[data-theme="light"] .fmlv4 .ds-card:hover{box-shadow:0 6px 22px rgba(16,24,40,.1)}
  .fmlv4 .ds-card.ds-dragging{opacity:.4;cursor:grabbing}
  .fmlv4 .ds-card-top{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}
  .fmlv4 .ds-tic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;flex:none;line-height:1}
  .fmlv4 .ds-tic .ic,.fmlv4 .ds-tic svg{width:16px;height:16px}
  .fmlv4 .ds-name{flex:1;min-width:0;font-weight:700;font-size:.88rem;line-height:1.25;padding-top:2px;word-break:break-word}
  .fmlv4 .ds-fav{flex:none;width:20px;height:20px;border:none;background:none;padding:0;cursor:pointer;color:var(--text-3);line-height:0;transition:color .12s,transform .1s}
  .fmlv4 .ds-fav:hover{transform:scale(1.18)}
  .fmlv4 .ds-fav.on{color:#f0a500}
  .fmlv4 .ds-fav svg{width:18px;height:18px}
  .fmlv4 .ds-desc{font-size:.75rem;color:var(--text-3);line-height:1.45;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .fmlv4 .ds-expr{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.75rem;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:5px 8px;margin-bottom:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fmlv4 .ds-foot{display:flex;align-items:center;gap:7px;margin-top:auto;flex-wrap:wrap}
  .fmlv4 .ds-badge{font-size:.75rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}
  .fmlv4 .ds-badge-kind{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,currentColor 10%,transparent)}
  .fmlv4 .ds-revision{font-family:var(--bh-mono);font-size:.75rem;font-weight:700;color:var(--text-3);padding:2px 6px;border:1px solid var(--border);border-radius:999px}
  .fmlv4 .ds-usage{font-size:.75rem;font-weight:700;color:var(--text-2);white-space:nowrap}
  .fmlv4 .ds-folder-chip{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:700;color:var(--purple);background:color-mix(in srgb,var(--purple) 14%,transparent);padding:2px 7px;border-radius:6px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .fmlv4 .ds-folder-chip svg{width:10px;height:10px;flex:none}
  .fmlv4 .ds-act{margin-left:auto;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:5px 11px;font:inherit;font-size:.75rem;font-weight:700;color:var(--text-1);cursor:pointer;opacity:0;transition:all .12s;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
  .fmlv4 .ds-card:hover .ds-act{opacity:1}
  .fmlv4 .ds-act:hover{border-color:var(--accent);color:var(--accent)}
  .fmlv4 .ds-act.ds-act-add{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);opacity:1}
  .fmlv4 .ds-act.ds-act-add:hover{background:var(--accent-hover,var(--bh-blue-2,#00bd7c));color:var(--text-on-accent)}
  .fmlv4 .ds-act .ic,.fmlv4 .ds-act svg{width:11px;height:11px}
  .fmlv4 .ds-empty{padding:46px 24px;text-align:center;background:var(--surface);border:1.5px dashed var(--border-2);border-radius:14px;color:var(--text-3)}
  .fmlv4 .ds-empty-title{font-weight:700;font-size:1rem;color:var(--text-1);margin-bottom:6px}
  .fmlv4 .ds-empty-sub{font-size:.78rem;max-width:380px;margin:0 auto 16px;line-height:1.5}
  @media (max-width:800px){ .fmlv4 .ds-grid{grid-template-columns:1fr} }

  .fmlv4 #dswFormulaWorkspaceTitle{font-family:var(--bh-body)!important;font-weight:700!important}
  .fmlv4 .ds-formula-summary{display:block;margin-top:7px;color:var(--text-3);font-size:.75rem;font-weight:600;line-height:1.4}
  .fmlv4 .ds-migration-notice{display:flex;align-items:center;gap:12px;margin:4px 0 18px;padding:12px 14px;border:1px solid color-mix(in srgb,#f59e0b 38%,transparent);border-radius:12px;background:color-mix(in srgb,#f59e0b 9%,transparent);color:var(--text-2)}
  .fmlv4 .ds-migration-notice[hidden]{display:none}
  .fmlv4 .ds-migration-notice>.ic{width:20px;height:20px;flex:none;color:#f59e0b}
  .fmlv4 .ds-migration-notice>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
  .fmlv4 .ds-migration-notice b{font-size:.78rem;color:var(--text-1)}
  .fmlv4 .ds-migration-notice span{font-size:.75rem;line-height:1.45;color:var(--text-3)}
  .fmlv4 .ds-migration-notice .btn{flex:none}
  @media (max-width:680px){.fmlv4 .ds-migration-notice{align-items:flex-start;flex-wrap:wrap}.fmlv4 .ds-migration-notice .btn{width:100%}}

  .fmlv4 .ds-search{position:relative}
  .fmlv4 .ds-search-clear{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;padding:0;cursor:pointer;color:var(--text-3);border-radius:6px}
  .fmlv4 .ds-search-clear:hover{background:var(--surface-2);color:var(--text-1)}
  .fmlv4 .ds-search-clear svg{width:15px;height:15px}
  .fmlv4 .ds-card-top{position:relative}
  .fmlv4 .ds-cardmenu-btn{flex:none;width:20px;height:20px;border:none;background:none;padding:0;cursor:pointer;color:var(--text-3);line-height:0;opacity:0;transition:opacity .12s,color .12s;border-radius:5px}
  .fmlv4 .ds-card:hover .ds-cardmenu-btn{opacity:.7}
  .fmlv4 .ds-cardmenu-btn:hover{opacity:1;color:var(--text-1);background:var(--surface-2)}
  .fmlv4 .ds-cardmenu-btn svg{width:16px;height:16px}
  .ds-cardmenu{position:fixed;z-index:9000;min-width:168px;background:var(--card,#1a212c);border:1px solid var(--border-2,rgba(255,255,255,.14));border-radius:11px;box-shadow:0 8px 30px rgba(0,0,0,.32);padding:5px;display:flex;flex-direction:column;gap:1px}
  html[data-theme="light"] .ds-cardmenu{background:#fff;border-color:rgba(15,23,42,.12);box-shadow:0 8px 30px rgba(16,24,40,.16)}
  .ds-cardmenu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:none;background:none;padding:9px 11px;border-radius:8px;font:inherit;font-size:.8rem;font-weight:600;color:var(--text-1,#e7edf5);cursor:pointer}
  html[data-theme="light"] .ds-cardmenu button{color:#1a1d26}
  .ds-cardmenu button:hover{background:var(--accent-soft,rgba(var(--accent-rgb),.1))}
  .ds-cardmenu button .ic{width:15px;height:15px;flex:none;opacity:.8}
  .ds-cardmenu .ds-cardmenu-del{color:#ef4444}
  .ds-cardmenu .ds-cardmenu-del:hover{background:rgba(239,68,68,.12)}
  .ds-modal-overlay{position:fixed;inset:0;z-index:9100;background:rgba(8,11,18,.55);display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(2px)}
  .ds-modal-overlay.show{display:flex}
  .ds-modal{width:100%;max-width:420px;background:var(--card,#1a212c);border:1px solid var(--border-2,rgba(255,255,255,.14));border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.45);padding:22px;color:var(--text-1,#e7edf5);font-family:var(--bh-body)}
  html[data-theme="light"] .ds-modal{background:#fff;color:#1a1d26;border-color:rgba(15,23,42,.12)}
  .ds-modal-title{font-size:1.05rem;font-weight:800;margin-bottom:14px}
  .ds-modal-input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--border-2,rgba(255,255,255,.14));background:var(--surface,#151b24);color:inherit;font:inherit;font-size:.92rem;outline:none}
  html[data-theme="light"] .ds-modal-input{background:#f9fafb}
  .ds-modal-input:focus{border-color:var(--accent)}
  .ds-modal-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3,#6b7689);margin:16px 0 7px}
  .ds-modal-swatches{display:flex;gap:8px;flex-wrap:wrap}
  .ds-sw{width:30px;height:30px;border-radius:9px;border:2px solid transparent;cursor:pointer;padding:0;position:relative;transition:transform .1s}
  .ds-sw:hover{transform:scale(1.1)}
  .ds-sw.on{border-color:var(--text-1,#fff);box-shadow:0 0 0 2px var(--card,#1a212c)}
  html[data-theme="light"] .ds-sw.on{border-color:#1a1d26;box-shadow:0 0 0 2px #fff}
  .ds-modal-icongrid{display:flex;gap:7px;flex-wrap:wrap}
  .ds-icpick{width:36px;height:36px;border-radius:9px;border:1.5px solid var(--border-2,rgba(255,255,255,.14));background:var(--surface,#151b24);color:var(--text-2,#a8b3c4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}
  html[data-theme="light"] .ds-icpick{background:#f9fafb}
  .ds-icpick:hover{border-color:var(--text-3,#6b7689)}
  .ds-icpick.on{background:var(--accent-soft,rgba(var(--accent-rgb),.12))}
  .ds-icpick .ic{width:17px;height:17px}
  .ds-modal-actions{display:flex;align-items:center;gap:8px;margin-top:22px}
  .ds-modal-del{border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.08);color:#ef4444;border-radius:9px;padding:8px 13px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}
  .ds-modal-del:hover,.ds-modal-del.confirm{background:#ef4444;color:#fff;border-color:#ef4444}
  .ds-confirm{max-width:380px}
  .ds-confirm-msg{font-size:.9rem;line-height:1.5;color:var(--text-1,#e7edf5)}
  html[data-theme="light"] .ds-confirm-msg{color:#1a1d26}
  .ds-confirm .ds-confirm-yes{background:#ef4444;border-color:#ef4444;color:#fff}
  .ds-confirm .ds-confirm-yes:hover{background:#dc2626;border-color:#dc2626}


.home-layout,
.create-wrap,
.tpl-wrap,
.generic-wrap,
.phoner-screen-wrap,
.alc-wrap,
.screen[data-screen="avatar"] #avatarMount,
.screen[data-screen="data-studio"] .fmlv4{
  box-sizing:border-box;
  margin:var(--uc-gap);
  max-width:none;
  min-height:calc(100% - 2 * var(--uc-gap));
  background:var(--bh-glass-2);
  border:1px solid var(--bh-edge);
  border-radius:var(--uc-r);
  box-shadow:var(--bh-rim), var(--bh-spec), var(--bh-shadow-ink);
}
.screen[data-screen="avatar"] .pxav-wrap{ max-width:none; margin:0; }
.alc-wrap{ min-height:0; height:calc(100% - 2 * var(--uc-gap)); overflow:hidden; }
.alc-head{ background:var(--bh-glass-2); border-bottom-color:var(--bh-edge); }
@media (max-width:640px){
  .home-layout,.create-wrap,.tpl-wrap,.generic-wrap,.phoner-screen-wrap,.alc-wrap,
  .screen[data-screen="avatar"] #avatarMount,
  .screen[data-screen="data-studio"] .fmlv4{ border-radius:18px; }
}

.fmlv4 .lib .h1{color:var(--bh-ink)}
.fmlv4 .lib .h1-sub{color:var(--bh-ink-3)}
.fmlv4 .lib .topbar .btn-primary{background:var(--bh-blue);color:var(--on-accent-ink);border:1px solid color-mix(in srgb,var(--bh-blue) 60%,#000 0%);border-radius:var(--bh-r-pill);box-shadow:var(--bh-spec),0 6px 16px -8px rgba(10,132,255,.45)}
.fmlv4 .lib .topbar .btn-primary:hover{background:var(--bh-blue-2)}

.fmlv4 .ds-search{background:rgba(255,255,255,.55) !important;border:1px solid var(--bh-edge) !important;border-radius:var(--bh-r-tile) !important;color:var(--bh-ink-3)}
html[data-theme="dark"] .fmlv4 .ds-search{background:rgba(255,255,255,.06) !important}
.fmlv4 .ds-search:focus-within{border-color:var(--bh-blue) !important}
.fmlv4 .ds-search input{background:transparent !important;border:none !important;box-shadow:none !important;color:var(--bh-ink) !important}
.fmlv4 .ds-search input:focus{box-shadow:none !important}
.fmlv4 .ds-search svg{color:var(--bh-ink-3)}
.fmlv4 .ds-search-clear{color:var(--bh-ink-3)}
.fmlv4 .ds-search-clear:hover{background:rgba(255,255,255,.12);color:var(--bh-ink)}

.fmlv4 .ds-folderbar{background:rgba(255,255,255,.5);border:1px solid var(--bh-edge);border-radius:var(--bh-r-block);box-shadow:var(--bh-spec)}
html[data-theme="dark"] .fmlv4 .ds-folderbar{background:rgba(255,255,255,.05)}
.fmlv4 .ds-ftab{color:var(--bh-ink-2)}
.fmlv4 .ds-ftab:hover{background:rgba(255,255,255,.14)}
html[data-theme="dark"] .fmlv4 .ds-ftab:hover{background:rgba(255,255,255,.06)}
.fmlv4 .ds-ftab.on{background:color-mix(in srgb,var(--bh-blue) 16%,transparent);border-color:color-mix(in srgb,var(--bh-blue) 45%,transparent);color:var(--accent-ink)}
.fmlv4 .ds-ftab .ds-cnt{background:rgba(255,255,255,.55);border:1px solid var(--bh-edge);color:var(--bh-ink-3)}
html[data-theme="dark"] .fmlv4 .ds-ftab .ds-cnt{background:rgba(255,255,255,.06)}
.fmlv4 .ds-ftab.on .ds-cnt{background:color-mix(in srgb,var(--bh-blue) 18%,transparent);color:var(--accent-ink)}
html[data-theme="light"] .fmlv4 .ds-ftab.on .ds-cnt{background:rgba(255,255,255,.7)}
.fmlv4 .ds-ftab.drop{border-color:var(--bh-blue);background:color-mix(in srgb,var(--bh-blue) 14%,transparent)}
.fmlv4 .ds-ftab-new{color:var(--accent-ink)}
.fmlv4 .ds-fsep{background:var(--bh-edge)}
.fmlv4 .ds-draghint{color:var(--bh-ink-3)}

.fmlv4 .ds-groupby{background:rgba(255,255,255,.5);border:1px solid var(--bh-edge);border-radius:var(--bh-r-tile);color:var(--bh-ink-2)}
html[data-theme="dark"] .fmlv4 .ds-groupby{background:rgba(255,255,255,.05)}
.fmlv4 .ds-groupby:hover{border-color:color-mix(in srgb,var(--bh-blue) 40%,transparent)}
.fmlv4 .ds-groupby b{color:var(--bh-ink)}

.fmlv4 .ds-group-ic{background:rgba(255,255,255,.5);border:1px solid var(--bh-edge);color:var(--bh-ink-2)}
html[data-theme="dark"] .fmlv4 .ds-group-ic{background:rgba(255,255,255,.06)}
.fmlv4 .ds-group-title{color:var(--bh-ink)}
.fmlv4 .ds-group-cnt{background:rgba(255,255,255,.5);border:1px solid var(--bh-edge);color:var(--bh-ink-3)}
html[data-theme="dark"] .fmlv4 .ds-group-cnt{background:rgba(255,255,255,.06)}
.fmlv4 .ds-group-line{background:var(--bh-edge)}

.fmlv4 .ds-card{background:var(--bh-glass-2);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--bh-edge);border-radius:var(--bh-r-tile);box-shadow:var(--bh-spec),0 10px 24px -18px rgba(16,24,48,.5)}
.fmlv4 .ds-search,.fmlv4 .ds-folderbar,.fmlv4 .ds-groupby,.fmlv4 .lib-footer-btn{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%)}
.fmlv4 .ds-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 32%);opacity:.32;mix-blend-mode:overlay}
html[data-theme="dark"] .fmlv4 .ds-card::after{opacity:.22}
.fmlv4 .ds-card>*{position:relative;z-index:1}
.fmlv4 .ds-card:hover{border-color:color-mix(in srgb,var(--bh-blue) 45%,transparent);transform:translateY(-2px);box-shadow:var(--bh-spec),0 14px 30px -16px rgba(16,24,48,.45)}
html[data-theme="dark"] .fmlv4 .ds-card:hover{box-shadow:var(--bh-spec),0 14px 30px -14px rgba(0,0,0,.55)}
.fmlv4 .ds-tic{background:linear-gradient(135deg,color-mix(in srgb,var(--bh-blue) 22%,transparent),color-mix(in srgb,var(--bh-blue-2) 12%,transparent));color:var(--accent-ink)}
.fmlv4 .ds-name{color:var(--bh-ink)}
.fmlv4 .ds-desc{color:var(--bh-ink-3)}
.fmlv4 .ds-expr{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;background:rgba(255,255,255,.5);border:1px solid var(--bh-edge);color:var(--bh-ink-2)}
html[data-theme="dark"] .fmlv4 .ds-expr{background:rgba(255,255,255,.05)}
.fmlv4 .ds-badge{color:var(--bh-ink-3)}
.fmlv4 .ds-act{background:rgba(255,255,255,.55);border:1px solid var(--bh-edge);border-radius:var(--bh-r-pill);color:var(--bh-ink)}
html[data-theme="dark"] .fmlv4 .ds-act{background:rgba(255,255,255,.08)}
.fmlv4 .ds-act:hover{border-color:color-mix(in srgb,var(--bh-blue) 45%,transparent);color:var(--accent-ink)}
.fmlv4 .ds-act.ds-act-add{background:var(--bh-blue);border-color:var(--bh-blue);color:var(--on-accent-ink)}
.fmlv4 .ds-act.ds-act-add:hover{background:var(--bh-blue-2);color:var(--on-accent-ink)}
.fmlv4 .ds-cardmenu-btn:hover{background:rgba(255,255,255,.12);color:var(--bh-ink)}

.fmlv4 .ds-empty{background:rgba(255,255,255,.4);border:1.5px dashed var(--bh-edge);border-radius:var(--bh-r-block);color:var(--bh-ink-3)}
html[data-theme="dark"] .fmlv4 .ds-empty{background:rgba(255,255,255,.04)}
.fmlv4 .ds-empty-title{color:var(--bh-ink)}

.fmlv4 .lib-footer{border-top:1px solid var(--bh-edge)}
.fmlv4 .lib-footer-btn{background:rgba(255,255,255,.5);border:1px solid var(--bh-edge);border-radius:var(--bh-r-pill);color:var(--bh-ink-2)}
html[data-theme="dark"] .fmlv4 .lib-footer-btn{background:rgba(255,255,255,.06)}
.fmlv4 .lib-footer-btn:hover{border-color:color-mix(in srgb,var(--bh-blue) 45%,transparent);color:var(--accent-ink)}

.ds-cardmenu{background:var(--bh-glass-2);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--bh-edge);border-radius:var(--bh-r-block);box-shadow:var(--bh-rim),var(--bh-spec),var(--bh-shadow-ink)}
html[data-theme="light"] .ds-cardmenu{background:var(--bh-glass-2);border-color:var(--bh-edge)}
.ds-cardmenu button{color:var(--bh-ink)}
html[data-theme="light"] .ds-cardmenu button{color:var(--bh-ink)}
.ds-cardmenu button:hover{background:color-mix(in srgb,var(--bh-blue) 14%,transparent)}
.ds-modal{background:var(--bh-glass-2);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--bh-edge);border-radius:var(--bh-r-block);box-shadow:var(--bh-rim),var(--bh-spec),var(--bh-shadow-ink);color:var(--bh-ink)}
html[data-theme="light"] .ds-modal{background:var(--bh-glass-2);color:var(--bh-ink);border-color:var(--bh-edge)}
.ds-modal-input{background:rgba(255,255,255,.55) !important;border:1px solid var(--bh-edge) !important;border-radius:var(--bh-r-tile) !important;color:var(--bh-ink) !important}
html[data-theme="dark"] .ds-modal-input{background:rgba(255,255,255,.06) !important}
html[data-theme="light"] .ds-modal-input{background:rgba(255,255,255,.55) !important}
.ds-modal-input:focus{border-color:var(--bh-blue) !important}
.ds-icpick{background:rgba(255,255,255,.5);border:1.5px solid var(--bh-edge);color:var(--bh-ink-2)}
html[data-theme="light"] .ds-icpick{background:rgba(255,255,255,.55)}
.ds-icpick:hover{border-color:color-mix(in srgb,var(--bh-blue) 40%,transparent)}
.ds-icpick.on{background:color-mix(in srgb,var(--bh-blue) 16%,transparent)}



  
  

  .fmlv4 .fade-in{animation:fi .25s ease}
  @keyframes fi{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

  @keyframes drawLine{from{stroke-dashoffset:200}to{stroke-dashoffset:0}}
  @keyframes growBar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  @keyframes fillGauge{from{stroke-dasharray:0 200}to{stroke-dasharray:60 200}}
  @keyframes spinRing{from{stroke-dashoffset:200}to{stroke-dashoffset:50}}
  @keyframes wave{0%,100%{transform:translateX(-25%)}50%{transform:translateX(0)}}
  @keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}
  @keyframes raceMove1{0%,40%{transform:translateX(0)}50%,90%{transform:translateX(0%);width:90%}}
  @keyframes raceMove2{0%,40%{width:65%}50%,90%{width:88%}}
  @keyframes raceMove3{0%,40%{width:80%}50%,90%{width:50%}}
  @keyframes calCellPulse{0%,100%{opacity:.3}50%{opacity:1}}
  @keyframes funnelFill{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}
  @keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @keyframes counterPulse{0%,100%{color:#e7edf5}50%{color:var(--accent)}}

  @keyframes gaugeArcDraw{from{stroke-dashoffset:var(--arc-perim,175.93)}to{stroke-dashoffset:var(--arc-end,175.93)}}
  @keyframes gaugeOverDraw{from{stroke-dashoffset:var(--over-perim,223.05)}to{stroke-dashoffset:var(--over-end,223.05)}}
  @keyframes gaugeFadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
  @keyframes gaugeStatusPulse{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-.5px)}}
  @keyframes gaugeSparkleTwinkle{0%,100%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1.4)}70%{opacity:.6;transform:scale(1)}}
  @keyframes gaugeOverPulse{0%,100%{opacity:.75;stroke-width:5}50%{opacity:1;stroke-width:7}}
  .gauge-wrap .g-arc{animation:gaugeArcDraw 1.4s cubic-bezier(.34,.85,.4,1) .15s forwards}
  .gauge-wrap .g-over{animation:gaugeOverDraw 1.4s cubic-bezier(.34,.85,.4,1) 1.0s forwards}
  .gauge-wrap .g-center{opacity:0;animation:gaugeFadeUp .55s cubic-bezier(.34,1.2,.64,1) .65s forwards}
  .gauge-wrap .g-status{opacity:0;animation:gaugeFadeUp .5s ease .9s forwards}
  .gauge-wrap.gauge-no-anim .g-arc,
  .gauge-wrap.gauge-no-anim .g-over{
    animation:none;
    transition:stroke-dashoffset .65s cubic-bezier(.4,1,.6,1), stroke .35s ease-out;
  }
  .gauge-wrap.gauge-no-anim .g-arc{stroke-dashoffset:var(--arc-end,0)}
  .gauge-wrap.gauge-no-anim .g-over{stroke-dashoffset:var(--over-end,0);opacity:.75}
  .gauge-wrap.gauge-no-anim .g-center,
  .gauge-wrap.gauge-no-anim .g-status{animation:none;opacity:1;transition:fill .35s ease-out}
  .gauge-wrap .g-primary,
  .gauge-wrap .g-status{transition:fill .35s ease-out}
  .gauge-wrap.gauge-over-2 .g-over,
  .gauge-wrap.gauge-over-3 .g-over{
    animation:gaugeOverPulse 2.2s ease-in-out infinite;
    filter:drop-shadow(0 0 6px currentColor);
  }
  .gauge-wrap.gauge-over-3 .g-arc{filter:drop-shadow(0 0 4px currentColor)}
  .gauge-wrap.gauge-over-3 .g-status{
    animation:gaugeStatusPulse 1.8s ease-in-out infinite;
    filter:drop-shadow(0 0 3px currentColor);
  }
  .gauge-wrap .g-sp{opacity:0}
  .gauge-wrap.gauge-over-3 .g-sp{animation:gaugeSparkleTwinkle 2.2s ease-in-out infinite}
  .gauge-wrap.gauge-over-3 .g-sp.s2{animation-delay:.55s}
  .gauge-wrap.gauge-over-3 .g-sp.s3{animation-delay:1.1s}
  .gauge-wrap.gauge-over-3 .g-sp.s4{animation-delay:1.6s}
  .gauge-wrap.gauge-tier-critical .g-status{
    animation:gaugeStatusPulse 2s ease-in-out infinite;
  }
  @media (prefers-reduced-motion: reduce){
    .gauge-wrap .g-arc,
    .gauge-wrap .g-over,
    .gauge-wrap .g-center,
    .gauge-wrap .g-status,
    .gauge-wrap .g-sp{animation:none !important;opacity:1 !important;stroke-dashoffset:var(--arc-end,0) !important;filter:none !important}
    .gauge-wrap.gauge-no-anim .g-arc,
    .gauge-wrap.gauge-no-anim .g-over{transition:none !important}
  }

  .fmlv4 .vc-preview svg .anim-line{stroke-dasharray:200;animation:drawLine 1.4s ease forwards}
  .fmlv4 .vc-preview svg .anim-bar{transform-origin:bottom;animation:growBar .6s ease forwards}
  .fmlv4 .vc-preview svg .anim-gauge{stroke-dasharray:0 200;animation:fillGauge 1.2s ease forwards .2s}
  .fmlv4 .vc-preview svg .anim-ring{stroke-dasharray:200;animation:spinRing 1.4s ease forwards}
  .fmlv4 .vc-preview .anim-wave{animation:wave 3s ease-in-out infinite}
  .fmlv4 .vc-preview .anim-pulse{animation:pulse-dot 1.5s ease-in-out infinite}
  .fmlv4 .vc-preview .anim-counter{animation:counterPulse 2s ease-in-out infinite}
  .fmlv4 .vc-preview .anim-race-bar{transform-origin:left;animation:growBar .8s ease forwards}
  .fmlv4 .vc-preview .anim-funnel{transform-origin:left;animation:funnelFill .8s ease forwards}

  .fmlv4 .race-row{display:flex;align-items:center;gap:4px;font-size:.55rem;margin-bottom:2px}
  .fmlv4 .race-rank{width:8px;color:var(--text-3);font-weight:700}
  .fmlv4 .race-name{flex:0 0 32px;color:var(--text-2);white-space:nowrap;overflow:hidden;font-weight:600}
  .fmlv4 .race-bar{flex:1;height:5px;border-radius:3px;position:relative;overflow:hidden}
  .fmlv4 .race-bar::after{content:'';position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);width:30%;animation:shimmer 2s infinite}
  @keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}

  .fmlv4 .rings-svg circle{transform:rotate(-90deg);transform-origin:center;fill:none}

  .fmlv4 .liquid-wrap{position:relative;width:46px;height:46px;border-radius:50%;background:rgba(var(--accent-rgb),0.08);border:1.5px solid rgba(var(--accent-rgb),0.3);overflow:hidden}
  .fmlv4 .liquid-fill{position:absolute;bottom:0;left:0;right:0;height:60%;background:var(--accent);overflow:hidden}
  .fmlv4 .liquid-wave-svg{position:absolute;top:-6px;left:-50%;width:200%;height:14px;fill:var(--accent)}
  .fmlv4 .liquid-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:.78rem;text-shadow:0 1px 2px rgba(0,0,0,0.5);z-index:2}

  .fmlv4 .cal-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:1.5px;width:100%;height:100%}
  .fmlv4 .cal-grid div{border-radius:1px;aspect-ratio:1}

  .fmlv4 .funnel-stage{height:8px;background:var(--accent);margin:0 auto 2px;border-radius:1px;display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);font-size:.5rem;font-weight:800}

  .fmlv4 .ticker-wrap{width:100%;overflow:hidden;background:rgba(var(--accent-rgb),0.06);border-radius:6px;padding:6px 0;border:1px solid rgba(var(--accent-rgb),0.15)}
  .fmlv4 .ticker-track{display:flex;gap:18px;animation:ticker 10s linear infinite;white-space:nowrap;font-size:.6rem;color:var(--text-2)}
  .fmlv4 .ticker-track b{color:var(--accent);margin-right:3px}

  .fmlv4 .pulse-dot-bg{position:relative;display:inline-block}
  .fmlv4 .pulse-dot-bg::before{content:'';position:absolute;left:-12px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--accent);transform:translateY(-50%);animation:pulse-dot 1.5s ease-in-out infinite;box-shadow:0 0 8px var(--accent)}

  .fmlv4 .ph-wrap{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}
  .fmlv4 .ph-num{font-size:1.75rem;font-weight:900;color:var(--accent);letter-spacing:-.02em;z-index:2}
  .fmlv4 .ph-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent);opacity:0;animation:phExpand 2.4s ease-out infinite}
  .fmlv4 .ph-r2{animation-delay:1.2s}
  @keyframes phExpand{0%{transform:scale(.55);opacity:.85}100%{transform:scale(1.4);opacity:0}}
  .fmlv4 .nc-pill{font-size:.62rem;font-weight:800;padding:3px 9px;border-radius:999px;color:var(--text-on-accent);background:linear-gradient(90deg,var(--accent),#34e3a4 50%,var(--accent));background-size:200% 100%;animation:ncShine 2.2s linear infinite;box-shadow:0 2px 8px rgba(var(--accent-rgb),.35)}
  @keyframes ncShine{0%{background-position:0 0}100%{background-position:200% 0}}
  .fmlv4 .rgmt-a{stroke-dashoffset:213;animation:rgmtA 2.4s ease-out infinite}
  .fmlv4 .rgmt-b{stroke-dashoffset:163;animation:rgmtB 2.4s .35s ease-out infinite}
  .fmlv4 .rgmt-c{stroke-dashoffset:113;animation:rgmtC 2.4s .7s ease-out infinite}
  @keyframes rgmtA{0%{stroke-dashoffset:213}55%,100%{stroke-dashoffset:55}}
  @keyframes rgmtB{0%{stroke-dashoffset:163}55%,100%{stroke-dashoffset:42}}
  @keyframes rgmtC{0%{stroke-dashoffset:113}55%,100%{stroke-dashoffset:30}}
  .fmlv4 .cs-stack{position:relative;width:90px;height:60px;transform-style:preserve-3d}
  .fmlv4 .cs-card{position:absolute;inset:0;border-radius:8px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;gap:6px;padding:0 10px;font-size:.7rem;color:var(--text-1);box-shadow:0 4px 10px rgba(0,0,0,.18)}
  .fmlv4 .cs-card span{font-weight:900;color:var(--accent);font-size:.9rem}
  .fmlv4 .cs-1{animation:csTilt 3s ease-in-out infinite}
  .fmlv4 .cs-2{transform:translate(6px,6px) rotate(3deg);background:var(--card);opacity:.85}
  .fmlv4 .cs-3{transform:translate(12px,12px) rotate(6deg);background:var(--card);opacity:.6}
  @keyframes csTilt{0%,100%{transform:translateY(0) rotate(0) rotateY(0)}50%{transform:translateY(-4px) rotate(-2deg) rotateY(12deg)}}
  .fmlv4 .pf-track{position:absolute;inset:14px 0;background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.03) 8px 9px)}
  .fmlv4 .pf-tape{position:absolute;right:14px;top:0;bottom:0;width:6px;background:repeating-linear-gradient(0deg,#fff 0 6px,#111 6px 12px);box-shadow:0 0 8px rgba(255,255,255,.4)}
  .fmlv4 .pf-runner{position:absolute;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:900;color:var(--text-on-accent);left:0;animation:pfRun 2.6s cubic-bezier(.4,1.4,.6,1) infinite}
  .fmlv4 .pf-r1{top:14px;background:var(--accent);animation-delay:0s}
  .fmlv4 .pf-r2{top:36px;background:var(--blue);color:#fff;animation-delay:.15s}
  .fmlv4 .pf-r3{top:58px;background:var(--amber);animation-delay:.3s}
  @keyframes pfRun{0%{left:0}65%,100%{left:calc(100% - 32px)}}
  .fmlv4 .sp-bar{width:18px;border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:3px;color:var(--text-on-accent);font-weight:900;font-size:.6rem;position:relative;z-index:2}
  .fmlv4 .sp-cone{position:absolute;top:-20px;left:50%;width:60px;height:120px;background:radial-gradient(ellipse at top,rgba(255,236,150,.45),transparent 65%);transform-origin:top center;animation:spSweep 3.2s ease-in-out infinite;pointer-events:none;z-index:1}
  @keyframes spSweep{0%,100%{transform:translateX(-50%) rotate(-12deg)}50%{transform:translateX(-50%) rotate(12deg)}}
  .fmlv4 .sg-l1{animation:sgWave 3s ease-in-out infinite}
  .fmlv4 .sg-l2{animation:sgWave 3.6s ease-in-out infinite reverse}
  .fmlv4 .sg-l3{animation:sgWave 4.2s ease-in-out infinite}
  @keyframes sgWave{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
  .fmlv4 .pr-px{position:absolute;top:-6px;width:5px;height:5px;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:prFall 2.2s linear infinite}
  @keyframes prFall{0%{top:-6px;opacity:0}10%,90%{opacity:1}100%{top:100%;opacity:0}}
  .fmlv4 .sr-disk{position:relative;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,var(--surface) 0%,var(--card) 100%);border:1px solid var(--border);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.15)}
  .fmlv4 .sr-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(var(--accent-rgb),.45) 30deg,transparent 60deg);animation:srSpin 2.4s linear infinite;border-radius:50%}
  .fmlv4 .sr-blip{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);opacity:0;animation:srBlip 2.4s ease-out infinite}
  @keyframes srSpin{to{transform:rotate(360deg)}}
  @keyframes srBlip{0%,15%{opacity:1;transform:scale(1.4)}60%{opacity:.5;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}
  .fmlv4 .gy-bub{position:absolute;bottom:-12px;border-radius:50%;background:var(--accent);opacity:.7;box-shadow:0 0 6px var(--accent);animation:gyRise 2.4s ease-in infinite}
  @keyframes gyRise{0%{bottom:-12px;opacity:0;transform:scale(.5)}15%{opacity:.8}80%{opacity:.6}100%{bottom:100%;opacity:0;transform:scale(1.3)}}
  .fmlv4 .pol-stack{position:relative;width:60px;height:70px}
  .fmlv4 .pol{position:absolute;inset:0;background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:6px 4px 4px;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
  .fmlv4 .pol b{font-size:.95rem;font-weight:900;color:var(--accent);letter-spacing:-.02em}
  .fmlv4 .pol span{font-size:.55rem;color:var(--text-3);font-weight:700}
  .fmlv4 .pol-3{transform:rotate(-8deg) translateY(2px);opacity:.55}
  .fmlv4 .pol-2{transform:rotate(4deg);opacity:.8}
  .fmlv4 .pol-1{animation:polWobble 3s ease-in-out infinite}
  @keyframes polWobble{0%,100%{transform:rotate(-3deg) translateY(-2px)}50%{transform:rotate(3deg) translateY(-6px)}}
  .fmlv4 .fs-strip{display:flex;gap:4px;animation:fsRoll 6s linear infinite;padding:0 4px}
  .fmlv4 .fs-frame{flex:0 0 42px;height:60px;background:var(--card);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative}
  .fmlv4 .fs-frame::before,.fmlv4 .fs-frame::after{content:"";position:absolute;left:50%;width:14px;height:3px;background:var(--bg);border-radius:1px;transform:translateX(-50%)}
  .fmlv4 .fs-frame::before{top:-2px}.fmlv4 .fs-frame::after{bottom:-2px}
  .fmlv4 .fs-frame b{font-size:.55rem;color:var(--text-3);font-weight:800;text-transform:uppercase}
  .fmlv4 .fs-frame span{font-size:.85rem;font-weight:900;color:var(--accent)}
  @keyframes fsRoll{0%{transform:translateX(0)}100%{transform:translateX(-230px)}}


  .fmlv4 .igs-wrap{position:relative;width:80px;height:110px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--purple),var(--blue),var(--accent));display:flex;flex-direction:column}
  .fmlv4 .igs-bars{display:flex;gap:2px;padding:5px 5px 3px;position:relative;z-index:2}
  .fmlv4 .igs-bar{flex:1;height:2px;border-radius:1px;background:rgba(255,255,255,.35);overflow:hidden}
  .fmlv4 .igs-bar-fill{height:100%;background:#fff;animation:igsBarFill 4s linear infinite}
  .fmlv4 .igs-bar:nth-child(2) .igs-bar-fill{animation-delay:4s}
  .fmlv4 .igs-bar:nth-child(3) .igs-bar-fill{animation-delay:8s}
  .fmlv4 .igs-avatar{display:flex;align-items:center;gap:3px;padding:0 5px;z-index:2}
  .fmlv4 .igs-avatar-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--red));border:1.5px solid #fff;flex-shrink:0}
  .fmlv4 .igs-avatar-name{font-size:.42rem;font-weight:800;color:#fff;letter-spacing:.02em}
  .fmlv4 .igs-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;z-index:2}
  .fmlv4 .igs-hero-num{font-size:1.5rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-.03em;animation:igsBgKen 12s ease-in-out infinite alternate}
  .fmlv4 .igs-hero-label{font-size:.42rem;font-weight:700;color:rgba(255,255,255,.85);text-transform:uppercase;letter-spacing:.06em}
  .fmlv4 .igs-bg{position:absolute;inset:-8px;animation:igsBgKen 8s ease-in-out infinite alternate;background:inherit}
  @keyframes igsBarFill{0%{width:0}100%{width:100%}}
  @keyframes igsBgKen{0%{transform:scale(1)}100%{transform:scale(1.07)}}

  .fmlv4 .wrc-wrap{width:80px;height:110px;border-radius:8px;background:linear-gradient(170deg,#0d111e 0%,#0a1228 50%,#0c1a38 100%);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-2);box-shadow:0 6px 18px rgba(0,0,0,.4)}
  .fmlv4 .wrc-hero{flex:1.4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px 2px}
  .fmlv4 .wrc-num{font-size:1.6rem;font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--accent),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wrcPop 2.6s ease-out infinite}
  .fmlv4 .wrc-label{font-size:.38rem;color:rgba(255,255,255,.7);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
  .fmlv4 .wrc-mid{padding:3px 5px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-top:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,transparent)}
  .fmlv4 .wrc-mid-txt{font-size:.36rem;color:var(--accent);font-weight:700;line-height:1.3;text-align:center}
  .fmlv4 .wrc-bot{padding:3px 5px 5px;display:flex;flex-direction:column;gap:1px}
  .fmlv4 .wrc-bot-txt{font-size:.34rem;color:rgba(255,255,255,.55);font-weight:600;line-height:1.2}
  @keyframes wrcPop{0%{transform:scale(.85);opacity:.4}30%{transform:scale(1.08);opacity:1}50%,100%{transform:scale(1);opacity:1}}

  .fmlv4 .nws-wrap{width:86px;height:110px;border-radius:4px;background:#f5f0e8;border:1px solid #c8b99a;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 3px 10px rgba(0,0,0,.3)}
  .fmlv4 .nws-wrap::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;opacity:.6}
  .fmlv4 .nws-masthead{background:#111;padding:3px 5px;display:flex;align-items:center;justify-content:space-between}
  .fmlv4 .nws-title{font-size:.38rem;font-weight:900;color:#fff;letter-spacing:.12em;font-family:var(--bh-body)}
  .fmlv4 .nws-live{font-size:.3rem;font-weight:800;color:var(--red);letter-spacing:.06em;background:#fff;padding:1px 3px;border-radius:1px;animation:nwsBlink 1.2s ease-in-out infinite}
  .fmlv4 .nws-breaking{background:var(--red);padding:2px 5px;font-size:.36rem;font-weight:900;color:#fff;letter-spacing:.06em;text-transform:uppercase;animation:nwsFlap .6s ease-out}
  .fmlv4 .nws-headline{padding:3px 4px 2px;font-family:var(--bh-body);font-size:.55rem;font-weight:700;color:#111;line-height:1.2;letter-spacing:-.01em;border-bottom:1.5px solid #111}
  .fmlv4 .nws-sub{padding:2px 4px;font-size:.33rem;color:#444;font-family:var(--bh-body);font-style:italic;line-height:1.3}
  .fmlv4 .nws-footer{margin-top:auto;padding:2px 4px;border-top:1px solid #c8b99a;display:flex;justify-content:space-between;align-items:center}
  .fmlv4 .nws-date{font-size:.3rem;color:#777;font-family:var(--bh-body)}
  @keyframes nwsBlink{0%,100%{opacity:1}50%{opacity:.3}}
  @keyframes nwsFlap{0%{transform:translateX(-8px);opacity:0}100%{transform:translateX(0);opacity:1}}
  html[data-theme="dark"] .fmlv4 .nws-wrap{background:#1a1814;border-color:#3a3028}
  html[data-theme="dark"] .fmlv4 .nws-headline{color:#e8e0d0;border-color:#4a4030}
  html[data-theme="dark"] .fmlv4 .nws-sub{color:var(--text-3)}
  html[data-theme="dark"] .fmlv4 .nws-date{color:var(--text-3)}
  html[data-theme="dark"] .fmlv4 .nws-footer{border-color:#3a3028}

  .fmlv4 .pols-wrap{position:relative;width:80px;height:90px;perspective:600px}
  .fmlv4 .pols-card{position:absolute;width:62px;height:70px;background:#fff;border-radius:2px;box-shadow:0 4px 14px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden}
  .fmlv4 .pols-photo{flex:1;background:linear-gradient(135deg,var(--surface),var(--card));position:relative;overflow:hidden}
  .fmlv4 .pols-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 25%,transparent),color-mix(in srgb,var(--blue) 20%,transparent))}
  .fmlv4 .pols-caption{height:14px;background:#fff;display:flex;align-items:center;justify-content:center;padding:0 3px}
  .fmlv4 .pols-caption span{font-size:.3rem;color:#333;font-style:italic;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fmlv4 .pols-tape{position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:14px;height:7px;background:rgba(255,230,120,.65);border-radius:1px;z-index:5}
  .fmlv4 .pols-c3{left:2px;top:6px;transform:rotate(-5deg);opacity:.55;z-index:1}
  .fmlv4 .pols-c2{left:8px;top:3px;transform:rotate(3deg);opacity:.8;z-index:2}
  .fmlv4 .pols-c1{left:14px;top:0;transform:rotate(-2deg);z-index:3;animation:polsWiggle 3.5s ease-in-out infinite}
  @keyframes polsWiggle{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-3px)}}
  html[data-theme="dark"] .fmlv4 .pols-caption{background:#f0ebe0}
  html[data-theme="dark"] .fmlv4 .pols-caption span{color:#222}

  .fmlv4 .fss-outer{width:96px;height:60px;background:#1a0f00;border-radius:4px;overflow:hidden;position:relative;border:1px solid #3a2510}
  .fmlv4 .fss-sprockets{position:absolute;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,transparent 0 5px,#1a0f00 5px 9px,#c8a060 9px 13px,#1a0f00 13px 17px);z-index:2}
  .fmlv4 .fss-sprockets.top{top:0}.fmlv4 .fss-sprockets.bot{bottom:0}
  .fmlv4 .fss-film{position:absolute;top:8px;bottom:8px;left:0;display:flex;gap:2px;animation:fssScroll 5s linear infinite;padding:0 3px;filter:sepia(.6) contrast(1.1)}
  .fmlv4 .fss-cell{flex:0 0 32px;background:linear-gradient(135deg,var(--surface),var(--card));border-radius:1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:relative;border:1px solid rgba(200,160,96,.2)}
  .fmlv4 .fss-cell::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.04) 50%,transparent 70%);pointer-events:none}
  .fmlv4 .fss-cell b{font-size:.45rem;color:rgba(200,160,96,.9);font-weight:800;text-transform:uppercase}
  .fmlv4 .fss-cell span{font-size:.7rem;font-weight:900;color:#e8d4a0;line-height:1}
  .fmlv4 .fss-scratch{position:absolute;inset:0;background:repeating-linear-gradient(175deg,transparent 0 40px,rgba(255,255,255,.015) 40px 41px,transparent 41px 80px);pointer-events:none;z-index:3}
  @keyframes fssScroll{0%{transform:translateX(0)}100%{transform:translateX(-200px)}}

  .fmlv4 .mgz-wrap{width:80px;height:110px;border-radius:4px;background:linear-gradient(160deg,#fff 0%,#f0f0f0 100%);border:1px solid rgba(0,0,0,.15);overflow:hidden;position:relative;box-shadow:0 4px 16px rgba(0,0,0,.3);display:flex;flex-direction:column}
  .fmlv4 .mgz-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 60%,rgba(0,0,0,.04) 100%);pointer-events:none;z-index:10}
  .fmlv4 .mgz-banner{background:linear-gradient(90deg,var(--red),color-mix(in srgb,var(--red) 80%,var(--amber)));padding:2px 5px;display:flex;justify-content:space-between;align-items:center}
  .fmlv4 .mgz-magazine{font-size:.42rem;font-weight:900;color:#fff;letter-spacing:.1em;font-family:var(--bh-body)}
  .fmlv4 .mgz-date{font-size:.3rem;color:rgba(255,255,255,.8);font-weight:600}
  .fmlv4 .mgz-hero{flex:1;background:linear-gradient(170deg,color-mix(in srgb,var(--blue) 15%,#fff),color-mix(in srgb,var(--purple) 10%,#fff));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;position:relative}
  .fmlv4 .mgz-hero-num{font-size:1.6rem;font-weight:900;color:var(--red);letter-spacing:-.04em;line-height:1;font-family:var(--bh-body);animation:mgzGloss 3s ease-in-out infinite}
  .fmlv4 .mgz-star{font-size:.5rem;font-weight:900;color:var(--amber)}
  .fmlv4 .mgz-lines{width:100%;padding:0 3px}
  .fmlv4 .mgz-line{font-size:.3rem;color:#111;font-weight:700;font-family:var(--bh-body);line-height:1.4;border-top:1px solid rgba(0,0,0,.12);padding-top:2px;margin-top:1px}
  .fmlv4 .mgz-barcode{display:flex;align-items:center;gap:2px;padding:2px 4px;background:#fff}
  .fmlv4 .mgz-bc{width:20px;height:10px;background:repeating-linear-gradient(90deg,#000 0 1px,#fff 1px 2px,#000 2px 3.5px,#fff 3.5px 4px,#000 4px 5.5px,#fff 5.5px 7px,#000 7px 8px,#fff 8px 9px,#000 9px 10px,#fff 10px 11px,#000 11px 12.5px,#fff 12.5px 13.5px,#000 13.5px 15px,#fff 15px 16px,#000 16px 17.5px,#fff 17.5px 19px,#000 19px 20px);opacity:.8;border-radius:1px}
  .fmlv4 .mgz-price{font-size:.32rem;color:#555;font-weight:700}
  @keyframes mgzGloss{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:2px 1px 0 rgba(255,255,255,.5)}}
  html[data-theme="dark"] .fmlv4 .mgz-wrap{background:linear-gradient(160deg,#1e1e2e 0%,#16162a 100%)}
  html[data-theme="dark"] .fmlv4 .mgz-hero{background:linear-gradient(170deg,color-mix(in srgb,var(--blue) 20%,#1e1e2e),color-mix(in srgb,var(--purple) 15%,#16162a))}
  html[data-theme="dark"] .fmlv4 .mgz-line{color:#d0d0e8;border-color:rgba(255,255,255,.1)}
  html[data-theme="dark"] .fmlv4 .mgz-barcode{background:#1e1e2e}
  html[data-theme="dark"] .fmlv4 .mgz-price{color:#8888aa}
  html[data-theme="dark"] .fmlv4 .mgz-bc{background:repeating-linear-gradient(90deg,#fff 0 1px,#1e1e2e 1px 2px,#fff 2px 3.5px,#1e1e2e 3.5px 4px,#fff 4px 5.5px,#1e1e2e 5.5px 7px,#fff 7px 8px,#1e1e2e 8px 9px,#fff 9px 10px,#1e1e2e 10px 11px,#fff 11px 12.5px,#1e1e2e 12.5px 13.5px,#fff 13.5px 15px,#1e1e2e 15px 16px,#fff 16px 17.5px,#1e1e2e 17.5px 19px,#fff 19px 20px)}

  .fmlv4 .qc-wrap{width:86px;height:90px;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 18%,var(--surface)),color-mix(in srgb,var(--blue) 12%,var(--surface)));border:1px solid var(--border);display:flex;flex-direction:column;padding:7px 8px 6px;position:relative;overflow:hidden}
  .fmlv4 .qc-mark{font-size:2.2rem;font-weight:900;line-height:.7;color:var(--accent);opacity:.25;font-family:var(--bh-body);position:absolute;top:3px;left:5px;pointer-events:none}
  .fmlv4 .qc-body{flex:1;display:flex;align-items:center;justify-content:center;z-index:2}
  .fmlv4 .qc-text{font-size:.45rem;font-weight:700;color:var(--text-1);font-style:italic;font-family:var(--bh-body);line-height:1.4;text-align:center;animation:qcFade 3.5s ease-in-out infinite}
  .fmlv4 .qc-accent{color:var(--accent);font-style:normal;font-weight:900}
  .fmlv4 .qc-attr{margin-top:4px;display:flex;align-items:center;gap:4px;z-index:2}
  .fmlv4 .qc-line{flex:1;height:1px;background:var(--border)}
  .fmlv4 .qc-name{font-size:.35rem;color:var(--text-3);font-weight:700;white-space:nowrap}
  @keyframes qcFade{0%,100%{opacity:.7;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}

  .fmlv4 .alb-wrap{width:90px;height:90px;background:#2d1f0e;border-radius:6px;border:1.5px solid #5a3d20;padding:4px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;position:relative;box-shadow:0 4px 14px rgba(0,0,0,.45)}
  .fmlv4 .alb-photo{background:linear-gradient(135deg,var(--surface),var(--card));border-radius:2px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
  .fmlv4 .alb-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.55))}
  .fmlv4 .alb-label{position:relative;z-index:2;font-size:.3rem;font-weight:800;color:#fff;text-align:center;padding:2px;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.8)}
  .fmlv4 .alb-tape{position:absolute;z-index:3;width:12px;height:5px;background:rgba(255,230,120,.55);border-radius:1px}
  .fmlv4 .alb-photo:nth-child(1) .alb-tape{top:-2px;left:4px;transform:rotate(-6deg)}
  .fmlv4 .alb-photo:nth-child(2) .alb-tape{top:-2px;right:4px;transform:rotate(5deg)}
  .fmlv4 .alb-photo:nth-child(3) .alb-tape{bottom:-2px;left:4px;transform:rotate(4deg)}
  .fmlv4 .alb-photo:nth-child(4) .alb-tape{bottom:-2px;right:4px;transform:rotate(-5deg)}
  .fmlv4 .alb-photo:nth-child(1){animation:albFlip 6s ease-in-out infinite}
  .fmlv4 .alb-color1{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,var(--surface)),var(--surface))}
  .fmlv4 .alb-color2{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 30%,var(--surface)),var(--surface))}
  .fmlv4 .alb-color3{background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 30%,var(--surface)),var(--surface))}
  .fmlv4 .alb-color4{background:linear-gradient(135deg,color-mix(in srgb,var(--amber) 25%,var(--surface)),var(--surface))}
  @keyframes albFlip{0%,100%{transform:rotate(0deg) scale(1)}48%{transform:rotate(-1deg) scale(1.03)}52%{transform:rotate(1deg) scale(1.03)}}


  :root{--live-red:#e8192c;--radar-fluo:#39ff14;--stock-green:var(--success);--stock-red:var(--danger)}

  .fmlv4 .ntk-wrap{display:flex;align-items:center;width:100%;height:28px;background:#000;border-radius:4px;overflow:hidden;flex-shrink:0}
  .fmlv4 .ntk-label{flex-shrink:0;background:var(--live-red,#e8192c);color:#fff;font-size:.48rem;font-weight:900;letter-spacing:.12em;padding:0 7px;height:100%;display:flex;align-items:center;text-transform:uppercase;white-space:nowrap}
  .fmlv4 .ntk-track{display:flex;gap:0;animation:ntkScroll 18s linear infinite;white-space:nowrap;will-change:transform}
  .fmlv4 .ntk-track:hover{animation-play-state:paused}
  .fmlv4 .ntk-item{font-size:.48rem;font-weight:700;color:#fff;padding:0 14px;line-height:28px}
  .fmlv4 .ntk-item b{color:#ffd700}
  .fmlv4 .ntk-sep{font-size:.48rem;color:rgba(255,255,255,.35);line-height:28px;user-select:none}
  @keyframes ntkScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

  .fmlv4 .stk-bar{display:flex;gap:0;overflow:hidden;width:100%;background:var(--stk-bg);border-radius:6px;padding:0}
  .fmlv4 .stk-track{display:flex;gap:0;animation:stkScroll 14s linear infinite;will-change:transform}
  .fmlv4 .stk-card{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;padding:4px 10px;border-right:1px solid rgba(255,255,255,.07);min-width:70px}
  .fmlv4 .stk-name{font-size:.44rem;font-weight:800;color:rgba(255,255,255,.55);letter-spacing:.08em;text-transform:uppercase}
  .fmlv4 .stk-val{font-size:.68rem;font-weight:900;color:#fff;line-height:1.1}
  .fmlv4 .stk-delta{font-size:.42rem;font-weight:700;letter-spacing:.04em}
  .fmlv4 .stk-up{color:var(--stock-green,var(--success))}
  .fmlv4 .stk-down{color:var(--stock-red,var(--danger))}
  .fmlv4 .stk-card.pulse-fresh{animation:stkPulse .6s ease-out}
  @keyframes stkScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
  @keyframes stkPulse{0%{background:rgba(var(--accent-rgb),.25)}100%{background:transparent}}

  .fmlv4 .espn-wrap{display:flex;gap:4px;width:100%;overflow:hidden;animation:espnCarousel 12s linear infinite}
  .fmlv4 .espn-score{flex-shrink:0;min-width:72px;background:color-mix(in srgb,var(--blue) 8%,#000);border-radius:5px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 6px;gap:1px}
  .fmlv4 .espn-camp{font-size:.38rem;font-weight:800;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}
  .fmlv4 .espn-num{font-size:.82rem;font-weight:900;color:#fff;line-height:1}
  .fmlv4 .espn-sub{font-size:.36rem;color:rgba(255,255,255,.4);font-weight:600}
  .fmlv4 .espn-live-dot{width:5px;height:5px;border-radius:50%;background:var(--live-red,#e8192c);box-shadow:0 0 6px var(--live-red,#e8192c);animation:blink 1.4s ease-in-out infinite;flex-shrink:0}
  @keyframes espnCarousel{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

  .fmlv4 .atc-disk{position:relative;border-radius:50%;background:radial-gradient(circle,#001a00 0%,#000d00 100%);border:1.5px solid rgba(57,255,20,.3);overflow:hidden;flex-shrink:0}
  .fmlv4 .atc-ring{position:absolute;border-radius:50%;border:1px solid rgba(57,255,20,.15);top:50%;left:50%;transform:translate(-50%,-50%)}
  .fmlv4 .atc-cross{position:absolute;inset:0;pointer-events:none}
  .fmlv4 .atc-cross::before,.fmlv4 .atc-cross::after{content:'';position:absolute;background:rgba(57,255,20,.12)}
  .fmlv4 .atc-cross::before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}
  .fmlv4 .atc-cross::after{left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%)}
  .fmlv4 .atc-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(57,255,20,.55) 20deg,rgba(57,255,20,.05) 60deg,transparent 90deg);animation:atcSpin 4s linear infinite;border-radius:50%;will-change:transform}
  .fmlv4 .atc-blip{position:absolute;border-radius:50%;background:var(--radar-fluo,#39ff14);box-shadow:0 0 8px var(--radar-fluo,#39ff14),0 0 16px rgba(57,255,20,.4);opacity:0;animation:atcBlip 4s ease-out infinite;transform:translate(-50%,-50%)}
  .fmlv4 .atc-label{position:absolute;font-size:.28rem;font-weight:700;color:rgba(57,255,20,.8);white-space:nowrap;transform:translate(6px,-4px)}
  @keyframes atcSpin{to{transform:rotate(360deg)}}
  @keyframes atcBlip{0%,12%{opacity:.9;transform:translate(-50%,-50%) scale(1.3)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}}

  .fmlv4 .lcam-wrap{position:relative;width:100%;height:100%;min-height:100px;background:linear-gradient(160deg,#0d1117 0%,#141b26 60%,#0b1320 100%);border-radius:8px;overflow:hidden}
  .fmlv4 .lcam-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.45;pointer-events:none;animation:lcamGrain .08s steps(1) infinite;z-index:5}
  @keyframes lcamGrain{0%{background-position:0 0}33%{background-position:50% 30%}66%{background-position:20% 70%}100%{background-position:80% 20%}}
  .fmlv4 .lcam-rec{position:absolute;top:7px;left:8px;display:flex;align-items:center;gap:4px;z-index:10}
  .fmlv4 .lcam-rec-dot{width:7px;height:7px;border-radius:50%;background:var(--live-red,#e8192c);box-shadow:0 0 8px var(--live-red,#e8192c);animation:blink .9s ease-in-out infinite}
  .fmlv4 .lcam-rec-txt{font-size:.42rem;font-weight:900;color:#fff;letter-spacing:.14em}
  .fmlv4 .lcam-icons{position:absolute;top:7px;right:8px;display:flex;align-items:center;gap:5px;z-index:10}
  .fmlv4 .lcam-batt{font-size:.55rem;color:rgba(255,255,255,.7)}
  .fmlv4 .lcam-sig{font-size:.55rem;color:rgba(255,255,255,.7)}
  .fmlv4 .lcam-lower{position:absolute;bottom:0;left:0;right:0;padding:7px 8px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);z-index:10}
  .fmlv4 .lcam-loc{font-size:.4rem;font-weight:700;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}
  .fmlv4 .lcam-kpi{font-size:.9rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-.02em}
  .fmlv4 .lcam-kpi-sub{font-size:.38rem;color:rgba(255,255,255,.6);font-weight:600;margin-top:1px}
  .fmlv4 .lcam-wrap::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:6}

  .fmlv4 .brk-wrap{display:flex;flex-direction:column;width:100%;height:100%;min-height:90px;overflow:hidden;background:var(--card);border-radius:8px;border:2px solid var(--live-red,#e8192c);position:relative}
  .fmlv4 .brk-bar{background:var(--live-red,#e8192c);padding:5px 10px;display:flex;align-items:center;gap:8px;animation:brkStrobe 3s ease-in-out infinite}
  .fmlv4 .brk-label{font-size:.55rem;font-weight:900;color:#fff;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
  .fmlv4 .brk-flash{width:6px;height:6px;border-radius:50%;background:#fff;animation:blink .6s ease-in-out infinite}
  .fmlv4 .brk-headline{flex:1;font-size:.56rem;font-weight:800;color:var(--text-1);padding:8px 10px;line-height:1.4}
  .fmlv4 .brk-lower{background:#111;padding:4px 10px;display:flex;align-items:center;overflow:hidden}
  .fmlv4 .brk-sub-track{display:flex;gap:0;animation:ntkScroll 14s linear infinite;white-space:nowrap}
  .fmlv4 .brk-sub-item{font-size:.42rem;font-weight:700;color:rgba(255,255,255,.8);padding:0 12px}
  .fmlv4 .brk-sub-item b{color:var(--live-red,#e8192c)}
  @keyframes brkStrobe{0%,100%{opacity:1}48%{opacity:.85}52%{opacity:.95}}

  .fmlv4 .emul-wrap{display:flex;flex-direction:column;width:100%;height:100%;min-height:100px;background:color-mix(in srgb,var(--blue) 5%,#000);border-radius:8px;overflow:hidden}
  .fmlv4 .emul-head{background:color-mix(in srgb,var(--blue) 8%,#000);padding:4px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}
  .fmlv4 .emul-title{font-size:.46rem;font-weight:900;color:#fff;letter-spacing:.12em;text-transform:uppercase}
  .fmlv4 .emul-time{font-size:.42rem;font-weight:700;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums}
  .fmlv4 .emul-body{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:0}
  .fmlv4 .emul-row{display:flex;align-items:center;gap:6px;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.06)}
  .fmlv4 .emul-rank{font-size:.44rem;font-weight:900;color:rgba(255,255,255,.4);min-width:14px;text-align:right}
  .fmlv4 .emul-dot{width:5px;height:5px;border-radius:50%;background:var(--live-red,#e8192c);box-shadow:0 0 5px var(--live-red,#e8192c);animation:blink 1.4s ease-in-out infinite;flex-shrink:0}
  .fmlv4 .emul-name{flex:1;font-size:.48rem;font-weight:700;color:rgba(255,255,255,.85);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .fmlv4 .emul-val{font-size:.58rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
  .fmlv4 .emul-bar{height:2px;background:linear-gradient(90deg,var(--accent),var(--blue));border-radius:2px;margin-top:1px;transition:width .8s ease}

  .fmlv4 .wrad-disk{position:relative;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--wrad-bg) 80%,transparent) 0%,var(--wrad-bg) 100%);overflow:hidden;flex-shrink:0}
  .fmlv4 .wrad-zone{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.7}
  .fmlv4 .wrad-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,168,255,.15) 25deg,transparent 60deg);animation:atcSpin 6s linear infinite;border-radius:50%;will-change:transform}
  .fmlv4 .wrad-compass{position:absolute;font-size:.28rem;font-weight:800;color:rgba(255,255,255,.45);line-height:1}
  .fmlv4 .wrad-compass.n{top:3px;left:50%;transform:translateX(-50%)}
  .fmlv4 .wrad-compass.s{bottom:3px;left:50%;transform:translateX(-50%)}
  .fmlv4 .wrad-compass.e{right:4px;top:50%;transform:translateY(-50%)}
  .fmlv4 .wrad-compass.w{left:4px;top:50%;transform:translateY(-50%)}
  .fmlv4 .wrad-coords{position:absolute;bottom:3px;right:6px;font-size:.26rem;color:rgba(0,200,255,.45);font-family:var(--bh-mono);font-variant-numeric:tabular-nums;line-height:1.3}
  @keyframes wradPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.5}}


  .fmlv4 .f1-wrap{position:relative;width:100%;height:100%;min-height:110px;background:var(--show-bg);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
  .fmlv4 .f1-stripes{position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(245,158,11,0.06) 0px,rgba(245,158,11,0.06) 2px,transparent 2px,transparent 16px);pointer-events:none}
  .fmlv4 .f1-top{display:flex;align-items:center;justify-content:space-between;padding:5px 8px 2px;position:relative;z-index:2}
  .fmlv4 .f1-logo{font-size:.46rem;font-weight:900;letter-spacing:.12em;color:var(--amber);text-transform:uppercase;opacity:.8}
  .fmlv4 .f1-leader{font-size:.5rem;color:rgba(245,158,11,.6);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
  .fmlv4 .f1-podium-stage{display:flex;align-items:flex-end;justify-content:center;gap:3px;flex:1;padding:4px 6px 0;position:relative;z-index:2}
  .fmlv4 .f1-block{display:flex;flex-direction:column;align-items:center;gap:2px}
  .fmlv4 .f1-block .f1-name{font-size:.46rem;font-weight:800;color:var(--text-2);white-space:nowrap;overflow:hidden;max-width:50px;text-overflow:ellipsis;text-align:center}
  .fmlv4 .f1-block .f1-val{font-size:.55rem;font-weight:900;color:var(--amber);letter-spacing:.02em}
  .fmlv4 .f1-step{width:40px;border-radius:3px 3px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4px;font-weight:900;font-size:.65rem}
  .fmlv4 .f1-step1{height:52px;background:linear-gradient(180deg,#ffd700,#c89800);color:#000}
  .fmlv4 .f1-step2{height:36px;background:linear-gradient(180deg,#c0c0c0,#808080);color:#000}
  .fmlv4 .f1-step3{height:24px;background:linear-gradient(180deg,#cd7f32,#7a4a18);color:#fff}
  .fmlv4 .f1-speed-blur{position:absolute;top:0;left:0;right:0;height:18px;background:linear-gradient(180deg,rgba(245,158,11,0.18),transparent);pointer-events:none;z-index:3}
  .fmlv4 .f1-konfetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}
  .fmlv4 .f1-k{position:absolute;top:-8px;width:5px;height:10px;border-radius:1px;opacity:0;animation:f1KFall 1.4s ease-in forwards}
  @keyframes f1KFall{0%{opacity:0;transform:rotate(0deg) translateY(0)}10%{opacity:1}100%{opacity:0;transform:rotate(480deg) translateY(120px)}}

  .fmlv4 .ol-wrap{width:100%;height:100%;min-height:100px;background:#0d1440;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
  .fmlv4 .ol-head{display:flex;align-items:center;gap:6px;padding:5px 8px;background:linear-gradient(90deg,#0b1a6b,#0d1440);border-bottom:1px solid rgba(255,255,255,0.08)}
  .fmlv4 .ol-rings{display:flex;gap:1px;align-items:center}
  .fmlv4 .ol-ring{width:9px;height:9px;border-radius:50%;border:2px solid currentColor;display:inline-block}
  .fmlv4 .ol-title{font-size:.5rem;font-weight:800;color:#fff;letter-spacing:.06em;text-transform:uppercase;margin-left:2px}
  .fmlv4 .ol-table{flex:1;overflow:hidden}
  .fmlv4 .ol-hdr{display:grid;grid-template-columns:1fr 22px 22px 22px 26px;gap:2px;padding:3px 6px;font-size:.42rem;font-weight:700;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:.04em}
  .fmlv4 .ol-row{display:grid;grid-template-columns:1fr 22px 22px 22px 26px;gap:2px;padding:3px 6px;align-items:center;border-bottom:1px solid rgba(255,255,255,0.04);animation:olRowIn .35s ease both}
  .fmlv4 .ol-loc{font-size:.52rem;font-weight:700;color:#e0e8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fmlv4 .ol-medal{text-align:center;font-size:.62rem;font-weight:900}
  .fmlv4 .ol-g{color:#ffd700}.fmlv4 .ol-s{color:#c0c0c0}.fmlv4 .ol-b{color:#cd7f32}.fmlv4 .ol-tot{color:rgba(255,255,255,0.6);font-size:.52rem;text-align:center;font-weight:700}
  .fmlv4 .ol-medal-pop{animation:olMedalPop .5s cubic-bezier(.18,1.4,.6,1) both}
  @keyframes olRowIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
  @keyframes olMedalPop{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.3) rotate(5deg)}100%{transform:scale(1) rotate(0deg)}}

  .fmlv4 .led-wrap{position:relative;width:100%;height:100%;min-height:100px;background:var(--show-bg);border-radius:6px;overflow:hidden;box-shadow:inset 0 0 30px rgba(0,0,0,0.8)}
  .fmlv4 .led-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.22) 0px,rgba(0,0,0,0.22) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:3;animation:ledFlicker 8s step-start infinite}
  .fmlv4 .led-main{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:4px;padding:8px}
  .fmlv4 .led-score{font-size:1.8rem;font-weight:900;letter-spacing:.04em;color:#ff3a00;text-shadow:0 0 10px rgba(255,58,0,0.8),0 0 20px rgba(255,58,0,0.4);font-family:var(--bh-mono);font-variant-numeric:tabular-nums;line-height:1;animation:ledGlow 2.4s ease-in-out infinite}
  .fmlv4 .led-dot-row{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;max-width:100%}
  .fmlv4 .led-dot{width:4px;height:4px;border-radius:50%;background:#ff0;box-shadow:0 0 4px #ff0;opacity:0.7}
  .fmlv4 .led-ticker{overflow:hidden;width:100%;border-top:1px solid rgba(255,80,0,0.25);padding:3px 0;margin-top:2px}
  .fmlv4 .led-ticker-inner{display:inline-block;white-space:nowrap;animation:ledScrollTxt 8s linear infinite;font-size:.48rem;font-weight:700;color:#ffcc00;letter-spacing:.08em;text-shadow:0 0 6px rgba(255,204,0,0.6);font-family:var(--bh-mono);font-variant-numeric:tabular-nums}
  @keyframes ledFlicker{0%,100%{opacity:1}92%{opacity:1}93%{opacity:.7}94%{opacity:1}97%{opacity:.85}98%{opacity:1}}
  @keyframes ledGlow{0%,100%{text-shadow:0 0 10px rgba(255,58,0,0.8),0 0 20px rgba(255,58,0,0.4)}50%{text-shadow:0 0 18px rgba(255,58,0,1),0 0 36px rgba(255,58,0,0.7),0 0 60px rgba(255,58,0,0.2)}}
  @keyframes ledScrollTxt{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}

  .fmlv4 .mk-wrap{width:100%;height:100%;min-height:110px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 15%,#000),color-mix(in srgb,var(--blue) 8%,#000));border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
  .fmlv4 .mk-head{padding:4px 8px;background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 25%,#000),color-mix(in srgb,var(--blue) 15%,#000));display:flex;align-items:center;gap:4px;border-bottom:2px solid var(--amber)}
  .fmlv4 .mk-title{font-size:.5rem;font-weight:900;color:var(--amber);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 8px color-mix(in srgb,var(--amber) 50%,transparent)}
  .fmlv4 .mk-live-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan,#00e5ff);box-shadow:0 0 6px var(--cyan,#00e5ff);animation:mkBlink 1s ease-in-out infinite;margin-left:auto}
  .fmlv4 .mk-rows{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 6px}
  .fmlv4 .mk-row{display:flex;align-items:center;gap:5px;padding:2px 4px;border-radius:4px;position:relative;overflow:hidden}
  .fmlv4 .mk-row.mk-top{background:color-mix(in srgb,var(--amber) 12%,transparent);border:1px solid color-mix(in srgb,var(--amber) 25%,transparent)}
  .fmlv4 .mk-pos{font-size:.58rem;font-weight:900;color:var(--amber);min-width:14px;text-align:center}
  .fmlv4 .mk-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.52rem;font-weight:900;color:#000;box-shadow:0 2px 6px rgba(0,0,0,0.5)}
  .fmlv4 .mk-name{font-size:.52rem;font-weight:700;color:color-mix(in srgb,var(--blue) 60%,#fff);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fmlv4 .mk-lap{font-size:.52rem;font-weight:900;color:var(--cyan,#00e5ff);font-family:var(--bh-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em}
  .fmlv4 .mk-boost{position:absolute;inset:0;border-radius:4px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cyan,#00e5ff) 30%,transparent),transparent);opacity:0;animation:mkBoostGlow .8s ease-out forwards}
  @keyframes mkBlink{0%,100%{opacity:1}50%{opacity:.2}}
  @keyframes mkBoostGlow{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}100%{opacity:0;transform:translateX(100%)}}

  .fmlv4 .strava-wrap{width:100%;height:100%;min-height:110px;background:linear-gradient(135deg,#fc4c02,#e63900);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;position:relative}
  .fmlv4 .strava-badge-area{display:flex;align-items:center;gap:6px;padding:6px 8px 4px;position:relative;z-index:2}
  .fmlv4 .strava-badge-ic{width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid rgba(255,255,255,0.4)}
  .fmlv4 .strava-badge-ic .ic{font-size:.9rem;color:#fff}
  .fmlv4 .strava-badge-text{font-size:.5rem;font-weight:900;color:#fff;line-height:1.25;letter-spacing:.02em;text-transform:uppercase}
  .fmlv4 .strava-pr-banner{background:rgba(255,255,255,0.15);border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);padding:2px 8px;display:flex;align-items:center;gap:4px;position:relative;z-index:2}
  .fmlv4 .strava-pr-ic{color:#fff;flex-shrink:0}
  .fmlv4 .strava-pr-ic .ic{font-size:.7rem}
  .fmlv4 .strava-pr-text{font-size:.5rem;font-weight:900;color:#fff;letter-spacing:.06em;text-transform:uppercase}
  .fmlv4 .strava-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,0,0,0.15);flex:1;position:relative;z-index:2}
  .fmlv4 .strava-stat-cell{background:rgba(0,0,0,0.1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px}
  .fmlv4 .strava-stat-val{font-size:.78rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-.01em}
  .fmlv4 .strava-stat-lbl{font-size:.42rem;font-weight:700;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:.05em;margin-top:1px}
  .fmlv4 .strava-graph{position:absolute;bottom:0;left:0;right:0;height:20px;opacity:0.25;pointer-events:none;z-index:1}
  .fmlv4 .strava-flame-ic .ic-fire{animation:stravaFlamePulse 1s ease-in-out infinite}
  @keyframes stravaFlamePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2) translateY(-1px)}}

  .fmlv4 .fbsc-wrap{width:100%;height:100%;min-height:100px;background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 12%,#000),color-mix(in srgb,var(--blue) 18%,#000));border-radius:8px;overflow:hidden;display:flex;flex-direction:column;position:relative}
  .fmlv4 .fbsc-sky-bar{height:4px;background:linear-gradient(90deg,#005EB8,#00A5CE,#005EB8);background-size:200% 100%;animation:fbscSkyShimmer 3s linear infinite}
  @keyframes fbscSkyShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
  .fmlv4 .fbsc-score-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;flex:1;gap:4px}
  .fmlv4 .fbsc-team{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}
  .fmlv4 .fbsc-crest{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;box-shadow:0 2px 8px rgba(0,0,0,0.4)}
  .fmlv4 .fbsc-team-name{font-size:.44rem;font-weight:800;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:.06em;text-align:center;white-space:nowrap;overflow:hidden;max-width:50px;text-overflow:ellipsis}
  .fmlv4 .fbsc-scorebox{display:flex;align-items:center;gap:4px;flex-shrink:0}
  .fmlv4 .fbsc-num{font-size:1.6rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-.02em;font-family:var(--bh-mono);font-variant-numeric:tabular-nums;min-width:24px;text-align:center}
  .fmlv4 .fbsc-dash{font-size:1.1rem;font-weight:900;color:rgba(255,255,255,0.4)}
  .fmlv4 .fbsc-status-bar{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 8px;background:rgba(0,0,0,0.35);border-top:1px solid rgba(255,255,255,0.07)}
  .fmlv4 .fbsc-live-badge{font-size:.46rem;font-weight:900;padding:1px 5px;border-radius:3px;background:rgba(239,68,68,0.9);color:#fff;letter-spacing:.06em;text-transform:uppercase;animation:fbscLivePulse 2s ease-in-out infinite}
  .fmlv4 .fbsc-time{font-size:.5rem;font-weight:800;color:rgba(255,255,255,0.7);font-family:var(--bh-mono);font-variant-numeric:tabular-nums}
  .fmlv4 .fbsc-num-flip{animation:fbscNumFlip .4s ease both}
  @keyframes fbscLivePulse{0%,100%{opacity:1}50%{opacity:.5}}
  @keyframes fbscNumFlip{0%{transform:scaleY(0) translateY(-8px);opacity:0}100%{transform:scaleY(1) translateY(0);opacity:1}}

  .fmlv4 .mar-wrap{width:100%;height:100%;min-height:110px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,#000),color-mix(in srgb,var(--accent) 6%,#000));border-radius:8px;overflow:hidden;display:flex;flex-direction:column;position:relative}
  .fmlv4 .mar-sky{height:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 25%,#000),color-mix(in srgb,var(--accent) 12%,#000));flex-shrink:0}
  .fmlv4 .mar-track-area{flex:1;position:relative;padding:6px 10px;display:flex;flex-direction:column;justify-content:space-around}
  .fmlv4 .mar-asphalt{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,0.03) 0 1px,transparent 1px 14px);pointer-events:none}
  .fmlv4 .mar-finish{position:absolute;right:10px;top:0;bottom:0;width:8px;background:repeating-linear-gradient(0deg,#fff 0 4px,#000 4px 8px);opacity:0.7;z-index:2}
  .fmlv4 .mar-runner-row{display:flex;align-items:center;gap:4px;position:relative;z-index:2}
  .fmlv4 .mar-runner-ic{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.52rem;font-weight:900}
  .fmlv4 .mar-runner-name{font-size:.44rem;font-weight:700;color:color-mix(in srgb,var(--accent) 60%,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42px}
  .fmlv4 .mar-runner-bar{flex:1;height:5px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:visible;position:relative;margin-right:18px}
  .fmlv4 .mar-runner-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,1.2,.6,1)}
  .fmlv4 .mar-runner-km{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.44rem;font-weight:900;color:color-mix(in srgb,var(--accent) 80%,#fff);white-space:nowrap}
  .fmlv4 .mar-runner-row.mar-bounce .mar-runner-ic{animation:marBounce .5s ease both}
  @keyframes marBounce{0%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}60%{transform:translateY(1px)}}

  .fmlv4 .bxk-wrap{position:relative;width:100%;height:100%;min-height:100px;background:linear-gradient(135deg,#1a0a08,#2a1008);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
  .fmlv4 .bxk-texture{position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(139,69,19,0.06) 0 1px,transparent 1px 8px),repeating-linear-gradient(-45deg,rgba(139,69,19,0.06) 0 1px,transparent 1px 8px);pointer-events:none}
  .fmlv4 .bxk-bell-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px}
  .fmlv4 .bxk-bell-wrap .ic{font-size:1.5rem;color:var(--amber);text-shadow:0 0 10px rgba(245,158,11,0.6);display:block}
  .fmlv4 .bxk-ringing .bxk-bell-wrap .ic{animation:bxkBellRing 0.4s ease-in-out 3}
  .fmlv4 .bxk-ko{font-size:.9rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 0 12px rgba(255,255,255,0.4),0 2px 0 rgba(0,0,0,0.8);line-height:1;position:relative;z-index:2}
  .fmlv4 .bxk-round{font-size:.46rem;font-weight:700;color:rgba(245,158,11,0.8);letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:2}
  .fmlv4 .bxk-counter{display:flex;gap:4px;position:relative;z-index:2}
  .fmlv4 .bxk-count-dig{font-size:1.1rem;font-weight:900;width:20px;height:24px;background:rgba(0,0,0,0.5);border:1px solid rgba(245,158,11,0.3);border-radius:3px;display:flex;align-items:center;justify-content:center;color:var(--amber);font-family:var(--bh-mono);font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}
  .fmlv4 .bxk-fist-ic{position:relative;z-index:2;opacity:0.6}
  .fmlv4 .bxk-fist-ic .ic{font-size:.8rem;color:var(--red)}
  @keyframes bxkBellRing{0%{transform:rotate(0deg)}25%{transform:rotate(-18deg)}75%{transform:rotate(18deg)}100%{transform:rotate(0deg)}}


  .fmlv4 .dlg-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;width:64px}
  .fmlv4 .dlg-mini .dlg-cell{aspect-ratio:1;border-radius:2px}
  .fmlv4 .dlg-mini .c-call{background:var(--accent)}
  .fmlv4 .dlg-mini .c-idle{background:var(--blue);opacity:.55}
  .fmlv4 .dlg-mini .c-wrap{background:var(--amber)}
  .fmlv4 .dlg-mini .c-off{background:rgba(255,255,255,0.10)}
  html[data-theme="light"] .fmlv4 .dlg-mini .c-off{background:rgba(15,23,42,0.10)}
  .fmlv4 .trophy-badge{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:.85rem;flex-shrink:0}


  .fmlv4 .slot-machine{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%}
  .fmlv4 .slot-frame{background:linear-gradient(135deg,#c8960c,var(--amber),#c8960c);border-radius:10px;padding:3px;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25);position:relative}
  .fmlv4 .slot-frame::before{content:'';position:absolute;inset:0;border-radius:8px;background:radial-gradient(ellipse at top,rgba(255,255,255,.15),transparent 60%);pointer-events:none}
  .fmlv4 .slot-drums{display:flex;gap:3px;background:var(--show-bg);border-radius:7px;padding:4px 6px;overflow:hidden}
  .fmlv4 .slot-drum{width:22px;height:38px;overflow:hidden;position:relative;background:color-mix(in srgb,var(--show-bg) 80%,var(--card));border-radius:3px;border:1px solid rgba(255,255,255,.07)}
  .fmlv4 .slot-drum::before,.fmlv4 .slot-drum::after{content:'';position:absolute;left:0;right:0;height:10px;z-index:2;pointer-events:none}
  .fmlv4 .slot-drum::before{top:0;background:linear-gradient(to bottom,var(--show-bg),transparent)}
  .fmlv4 .slot-drum::after{bottom:0;background:linear-gradient(to top,var(--show-bg),transparent)}
  .fmlv4 .slot-reel{display:flex;flex-direction:column;align-items:center;animation:slotIdle 3s ease-in-out infinite}
  .fmlv4 .slot-reel span{font-size:.95rem;font-weight:900;line-height:1;padding:5px 0;color:var(--amber);font-variant-numeric:tabular-nums;text-shadow:0 0 8px color-mix(in srgb,var(--amber) 60%,transparent)}
  .fmlv4 .slot-leds{display:flex;gap:3px;padding:2px 0}
  .fmlv4 .slot-led{width:4px;height:4px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px var(--amber);animation:ledPulse 1s ease-in-out infinite}
  .fmlv4 .slot-led:nth-child(2n){animation-delay:.33s;background:var(--red);box-shadow:0 0 6px var(--red)}
  .fmlv4 .slot-led:nth-child(3n){animation-delay:.66s;background:var(--accent);box-shadow:0 0 6px var(--accent)}
  .fmlv4 .slot-label{font-size:.55rem;font-weight:800;color:var(--amber);text-transform:uppercase;letter-spacing:.12em;text-shadow:0 0 8px color-mix(in srgb,var(--amber) 50%,transparent)}
  @keyframes slotIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
  @keyframes ledPulse{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
  .fmlv4 .slot-reel.spinning{animation:slotSpin .9s cubic-bezier(.4,0,.2,1) 1}
  @keyframes slotSpin{0%{transform:translateY(0)}20%{transform:translateY(-80%)}80%{transform:translateY(-80%)}100%{transform:translateY(0)}}

  .fmlv4 .sf-board{display:flex;flex-direction:column;gap:3px;align-items:center;font-family:var(--bh-mono);font-variant-numeric:tabular-nums}
  .fmlv4 .sf-row{display:flex;gap:2px}
  .fmlv4 .sf-char{width:16px;height:22px;background:#0d0d0d;border:1px solid rgba(255,220,60,.2);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#f5e642;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}
  .fmlv4 .sf-char::after{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,220,60,.15)}
  .fmlv4 .sf-char.flipping{animation:sfFlip .35s cubic-bezier(.4,0,.2,1) 1}
  @keyframes sfFlip{0%{transform:rotateX(0deg)}40%{transform:rotateX(-90deg);opacity:.3}60%{transform:rotateX(-90deg);opacity:.3}100%{transform:rotateX(0deg)}}
  .fmlv4 .sf-label-row{display:flex;gap:2px}
  .fmlv4 .sf-label-char{width:16px;height:18px;background:var(--show-bg);border:1px solid rgba(255,220,60,.1);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:.48rem;font-weight:700;color:rgba(245,230,66,.55)}

  .fmlv4 .buzzer-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
  .fmlv4 .buzzer-light{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--red) 70%,white),var(--red),#7a0000);box-shadow:0 0 0 4px #3a0000,0 0 24px color-mix(in srgb,var(--red) 60%,transparent),inset 0 -4px 8px rgba(0,0,0,.3);animation:buzzerIdle 3s ease-in-out infinite}
  .fmlv4 .buzzer-light.ok{background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--accent) 70%,white),var(--accent),#004a30);box-shadow:0 0 0 4px #002a1a,0 0 24px color-mix(in srgb,var(--accent) 55%,transparent),inset 0 -4px 8px rgba(0,0,0,.3)}
  .fmlv4 .buzzer-light.pulse{animation:buzzerAlert .4s ease-out 3}
  .fmlv4 .buzzer-base{width:68px;height:10px;background:linear-gradient(to bottom,#333,#1a1a1a);border-radius:4px;margin-top:-4px}
  .fmlv4 .buzzer-text{font-size:.5rem;font-weight:800;color:var(--text-2);letter-spacing:.08em;text-transform:uppercase;text-align:center;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  @keyframes buzzerIdle{0%,100%{box-shadow:0 0 0 4px #3a0000,0 0 18px color-mix(in srgb,var(--red) 45%,transparent),inset 0 -4px 8px rgba(0,0,0,.3)}50%{box-shadow:0 0 0 4px #3a0000,0 0 32px color-mix(in srgb,var(--red) 65%,transparent),inset 0 -4px 8px rgba(0,0,0,.3)}}
  @keyframes buzzerAlert{0%{filter:brightness(1);transform:scale(1)}25%{filter:brightness(2.4);transform:scale(1.08)}75%{filter:brightness(1.4);transform:scale(1.03)}100%{filter:brightness(1);transform:scale(1)}}

  .fmlv4 .jackpot-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}
  .fmlv4 .jackpot-banner{font-size:.55rem;font-weight:900;letter-spacing:.2em;color:#111;background:linear-gradient(90deg,var(--amber),color-mix(in srgb,var(--amber) 80%,white),var(--amber));background-size:200% 100%;animation:jackpotShine 1.8s linear infinite;padding:2px 10px;border-radius:3px;text-shadow:none}
  @keyframes jackpotShine{0%{background-position:0 0}100%{background-position:200% 0}}
  .fmlv4 .jackpot-display{background:var(--show-bg-casino);border:2px solid var(--amber);border-radius:6px;padding:4px 8px;box-shadow:0 0 12px color-mix(in srgb,var(--amber) 30%,transparent),inset 0 0 20px rgba(0,0,0,.6);display:flex;gap:1px;align-items:center}
  .fmlv4 .jackpot-digit{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:900;color:var(--amber);text-shadow:0 0 6px color-mix(in srgb,var(--amber) 70%,transparent),0 0 18px color-mix(in srgb,var(--amber) 35%,transparent);letter-spacing:-.02em;animation:jackpotFlicker 4s ease-in-out infinite}
  .fmlv4 .jackpot-digit:nth-child(2n){animation-delay:.4s}
  .fmlv4 .jackpot-digit:nth-child(3n){animation-delay:.8s}
  .fmlv4 .jackpot-sep{color:color-mix(in srgb,var(--amber) 60%,transparent);font-size:1.2rem;font-weight:900;align-self:center;margin:0 1px;animation:jackpotFlicker 2s ease-in-out infinite}
  .fmlv4 .jackpot-icons{display:flex;gap:6px;font-size:.8rem;overflow:hidden;white-space:nowrap}
  @keyframes jackpotFlicker{0%,100%{opacity:1}92%{opacity:1}93%{opacity:.3}94%{opacity:1}96%{opacity:1}97%{opacity:.5}98%{opacity:1}}

  .fmlv4 .fortune-outer{position:relative;width:80px;height:80px}
  .fmlv4 .fortune-wheel{width:80px;height:80px;border-radius:50%;border:3px solid color-mix(in srgb,var(--amber) 60%,transparent);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 0 16px color-mix(in srgb,var(--amber) 20%,transparent);overflow:hidden;animation:wheelSpin 12s linear infinite;position:relative}
  .fmlv4 .fortune-wheel.fast{animation-duration:1.2s}
  .fmlv4 .fortune-seg{position:absolute;top:50%;left:50%;width:50%;height:2px;transform-origin:0 50%;display:flex;align-items:center;padding-left:4px}
  .fmlv4 .fortune-seg span{font-size:.38rem;font-weight:800;color:rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;max-width:28px}
  .fmlv4 .fortune-pin{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid var(--amber);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));z-index:5}
  .fmlv4 .fortune-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#fff,var(--amber));z-index:4;box-shadow:0 0 6px var(--amber)}
  @keyframes wheelSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

  .fmlv4 .pinball-wrap{position:relative;background:#0c0c0c;border-radius:6px;border:2px solid color-mix(in srgb,var(--amber) 30%,transparent);padding:6px 8px;width:100%;box-shadow:inset 0 0 20px rgba(0,0,0,.7),0 0 10px color-mix(in srgb,var(--red) 15%,transparent);overflow:hidden}
  .fmlv4 .pinball-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.25) 3px,rgba(0,0,0,.25) 4px);pointer-events:none;z-index:2;border-radius:4px}
  .fmlv4 .pinball-score-label{font-size:.44rem;font-weight:800;color:var(--red);letter-spacing:.18em;text-transform:uppercase;opacity:.85}
  .fmlv4 .pinball-score{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:900;color:var(--amber);text-shadow:0 0 6px color-mix(in srgb,var(--red) 80%,transparent),0 0 16px color-mix(in srgb,var(--amber) 40%,transparent);letter-spacing:.05em;line-height:1;animation:pinballGlow 2s ease-in-out infinite}
  .fmlv4 .pinball-bonus-row{display:flex;gap:8px;align-items:center;margin-top:3px}
  .fmlv4 .pinball-bonus-label{font-size:.42rem;font-weight:700;color:rgba(255,100,60,.7);letter-spacing:.12em;text-transform:uppercase}
  .fmlv4 .pinball-bonus{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:900;color:var(--red);text-shadow:0 0 4px var(--red)}
  .fmlv4 .pinball-multi{font-size:.38rem;font-weight:800;color:rgba(255,180,60,.6);letter-spacing:.08em}
  @keyframes pinballGlow{0%,100%{text-shadow:0 0 6px color-mix(in srgb,var(--red) 80%,transparent),0 0 16px color-mix(in srgb,var(--amber) 40%,transparent)}50%{text-shadow:0 0 10px color-mix(in srgb,var(--red) 90%,transparent),0 0 28px color-mix(in srgb,var(--amber) 60%,transparent),0 0 40px color-mix(in srgb,var(--amber) 20%,transparent)}}

  .fmlv4 .podium-wrap{position:relative;width:100%;height:100%;min-height:90px;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:4px 6px 0;overflow:hidden}
  .fmlv4 .podium-spotlight{position:absolute;top:-30px;left:50%;width:80px;height:120px;background:radial-gradient(ellipse at top,rgba(255,240,120,.35),transparent 65%);transform:translateX(-50%);animation:podiumSpot 2.5s ease-in-out infinite;pointer-events:none}
  .fmlv4 .podium-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px}
  .fmlv4 .podium-name{font-size:.44rem;font-weight:800;color:var(--text-2);letter-spacing:.04em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34px}
  .fmlv4 .podium-score{font-size:.52rem;font-weight:900;color:var(--text-1)}
  .fmlv4 .podium-block{width:32px;border-radius:3px 3px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:3px;position:relative}
  .fmlv4 .podium-rank{font-size:.55rem;font-weight:900;color:rgba(0,0,0,.7)}
  .fmlv4 .podium-gold .podium-block{background:linear-gradient(to bottom,color-mix(in srgb,var(--amber) 80%,white),var(--amber));box-shadow:0 0 12px color-mix(in srgb,var(--amber) 45%,transparent)}
  .fmlv4 .podium-silver .podium-block{background:linear-gradient(to bottom,#d0d8e4,#9ba8b8)}
  .fmlv4 .podium-bronze .podium-block{background:linear-gradient(to bottom,#d4916a,#a0603a)}
  .fmlv4 .podium-winner-badge{font-size:.42rem;font-weight:900;background:linear-gradient(90deg,var(--pink),#e879f9);color:#fff;padding:1px 5px;border-radius:999px;letter-spacing:.06em;animation:badgePop .5s cubic-bezier(.2,.8,.3,1) 1 backwards;box-shadow:0 2px 6px color-mix(in srgb,var(--pink) 40%,transparent)}
  @keyframes podiumSpot{0%,100%{transform:translateX(-50%) rotate(-6deg)}50%{transform:translateX(-50%) rotate(6deg)}}
  @keyframes badgePop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}

  .fmlv4 .bingo-wrap{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%}
  .fmlv4 .bingo-header{display:flex;gap:2px;margin-bottom:1px}
  .fmlv4 .bingo-col-label{width:16px;height:12px;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:900;color:var(--amber);text-shadow:0 0 6px color-mix(in srgb,var(--amber) 50%,transparent)}
  .fmlv4 .bingo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}
  .fmlv4 .bingo-cell{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:.42rem;font-weight:900;color:var(--text-3);background:var(--surface);transition:all .25s}
  .fmlv4 .bingo-cell.hit{background:radial-gradient(circle,color-mix(in srgb,var(--amber) 70%,white),var(--amber));border-color:var(--amber);color:#0a0500;box-shadow:0 0 6px color-mix(in srgb,var(--amber) 55%,transparent);animation:bingoPop .4s cubic-bezier(.2,.8,.3,1) 1}
  .fmlv4 .bingo-cell.free{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 60%,white),var(--accent));border-color:var(--accent);color:#062918;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 40%,transparent)}
  .fmlv4 .bingo-cell.ring{animation:bingoRing 1s ease-out 1}
  @keyframes bingoPop{0%{transform:scale(.4);opacity:.4}70%{transform:scale(1.2)}100%{transform:scale(1)}}
  @keyframes bingoRing{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--amber) 70%,transparent)}100%{box-shadow:0 0 0 12px transparent}}
  @keyframes cfFall{0%{transform:translateY(-8px) rotate(var(--cf-rot,0deg));opacity:.9}100%{transform:translateY(130px) rotate(calc(var(--cf-rot,0deg) + 540deg));opacity:0}}



html[data-theme="dark"] .fmlv4, html[data-theme="dark"] .fmlv4 * {
  color-scheme: dark;
}
html[data-theme="light"] .fmlv4, html[data-theme="light"] .fmlv4 * {
  color-scheme: light;
}
html[data-theme="dark"] .fmlv4 {
  --bg: #0b0e13 !important;
  --surface: #151b24 !important;
  --surface-2: #1e2632 !important;
  --card: #1a212c !important;
  --border: rgba(255,255,255,0.08) !important;
  --border-2: rgba(255,255,255,0.14) !important;
  --text-1: #e7edf5 !important;
  --text-2: #a8b3c4 !important;
  --text-3: #6b7689 !important;
  --accent: var(--bh-blue,#0A84FF) !important;
  --accent-soft: rgba(var(--accent-rgb),0.1) !important;
  --accent-glow: rgba(var(--accent-rgb),0.3) !important;
  --color-on-accent: var(--on-accent-ink, #fff) !important;
  --blue: #3B82F6 !important;
  --amber: #F59E0B !important;
  --purple: #8B5CF6 !important;
  --pink: #EC4899 !important;
  --red: #EF4444 !important;
  background: #0b0e13 !important;
  color: #e7edf5 !important;
}
html[data-theme="dark"] .fmlv4 .tpl-card,
html[data-theme="dark"] .fmlv4 .opt-card,
html[data-theme="dark"] .fmlv4 .variant-card,
html[data-theme="dark"] .fmlv4 .field-list,
html[data-theme="dark"] .fmlv4 .field-row,
html[data-theme="dark"] .fmlv4 .wiz-tip,
html[data-theme="dark"] .fmlv4 .raw-editor-shell,
html[data-theme="dark"] .fmlv4 .style-row,
html[data-theme="dark"] .fmlv4 .done-card,
html[data-theme="dark"] .fmlv4 .name-input,
html[data-theme="dark"] .fmlv4 .formula-bar,
html[data-theme="dark"] .fmlv4 .conf-modal-box,
html[data-theme="dark"] .fmlv4 .search-input,
html[data-theme="dark"] .fmlv4 input[type="text"],
html[data-theme="dark"] .fmlv4 input[type="number"],
html[data-theme="dark"] .fmlv4 textarea,
html[data-theme="dark"] .fmlv4 select {
  background: rgba(255,255,255,0.06) !important;
  color: var(--bh-ink) !important;
  border-color: var(--bh-edge) !important;
}
html[data-theme="dark"] .fmlv4 .tpl-card:hover,
html[data-theme="dark"] .fmlv4 .opt-card:hover,
html[data-theme="dark"] .fmlv4 .variant-card:hover {
  border-color: color-mix(in srgb,var(--bh-blue) 45%,transparent) !important;
}
html[data-theme="dark"] .fmlv4 .tpl-card.selected,
html[data-theme="dark"] .fmlv4 .opt-card.selected,
html[data-theme="dark"] .fmlv4 .variant-card.selected,
html[data-theme="dark"] .fmlv4 .field-row.selected {
  border-color: var(--bh-blue) !important;
  background: color-mix(in srgb,var(--bh-blue) 12%,transparent) !important;
}
html[data-theme="dark"] .fmlv4 .btn {
  background: rgba(255,255,255,0.08) !important;
  color: var(--bh-ink) !important;
  border: 1px solid var(--bh-edge) !important;
}
html[data-theme="dark"] .fmlv4 .btn:hover { background: rgba(255,255,255,0.14) !important; border-color: color-mix(in srgb,var(--bh-blue) 45%,transparent) !important; }
html[data-theme="dark"] .fmlv4 .btn-primary { background: var(--bh-blue) !important; color: var(--on-accent-ink) !important; border-color: var(--bh-blue) !important; }
html[data-theme="dark"] .fmlv4 .btn-primary:hover { background: var(--bh-blue-2) !important; border-color: var(--bh-blue-2) !important; }
html[data-theme="dark"] .fmlv4 .btn-ghost { background: transparent !important; border-color: var(--bh-edge) !important; }
html[data-theme="dark"] .fmlv4 .chip {
  background: rgba(255,255,255,0.06) !important;
  color: var(--bh-ink-2) !important;
  border-color: var(--bh-edge) !important;
}
html[data-theme="dark"] .fmlv4 .chip.active { background: rgba(var(--accent-rgb),0.1) !important; color: var(--accent) !important; border-color: var(--accent) !important; }
html[data-theme="dark"] .fmlv4 .viz-preview { background: #07090d !important; }
html[data-theme="dark"] .fmlv4 .viz-num { color: #e7edf5 !important; }
html[data-theme="dark"] .fmlv4 .section-banner { color: #e7edf5 !important; }
html[data-theme="dark"] .fmlv4 .section-banner-icon { background: #151b24 !important; color: #e7edf5 !important; }
html[data-theme="dark"] .fmlv4 .section-banner-title { color: #e7edf5 !important; }
html[data-theme="dark"] .fmlv4 .section-banner-sub { color: #6b7689 !important; }

html[data-theme="light"] .fmlv4 .tpl-card,
html[data-theme="light"] .fmlv4 .opt-card,
html[data-theme="light"] .fmlv4 .variant-card,
html[data-theme="light"] .fmlv4 .field-list,
html[data-theme="light"] .fmlv4 .field-row,
html[data-theme="light"] .fmlv4 .wiz-tip,
html[data-theme="light"] .fmlv4 .raw-editor-shell,
html[data-theme="light"] .fmlv4 .style-row,
html[data-theme="light"] .fmlv4 .done-card,
html[data-theme="light"] .fmlv4 .name-input,
html[data-theme="light"] .fmlv4 .formula-bar,
html[data-theme="light"] .fmlv4 .conf-modal-box,
html[data-theme="light"] .fmlv4 .search-input,
html[data-theme="light"] .fmlv4 input[type="text"],
html[data-theme="light"] .fmlv4 input[type="number"],
html[data-theme="light"] .fmlv4 textarea,
html[data-theme="light"] .fmlv4 select {
  background: rgba(255,255,255,0.55) !important;
  color: var(--bh-ink) !important;
  border-color: var(--bh-edge) !important;
}
html[data-theme="light"] .fmlv4 .tpl-card:hover,
html[data-theme="light"] .fmlv4 .opt-card:hover,
html[data-theme="light"] .fmlv4 .variant-card:hover {
  border-color: color-mix(in srgb,var(--bh-blue) 45%,transparent) !important;
}
html[data-theme="light"] .fmlv4 .btn {
  background: rgba(255,255,255,0.55) !important;
  color: var(--bh-ink) !important;
  border: 1px solid var(--bh-edge) !important;
}
html[data-theme="light"] .fmlv4 .btn:hover { background: rgba(255,255,255,0.78) !important; border-color: color-mix(in srgb,var(--bh-blue) 45%,transparent) !important; }
html[data-theme="light"] .fmlv4 .btn-ghost { background: transparent !important; border-color: var(--bh-edge) !important; }
html[data-theme="light"] .fmlv4 .chip {
  background: rgba(255,255,255,0.55) !important;
  color: var(--bh-ink-2) !important;
  border-color: var(--bh-edge) !important;
}
html[data-theme="light"] .fmlv4 .viz-preview { background: #f4f5f7 !important; }
html[data-theme="light"] .fmlv4 .viz-num { color: #1a1d26 !important; }
html[data-theme="light"] .fmlv4 .section-banner { color: #1a1d26 !important; }
html[data-theme="light"] .fmlv4 .section-banner-icon { background: #f4f5f7 !important; color: #1a1d26 !important; }
html[data-theme="light"] .fmlv4 .section-banner-title { color: #1a1d26 !important; }
html[data-theme="light"] .fmlv4 .section-banner-sub { color: #6b7280 !important; }

.screen[data-screen="data-studio"] > .fmlv4 { min-height: calc(100vh - 60px); }


html .fmlv4 label:has(#emptyToggle),
html .fmlv4 label:has(#mineEmptyToggle),
html .fmlv4 label:has(#zeroDataToggle),
html .fmlv4 div:has(> label:has(#emptyToggle)),
html .fmlv4 div:has(> label > #emptyToggle) { display: none !important; }

.insp-section .pill-row{display:flex;flex-wrap:wrap;gap:4px}
.insp-section .pill-btn{padding:5px 10px;border-radius:var(--bh-r-pill);border:1px solid var(--bh-edge);background:rgba(255,255,255,.42);color:var(--bh-ink-2);cursor:pointer;font-size:.66rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;font-family:inherit;line-height:1.2;position:relative}
html[data-theme="dark"] .insp-section .pill-btn{background:rgba(255,255,255,.06)}
.insp-section .pill-btn:hover{color:var(--bh-ink);border-color:var(--bh-ink-3);background:rgba(255,255,255,.6)}
html[data-theme="dark"] .insp-section .pill-btn:hover{background:rgba(255,255,255,.1)}
.insp-section .pill-btn.active{background:var(--bh-blue);color:var(--on-accent-ink);border-color:var(--bh-blue)}
.insp-section .pill-btn[data-smart-default]::after{content:'';position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:50%;background:var(--blue);opacity:.8}
.insp-section .pill-btn.active[data-smart-default]::after{background:rgba(0,0,0,0.35)}
.insp-section .swatch-row{display:flex;flex-wrap:wrap;gap:8px}
.insp-section .color-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;padding:0;transition:all .15s}
.insp-section .color-swatch:hover{transform:scale(1.08)}
.insp-section .color-swatch.active{border-color:var(--text-1);transform:scale(1.12);box-shadow:0 0 0 2px var(--bg)}
.insp-section .color-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:360px){ .insp-actions{flex-wrap:wrap} .insp-action-btn{flex:1 1 calc(50% - 4px)} }
.insp-collapse .insp-collapse-head{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;padding:2px 0;margin-bottom:6px}
.insp-collapse .insp-collapse-head:hover{color:var(--text-1)}
.insp-collapse .insp-chev{font-size:.7rem;color:var(--text-3);transition:transform .15s;line-height:1}
.insp-collapse.collapsed .insp-chev{transform:rotate(-90deg)}
.insp-collapse.collapsed .insp-collapse-body{display:none}
.insp-collapse:not(.collapsed) .insp-collapse-body{display:block}
.pill-group-wrap{margin-bottom:10px}
.pill-group-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:700;margin-bottom:5px;display:flex;align-items:center;gap:4px}
.insp-tip{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:var(--card-3);border:1px solid var(--border);color:var(--text-3);font-size:.5rem;font-weight:800;cursor:help;flex-shrink:0;line-height:1;vertical-align:middle}
.insp-tip:hover{border-color:var(--text-2);color:var(--text-2)}
.insp-divider{height:1px;background:var(--bh-edge);margin:10px 0}
.insp-fmt-preview{padding:8px 12px;background:var(--card);border:1px solid var(--border-2);border-radius:8px;font-size:1.5rem;font-weight:800;color:var(--accent);letter-spacing:-.02em;text-align:center;margin-bottom:8px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:color .2s}
.insp-fmt-preview .fmt-sub{font-size:.54rem;font-weight:600;color:var(--text-3);letter-spacing:.04em;margin-top:2px}
.insp-fml-quick{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-top:8px}
.insp-fml-quick-head{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}
.insp-fml-quick-head .fq-title{font-size:.62rem;font-weight:700;color:var(--text-2);display:flex;align-items:center;gap:5px}
.insp-fml-quick-head .fq-chev{font-size:.6rem;color:var(--text-3);transition:transform .15s}
.insp-fml-quick.open .fq-chev{transform:rotate(90deg)}
.insp-fml-quick-body{display:none;padding-top:8px}
.insp-fml-quick.open .insp-fml-quick-body{display:block}
.fq-row{display:flex;gap:6px;margin-bottom:6px}
.fq-row select,.fq-row input{flex:1;padding:5px 8px;background:var(--card-2);border:1px solid var(--border);border-radius:6px;color:var(--text-1);font-family:inherit;font-size:.66rem;outline:none}
.fq-row select:focus,.fq-row input:focus{border-color:var(--accent)}
.fq-preview{padding:5px 9px;background:var(--card-2);border-radius:6px;font-size:.62rem;color:var(--text-3);margin-bottom:6px;line-height:1.4;font-family:var(--bh-mono);font-variant-numeric:tabular-nums}
.insp-actions{display:flex;gap:6px;padding:10px 12px 12px;border-top:1px solid var(--bh-edge);margin-top:4px}
.insp-action-btn{flex:1;padding:7px 10px;border:1px solid var(--bh-edge);border-radius:var(--bh-r-tile);background:rgba(255,255,255,.42);color:var(--bh-ink-2);font-family:inherit;font-size:.62rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .15s,border-color .15s,color .15s}
html[data-theme="dark"] .insp-action-btn{background:rgba(255,255,255,.06)}
.insp-action-btn:hover{border-color:var(--bh-ink-3);color:var(--bh-ink);background:rgba(255,255,255,.6)}
html[data-theme="dark"] .insp-action-btn:hover{background:rgba(255,255,255,.1)}
.insp-action-btn.danger:hover{border-color:color-mix(in srgb,var(--red) 40%,transparent);color:var(--red);background:color-mix(in srgb,var(--red) 14%,transparent)}
.insp-action-btn.copy-mode{border-color:var(--bh-blue);color:var(--accent-ink);background:var(--accent-soft)}
body.canvas-copy-mode .cv-board{cursor:crosshair}
body.canvas-copy-mode .w[data-wtype]:not(.sel){outline:2px dashed rgba(var(--accent-rgb),0.35);outline-offset:2px;transition:outline-color .12s}
body.canvas-copy-mode .w[data-wtype]:not(.sel):hover{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--accent-rgb),0.15)}
.smart-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;background:rgba(59,158,255,0.1);border:1px solid rgba(59,158,255,0.25);border-radius:100px;font-size:.5rem;font-weight:700;color:var(--blue);letter-spacing:.04em;margin-left:auto}
.insp-hint{font-size:.57rem;color:var(--bh-ink-2);margin-top:4px;line-height:1.4;padding:5px 8px;background:rgba(255,255,255,.18);border-radius:8px;border-left:2px solid var(--bh-edge)}
html[data-theme="dark"] .insp-hint{background:rgba(255,255,255,.04)}
.insp-tab .tab-ct{display:inline-block;padding:1px 5px;background:var(--bh-track);border-radius:100px;font-size:.5rem;font-weight:700;margin-left:3px;color:var(--text-3);vertical-align:middle}
.insp-tab.active .tab-ct{background:rgba(var(--accent-rgb),0.15);color:var(--accent)}
.einsp.stack-mode .insp-tabs{display:none}
.einsp.stack-mode .insp-pane{display:none !important}
.einsp.stack-mode .insp-widget-id,
.einsp.stack-mode .insp-user-preview{display:none}

.stk-preview{
  margin:10px 10px 14px;background:linear-gradient(180deg,rgba(var(--accent-rgb),0.05),transparent 60%);
  border:1px solid var(--border);border-left:3px solid var(--accent);
  border-radius:12px;padding:10px;position:relative;
}
.stk-preview-head{display:flex;align-items:center;gap:9px;margin-bottom:9px;min-width:0}

.stk-bulk-head{margin:10px 10px 14px;background:linear-gradient(180deg,rgba(59,158,255,0.08),transparent 60%);border:1px solid var(--border);border-left:3px solid var(--blue,#3b9eff);border-radius:12px;padding:12px}
.stk-bulk-head-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.stk-bulk-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,rgba(59,158,255,.22),rgba(167,139,250,.14));display:grid;place-items:center;color:var(--blue,#3b9eff);font-size:1rem;flex-shrink:0}
.stk-bulk-info{flex:1;min-width:0}
.stk-bulk-title{font-size:.9rem;font-weight:800;color:var(--text-1);letter-spacing:-.01em}
.stk-bulk-meta{font-size:.65rem;color:var(--text-3);font-weight:600;margin-top:1px}
.stk-bulk-exit{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text-2);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,color .12s}
.stk-bulk-exit:hover{background:rgba(255,255,255,.1);color:var(--text-1)}
.stk-bulk-hint{font-size:.62rem;color:var(--text-3);line-height:1.45;padding:6px 10px;background:rgba(59,158,255,.05);border-radius:6px;border:1px dashed rgba(59,158,255,.2)}
.stk-card-bulk{position:relative;border-color:rgba(59,158,255,.2)!important}
.stk-card-bulk .stk-card-bulk-badge{margin-left:auto;font-size:.55rem;font-weight:800;letter-spacing:.05em;background:rgba(59,158,255,.15);color:var(--blue,#3b9eff);padding:2px 7px;border-radius:99px;border:1px solid rgba(59,158,255,.25);font-variant-numeric:tabular-nums}
.bulk-mixed{display:inline-block;margin-left:6px;font-size:.55rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);background:rgba(245,158,11,.12);padding:1px 6px;border-radius:99px;border:1px solid rgba(245,158,11,.25)}
.stk-card-bulk .bulk-input,
.stk-card-bulk select.bulk-input{border-color:rgba(59,158,255,.18)}
.stk-card-bulk .bulk-input:focus,
.stk-card-bulk select.bulk-input:focus{border-color:var(--blue,#3b9eff)}
.stk-card-bulk .bulk-pillrow button.active{background:rgba(59,158,255,.18);color:var(--blue,#3b9eff);border-color:rgba(59,158,255,.4)}
.stk-card-bulk .bulk-mixed-input,
.stk-card-bulk input.bulk-mixed-input,
.stk-card-bulk select.bulk-mixed-input{border-color:rgba(245,158,11,.35)!important;background:rgba(245,158,11,.04)}
.stk-card-bulk .cc-pillrow.bulk-mixed-input{border:1px dashed rgba(245,158,11,.35);border-radius:6px;padding:2px}

.stk-attached-bar{margin:10px 10px 12px;background:linear-gradient(180deg,rgba(167,139,250,0.10),transparent 60%);border:1px solid rgba(167,139,250,0.28);border-left:3px solid var(--purple,#a78bfa);border-radius:12px;padding:11px 12px;display:flex;flex-direction:column;gap:9px}
.stk-attached-bar-head{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:800;color:var(--text-1);letter-spacing:-.005em}
.stk-attached-bar-head .ic{color:var(--purple,#a78bfa);font-size:.95rem}
.stk-attached-bar-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stk-attached-bar-gid{font-size:.52rem;font-weight:700;letter-spacing:.08em;color:var(--purple,#a78bfa);background:rgba(167,139,250,0.12);padding:2px 7px;border-radius:99px;border:1px solid rgba(167,139,250,0.25);font-variant-numeric:tabular-nums;text-transform:uppercase}
.stk-attached-bar-hint{font-size:.62rem;color:var(--text-3);line-height:1.45;padding:6px 9px;background:rgba(167,139,250,0.05);border-radius:6px;border:1px dashed rgba(167,139,250,0.22)}
.stk-attached-bar-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.7rem;color:var(--text-2);font-weight:600;padding:4px 0;user-select:none}
.stk-attached-bar-toggle input[type="checkbox"]{width:14px;height:14px;accent-color:var(--purple,#a78bfa);cursor:pointer;flex-shrink:0}
.stk-attached-bar-btn{display:inline-flex;align-items:center;gap:6px;justify-content:center;background:rgba(167,139,250,0.14);border:1px solid rgba(167,139,250,0.32);color:var(--purple,#a78bfa);border-radius:7px;padding:7px 11px;font-size:.68rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s;letter-spacing:-.005em}
.stk-attached-bar-btn:hover{background:rgba(167,139,250,0.22);border-color:rgba(167,139,250,0.45)}
.stk-attached-bar-btn .ic{font-size:.8rem}
.stk-attached-bar-btn--ghost{background:transparent;border-color:rgba(167,139,250,0.2);color:var(--text-2);font-weight:600}
.stk-attached-bar-btn--ghost:hover{background:rgba(167,139,250,0.08);color:var(--purple,#a78bfa)}
.einsp[data-attached-role="slave"] .stk-card[data-category="data"]:not([data-overridden="1"]){
  opacity:.42;
  pointer-events:none;
  filter:saturate(.55);
  transition:opacity .15s,filter .15s;
}
.einsp[data-attached-role="slave"] .stk-card[data-category="data"]:not([data-overridden="1"]) .stk-card-head{
  cursor:not-allowed;
}
.stk-attached-bar-overrides{display:flex;flex-direction:column;gap:5px;padding:7px 9px;background:rgba(245,158,11,0.06);border:1px dashed rgba(245,158,11,0.22);border-radius:6px}
.stk-attached-bar-overrides-label{font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin-bottom:2px}
.stk-attached-bar-overrides .stk-attached-bar-toggle{padding:2px 0;font-size:.68rem}
.stk-attached-bar-overrides .stk-attached-bar-toggle input[type="checkbox"]{accent-color:var(--amber)}

.stk-attached-bar-theme{display:flex;flex-direction:column;gap:5px;padding:7px 9px;background:rgba(167,139,250,0.06);border:1px dashed rgba(167,139,250,0.22);border-radius:6px}
.stk-attached-bar-theme-row{display:flex;flex-direction:column;gap:5px}
.stk-attached-bar-theme-select{width:100%;background:var(--surface,#0f1320);border:1px solid var(--border,rgba(255,255,255,0.08));color:var(--text-1);font-size:.7rem;font-family:inherit;padding:6px 8px;border-radius:6px;cursor:pointer;font-weight:600}
.stk-attached-bar-theme-select:focus{outline:1px solid rgba(167,139,250,0.6);outline-offset:0;border-color:rgba(167,139,250,0.45)}

.stk-attached-bar-arrange{display:flex;flex-direction:column;gap:6px;padding:8px 9px;background:rgba(167,139,250,0.06);border:1px dashed rgba(167,139,250,0.22);border-radius:6px}
.stk-attached-bar-arrange-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.stk-attached-bar-btn--arrange{padding:8px 6px;font-size:.64rem;letter-spacing:-.005em;line-height:1.1;justify-content:flex-start;gap:5px}
.stk-attached-bar-btn--arrange .ic{font-size:.85rem;flex-shrink:0}
.stk-attached-bar-arrange-hint{font-size:.55rem;color:var(--text-3);font-style:italic;line-height:1.4;padding:0 2px}

.stk-preview-icon{
  width:32px;height:32px;border-radius:8px;flex-shrink:0;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),0.22),rgba(var(--accent-rgb),0.14));
  display:grid;place-items:center;color:var(--accent);font-size:1rem;
  box-shadow:0 0 10px rgba(var(--accent-rgb),0.18);
}
.stk-preview-info{flex:1;min-width:0}
.stk-preview-name{font-size:.78rem;font-weight:800;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}
.stk-preview-meta{font-size:.52rem;color:var(--text-3);margin-top:1px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.stk-preview-skift{
  flex-shrink:0;font-size:.55rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:5px 9px;background:var(--card-3);border:1px solid var(--border-2);border-radius:6px;
  color:var(--text-2);cursor:pointer;font-family:inherit;transition:all .15s;
}
.stk-preview-skift:hover{border-color:var(--accent);color:var(--accent)}
.stk-preview-frame{
  background:var(--card);border:1px solid var(--border);border-radius:9px;
  overflow:hidden;height:160px;position:relative;
}
.stk-preview-frame::after{
  content:'LIVE';position:absolute;top:6px;right:8px;
  font-size:.42rem;font-weight:800;letter-spacing:.12em;
  color:var(--accent);background:rgba(var(--accent-rgb),0.15);
  padding:2px 6px;border-radius:3px;z-index:5;pointer-events:none;
  border:1px solid rgba(var(--accent-rgb),0.25);
}
.stk-preview-frame .pv-inner{
  position:absolute;top:0;left:0;
  transform-origin:top left;
  transform:scale(var(--pv-scale,0.4));
  pointer-events:none;
}
.stk-preview-frame .pv-inner > .w{
  position:relative !important;
  border:1px solid var(--border) !important;
  background:var(--card) !important;
  margin:0 !important;
  transform:none !important;animation:none !important;
  pointer-events:none;
  display:flex !important;flex-direction:column !important;
}
.stk-preview-frame .pv-inner *{pointer-events:none}

.ttx-h-sortable{ cursor:pointer; user-select:none; transition:color .12s; display:flex; align-items:center; gap:3px; width:100%; box-sizing:border-box; }
.ttx-h-sortable:hover{ color:var(--text-1); }
.ttx-h-active{ color:var(--accent) !important; font-weight:800; }
.ttx-sort-arrow{ font-size:clamp(.42rem,1.7cqi,.62rem); opacity:.85; }
.ttx-h[style*="text-align:right"] .ttx-h-sortable,
.ttx-h-sortable[style*="text-align:right"]{ justify-content:flex-end; }

.dialer-badge{
  display:inline-flex;flex-shrink:0;
  width:10px;height:10px;
  margin-left:auto;
  border-radius:50%;
  position:relative;
}
.dialer-badge .dialer-camp{ display:none; }
.dialer-badge .dialer-pulse,
.dialer-badge .dialer-dot{ display:none; }
.dialer-incall{
  background:var(--accent);
  box-shadow:0 0 0 2px rgba(var(--accent-rgb),0.20),0 0 8px rgba(var(--accent-rgb),0.55);
  animation:dialer-pulse 1.4s ease-in-out infinite;
}
.dialer-wrapup{
  background:var(--amber);
  box-shadow:0 0 0 2px rgba(245,158,11,0.20);
}
.dialer-idle{
  background:#9ca3af;
  box-shadow:0 0 0 2px rgba(160,170,185,0.18);
}
.dialer-offline{
  background:rgba(100,110,125,0.55);
  box-shadow:0 0 0 1px rgba(100,110,125,0.30);
}
@keyframes dialer-pulse{
  0%,100% { box-shadow:0 0 0 2px rgba(var(--accent-rgb),0.20),0 0 8px rgba(var(--accent-rgb),0.55); }
  50%     { box-shadow:0 0 0 5px rgba(var(--accent-rgb),0.10),0 0 14px rgba(var(--accent-rgb),0.35); }
}
@media (prefers-reduced-motion: reduce){
  .dialer-pulse{ animation:none; }
}

.lstat-counter{
  display:inline-flex;align-items:center;
  margin-left:auto;margin-right:6px;
  padding:2px 8px;border-radius:99px;
  background:rgba(var(--accent-rgb),0.14);color:var(--accent);
  font-size:.58rem;font-weight:800;letter-spacing:.02em;
  border:1px solid rgba(var(--accent-rgb),0.28);
}
.lstat-body{
  flex:1;overflow-y:auto;
  display:flex;flex-direction:column;gap:3px;
  padding:6px 4px 4px;min-height:0;
}
.lstat-body::-webkit-scrollbar{ width:4px; }
.lstat-body::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.08); border-radius:2px; }
.lstat-row{
  display:grid;grid-template-columns:14px 1fr auto auto;align-items:center;
  gap:8px;padding:7px 10px;
  background:linear-gradient(90deg, rgba(var(--accent-rgb),0.07), rgba(var(--accent-rgb),0.02) 60%, transparent);
  border-left:2px solid var(--accent);
  border-radius:6px;
  font-size:.7rem;
  transition:background .15s;
}
.lstat-row:hover{ background:linear-gradient(90deg, rgba(var(--accent-rgb),0.12), rgba(var(--accent-rgb),0.04) 60%, transparent); }
.lstat-row.lstat-wrap,
.lstat-row.lstat-st-wrapup{
  background:linear-gradient(90deg, rgba(245,158,11,0.07), rgba(245,158,11,0.02) 60%, transparent);
  border-left-color:var(--amber);
}
.lstat-row.lstat-wrap .lstat-pulse,
.lstat-row.lstat-st-wrapup .lstat-pulse{ color:var(--amber); background:var(--amber); animation:none; opacity:.85; }
.lstat-row.lstat-st-idle{
  background:transparent;
  border-left-color:rgba(160,170,185,0.3);
  opacity:.85;
}
.lstat-row.lstat-st-idle .lstat-pulse{
  background:rgba(160,170,185,0.5); color:rgba(160,170,185,0.5); animation:none;
}
.lstat-row.lstat-st-offline{
  background:transparent;
  border-left-color:rgba(100,110,125,0.2);
  opacity:.5;
}
.lstat-row.lstat-st-offline .lstat-pulse{
  background:rgba(100,110,125,0.4); color:rgba(100,110,125,0.4); animation:none;
}
.lstat-row.lstat-st-offline .lstat-name{ color:var(--text-3); font-weight:600; }
.lstat-pulse{
  width:8px;height:8px;border-radius:50%;
  background:var(--accent);color:var(--accent);
  animation:dialer-pulse 1.4s ease-in-out infinite;
  justify-self:center;
}
.lstat-name{ font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0; }
.lstat-camp{
  font-size:.62rem;color:var(--text-2);font-weight:600;
  background:rgba(255,255,255,0.04);
  padding:2px 7px;border-radius:99px;
  border:1px solid var(--border);
  max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lstat-since{ font-size:.55rem;color:var(--text-3);font-weight:700;font-variant-numeric:tabular-nums;min-width:24px;text-align:right; }
.lstat-divider{ font-size:.54rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:8px 6px 2px; }
html[data-theme="light"] .lstat-row{ background:linear-gradient(90deg, rgba(var(--accent-rgb),0.08), rgba(var(--accent-rgb),0.02) 60%, transparent); }
html[data-theme="light"] .lstat-row.lstat-wrap{ background:linear-gradient(90deg, rgba(184,112,0,0.08), rgba(184,112,0,0.02) 60%, transparent); }
html[data-theme="light"] .lstat-camp{ background:#ffffff;border:1px solid rgba(15,23,42,0.12);color:var(--text-2); }

@keyframes value-flash-up {
  0%   { box-shadow: 0 0 0 0 rgba(var(--accent-rgb),0); }
  15%  { box-shadow: 0 0 0 3px rgba(var(--accent-rgb),0.55), 0 0 28px rgba(var(--accent-rgb),0.45); }
  100% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb),0); }
}
@keyframes value-flash-down {
  0%   { box-shadow: 0 0 0 0 rgba(239,68,68,0); }
  15%  { box-shadow: 0 0 0 3px rgba(239,68,68,0.50), 0 0 28px rgba(239,68,68,0.35); }
  100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); }
}
.w.value-changed-up    { animation: value-flash-up   1.5s ease-out; }
.w.value-changed-down  { animation: value-flash-down 1.5s ease-out; }
@keyframes number-pulse-up {
  0%   { transform: scale(1); }
  20%  { transform: scale(1.10); color: var(--accent); text-shadow: 0 0 14px rgba(var(--accent-rgb),0.65); }
  60%  { transform: scale(1.04); }
  100% { transform: scale(1); }
}
@keyframes number-pulse-down {
  0%   { transform: scale(1); }
  20%  { transform: scale(0.96); color: var(--red); text-shadow: 0 0 12px rgba(239,68,68,0.55); }
  100% { transform: scale(1); }
}
.w.value-changed-up   [data-fld="value"]{ animation: number-pulse-up   1.4s ease-out; display:inline-block; transform-origin:center; }
.w.value-changed-down [data-fld="value"]{ animation: number-pulse-down 1.4s ease-out; display:inline-block; transform-origin:center; }

.w.value-changed-up::before{
  content: '';
  position: absolute; top: 8px; right: 8px;
  width: 1.3rem; height: 1.3rem; background: var(--accent);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l1.6 6.4L20 10l-6.4 1.6L12 18l-1.6-6.4L4 10l6.4-1.6L12 2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l1.6 6.4L20 10l-6.4 1.6L12 18l-1.6-6.4L4 10l6.4-1.6L12 2z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  animation: spark-rise 1.4s ease-out forwards;
  pointer-events: none; z-index: 5;
  filter: drop-shadow(0 0 6px rgba(var(--accent-rgb),0.6));
}
@keyframes spark-rise {
  0%   { opacity: 0; transform: translateY(0) scale(0.8) rotate(0deg); }
  20%  { opacity: 1; transform: translateY(-2px) scale(1.2) rotate(15deg); }
  100% { opacity: 0; transform: translateY(-18px) scale(1) rotate(45deg); }
}

.value-delta-float{
  position:absolute;
  top:14px;
  left:50%;
  transform:translateX(-50%);
  font-family:var(--bh-body);
  font-weight:900;
  font-size:1.6rem;
  letter-spacing:-.02em;
  pointer-events:none;
  z-index:6;
  animation:value-delta-float 1.6s ease-out forwards;
  text-shadow:0 2px 12px rgba(0,0,0,0.4);
}
.value-delta-float.up{ color:var(--accent); }
.value-delta-float.down{ color:var(--red); }
@keyframes value-delta-float{
  0%   { opacity:0; transform:translate(-50%, 14px) scale(.8); }
  18%  { opacity:1; transform:translate(-50%, 0) scale(1.15); }
  35%  { opacity:1; transform:translate(-50%, -6px) scale(1); }
  100% { opacity:0; transform:translate(-50%, -42px) scale(.95); }
}
body.canvas-tv-mode .value-delta-float{
  font-size:2.4rem !important;
  animation-duration:2.2s !important;
}
@media (prefers-reduced-motion: reduce){
  .value-delta-float{ animation:none !important; opacity:0 !important; }
}

@media (prefers-reduced-motion: reduce){
  .w.value-changed-up, .w.value-changed-down,
  .w.value-changed-up [data-fld="value"], .w.value-changed-down [data-fld="value"]{
    animation: none !important;
  }
  .w.value-changed-up::before{ display: none !important; }
}

.stk-chrome{
  position:sticky; top:var(--insp-drag-h, 0px); z-index:5;
  background:linear-gradient(180deg, var(--bg-2,var(--card-2)) 0%, var(--bg-2,var(--card-2)) 80%, transparent 100%);
  padding:8px 10px 6px;
  border-bottom:1px solid var(--border);
}
.stk-search{
  display:flex; align-items:center; gap:6px;
  background:var(--card-3,rgba(255,255,255,0.03));
  border:1px solid var(--border);
  border-radius:8px; padding:6px 10px; margin-bottom:8px;
  transition:border-color .15s, box-shadow .15s;
}
.stk-search:focus-within{
  border-color:var(--accent);
}
.stk-search i.ic{ color:var(--text-3); font-size:.75rem; flex-shrink:0; }
.stk-search-input{
  flex:1; min-width:0;
  background:transparent; border:none; outline:none;
  color:var(--text-1); font-family:inherit; font-size:.7rem; font-weight:500;
  padding:0;
}
.stk-search-input::placeholder{ color:var(--text-3); }
.stk-search-clear{
  width:18px; height:18px; border:none; background:rgba(255,255,255,0.08);
  color:var(--text-2); border-radius:50%; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size:.85rem; line-height:1; padding:0; flex-shrink:0;
  transition:background .12s;
}
.stk-search-clear:hover{ background:rgba(255,255,255,0.16); color:var(--text-1); }
html[data-theme="light"] .stk-search-clear{ background:rgba(15,23,42,0.10); }
html[data-theme="light"] .stk-search-clear:hover{ background:rgba(15,23,42,0.18); }

.stk-tabs{
  display:flex; gap:4px;
  background:rgba(255,255,255,0.02);
  border:1px solid var(--border);
  border-radius:8px; padding:3px;
}
html[data-theme="light"] .stk-tabs{ background:rgba(15,23,42,0.04); }
.stk-tab{
  flex:1; padding:7px 10px;
  background:transparent; border:none; border-radius:6px;
  color:var(--text-2); font-family:inherit; font-size:.65rem; font-weight:700;
  letter-spacing:.02em; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:5px;
  transition:background .15s, color .15s;
}
.stk-tab:hover{ color:var(--text-1); background:rgba(255,255,255,0.04); }
html[data-theme="light"] .stk-tab:hover{ background:rgba(15,23,42,0.06); }
.stk-tab.active{
  background:var(--accent);
  color:#000;
  box-shadow:0 1px 4px rgba(var(--accent-rgb),0.30);
}
html[data-theme="light"] .stk-tab.active{
  background:var(--accent); color:#ffffff;
  box-shadow:0 1px 4px rgba(var(--accent-rgb),0.30);
}

.stk-card.stk-hidden-tab{ display:none; }
.stk-stack.stk-searching .stk-card.stk-hidden-tab{ display:block; }
.stk-card.stk-hidden-search{ display:none !important; }

.stk-card{
  margin:6px 10px;background:var(--card);border:1px solid var(--border);
  border-radius:10px;overflow:hidden;transition:border-color .15s;
}
.stk-card:hover{border-color:var(--border-2)}
.stk-card.expanded{border-color:rgba(var(--accent-rgb),0.25)}
.stk-card-head{
  padding:10px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;
  user-select:none;transition:background .15s;
}
.stk-card-head:hover{background:rgba(255,255,255,0.02)}
.stk-card-icon{
  width:24px;height:24px;border-radius:6px;display:grid;place-items:center;
  background:rgba(var(--accent-rgb),0.1);color:var(--accent);font-size:.85rem;flex-shrink:0;
}
.stk-card.expanded .stk-card-icon{background:rgba(var(--accent-rgb),0.18);box-shadow:0 0 8px rgba(var(--accent-rgb),0.25)}
.stk-card-title{flex:1;font-size:.7rem;font-weight:700;color:var(--text-1);min-width:0}
.stk-card-summary{font-size:.6rem;color:var(--text-3);font-weight:500;margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.stk-card.expanded .stk-card-summary{display:none}
.stk-card-chev{
  width:18px;height:18px;color:var(--text-3);transition:transform .2s;flex-shrink:0;
  display:grid;place-items:center;font-size:.8rem;
}
.stk-card.expanded .stk-card-chev{transform:rotate(90deg);color:var(--accent)}
.stk-card-body{
  display:none;padding:0 12px 12px;
}
.stk-card.expanded .stk-card-body{display:block;animation:stkOpen .2s ease-out}
@keyframes stkOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

.stk-card.not-applicable{opacity:.35;cursor:not-allowed}
.stk-card.not-applicable .stk-card-head{cursor:not-allowed}
.stk-card.not-applicable .stk-card-summary{font-style:italic}

.stk-stack .stk-card{ background:var(--card-2); transition:border-color .15s, box-shadow .15s, opacity .15s; }
.stk-stack .stk-card.expanded{ border-color:var(--border-2); box-shadow:0 6px 18px -10px rgba(0,0,0,.6); }
.stk-stack .stk-card.primary{ border-left:2px solid var(--accent); background:var(--card-3); }
.stk-stack .stk-card.primary .stk-card-title{ color:#fff; font-weight:700; }
.stk-stack .stk-card.has-match{ border-color:var(--accent); }
.stk-stack .stk-card.invalid{ border-left:2px solid var(--amber); }
.stk-stack .stk-card.dimmed{ opacity:.32; }
.stk-stack .stk-card-head{ padding:11px 12px; gap:9px; position:relative; }
.stk-stack .stk-card-icon{ border-radius:7px; background:rgba(255,255,255,.05); color:var(--accent); font-size:.72rem; font-family:var(--mono);font-variant-numeric:tabular-nums; font-weight:700; box-shadow:none; }
.stk-stack .stk-card.expanded .stk-card-icon{ background:rgba(255,255,255,.08); box-shadow:none; }
.stk-stack .stk-card-title{ font-family:var(--font-brand); font-size:.86rem; font-weight:600; letter-spacing:-.005em; }
.stk-stack .stk-card-chev{ width:14px; height:14px; font-size:.7rem; }
.stk-stack .stk-card.expanded .stk-card-chev{ color:var(--text-3); }
.stk-stack .stk-card-summary{ margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-family:var(--mono);font-variant-numeric:tabular-nums; font-size:.68rem; font-weight:400; color:var(--text-2); background:rgba(255,255,255,.04); border:1px solid var(--border); padding:2px 9px; border-radius:99px; cursor:pointer; max-width:160px; }
.stk-stack .stk-card-summary:hover{ border-color:var(--accent); color:var(--text-1); }
.stk-stack .stk-card-summary .sw{ width:9px; height:9px; border-radius:3px; flex-shrink:0; }
.stk-stack .stk-card-summary .dot{ width:7px; height:7px; border-radius:50%; flex-shrink:0; }
.stk-stack .stk-card-body{ padding:6px 12px 13px; border-top:1px solid var(--border); }
.stk-stack .cc-row{ padding:7px 6px; border-radius:7px; margin:1px -6px; gap:10px; }
.stk-stack .cc-row.hit{ background:rgba(var(--success-rgb),.12); box-shadow:inset 0 0 0 1px rgba(var(--success-rgb),.3); }
.stk-stack .cc-row.hit .cc-lbl{ color:var(--success); font-weight:600; }
.stk-stack .cc-lbl{ flex:0 0 94px; font-size:.72rem; color:var(--text-2); font-weight:500; text-transform:none; letter-spacing:0; }
.stk-stack .cc-input{ background:var(--card-3); border-radius:7px; font-size:.72rem; min-height:28px; }
.stk-stack .cc-pillrow button.active{ background:var(--accent); color:#062; border-color:transparent; font-weight:700; box-shadow:none; }
.stk-search{ border-color:var(--border-2); border-radius:9px; padding:8px 11px; background:var(--card-2); }
.stk-search-input{ font-size:.82rem; }
.stk-search-cnt{ margin-left:auto; font-size:.66rem; color:var(--accent); font-family:var(--mono);font-variant-numeric:tabular-nums; white-space:nowrap; opacity:0; transition:opacity .15s; }
.stk-search.searching .stk-search-cnt{ opacity:1; }
.stk-search-hint{ margin-top:7px; font-size:.64rem; color:var(--text-3); }
.stk-search-hint b{ color:var(--text-2); font-weight:600; }
.stk-preview-name{ font-family:var(--font-brand); font-size:.95rem; font-weight:700; }
.stk-preview-meta{ text-transform:none; letter-spacing:.01em; font-size:.62rem; font-weight:500; color:var(--text-3); margin-top:2px; }
.einsp .attn{ display:none; align-items:center; gap:8px; margin:10px 12px 0; padding:8px 11px; border-radius:9px; background:rgba(245,158,11,.12); border:1px solid rgba(245,158,11,.32); color:var(--amber); font-size:.74rem; font-weight:600; cursor:pointer; }
.einsp .attn.on{ display:flex; }
.einsp .attn i.ic, .einsp .attn svg{ width:15px; height:15px; flex-shrink:0; }
.einsp .attn .go{ margin-left:auto; font-family:var(--mono);font-variant-numeric:tabular-nums; font-size:.66rem; opacity:.8; }
.stk-stack .divider{ display:flex; align-items:center; gap:9px; margin:13px 14px 8px; color:var(--text-3); font-size:.64rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; user-select:none; }
.stk-stack .divider::before{ content:""; height:1px; flex:1; background:var(--border); }
.stk-stack .divider .car{ transition:transform .2s; display:inline-grid; place-items:center; transform:rotate(90deg); }
.stk-stack .divider.collapsed .car{ transform:rotate(0deg); }
.stk-stack .divider .adv-n{ font-variant-numeric:tabular-nums; }
.stk-stack .stk-card-head .qh{ width:14px; height:14px; border-radius:50%; border:1px solid var(--border-2); color:var(--text-3); font-size:.6rem; display:grid; place-items:center; cursor:help; flex-shrink:0; position:relative; }
.stk-stack .stk-card-head .qh:hover{ color:var(--accent); border-color:var(--accent); }
.stk-stack .stk-card-head .qh .tip{ display:none; position:absolute; top:150%; left:0; transform:none; width:180px; max-width:248px; background:#000; color:#fff; font-size:.66rem; line-height:1.45; font-weight:400; padding:7px 9px; border-radius:7px; z-index:20; box-shadow:0 8px 20px rgba(0,0,0,.5); text-transform:none; letter-spacing:0; white-space:normal; }
.stk-stack .stk-card-head .qh:hover .tip{ display:block; }
.stk-stack .stk-card:has(.qh:hover){ overflow:visible; }
.stk-stack .warn-badge{ width:16px; height:16px; border-radius:50%; display:grid; place-items:center; flex-shrink:0; background:var(--amber); color:#1a1200; font-weight:900; font-size:.66rem; }
.stk-stack .zone{ margin-top:8px; }
.stk-stack .zone .bar{ display:flex; height:9px; border-radius:99px; overflow:hidden; border:1px solid var(--border); }
.stk-stack .zone .bar i{ display:block; }
.stk-stack .zone .lg{ display:flex; justify-content:space-between; font-family:var(--mono);font-variant-numeric:tabular-nums; font-size:.64rem; color:var(--text-2); margin-top:5px; }
.stk-stack .zone .lg b{ font-weight:700; }
.stk-stack .zone .warnote{ margin-top:7px; font-size:.68rem; color:var(--amber); display:flex; gap:6px; align-items:flex-start; line-height:1.4; }
.stk-stack .applyall{ display:inline-flex; align-items:center; gap:5px; margin-top:7px; font-size:.68rem; font-weight:600; color:var(--accent); background:rgba(var(--accent-rgb),.1); border:1px solid rgba(var(--accent-rgb),.28); border-radius:7px; padding:5px 9px; cursor:pointer; }
.stk-stack .applyall:hover{ background:rgba(var(--accent-rgb),.18); }
.stk-stack .applyall i.ic{ width:12px; height:12px; }
.stk-stack .card-tools{ display:flex; justify-content:flex-end; margin-bottom:4px; }
.stk-stack .reset-btn{ display:none; align-items:center; gap:5px; font-size:.66rem; color:var(--text-3); background:none; border:none; cursor:pointer; padding:3px 6px; border-radius:6px; }
.stk-stack .reset-btn.on{ display:inline-flex; }
.stk-stack .reset-btn:hover{ color:var(--accent); background:rgba(255,255,255,.04); }
.stk-stack .reset-btn i.ic{ width:12px; height:12px; }
.stk-stack .recent-row{ display:flex; align-items:center; gap:7px; padding:4px 6px 6px; margin:0 -6px; flex-wrap:wrap; }
.stk-stack .recent-row .rl{ font-size:.64rem; color:var(--text-3); }
.stk-stack .pill.recent{ font-size:.68rem; padding:3px 9px; border-radius:99px; background:rgba(var(--accent-rgb),.1); border:1px solid rgba(var(--accent-rgb),.3); color:var(--accent); cursor:pointer; }
.stk-stack .swrow{ display:flex; gap:6px; }
.stk-stack .swrow .s{ width:22px; height:22px; border-radius:6px; border:1px solid var(--border); }
.stk-stack .stk-nohit{ padding:20px 12px; text-align:center; color:var(--text-3); font-size:.8rem; display:none; }
.stk-stack.stk-empty .stk-card, .stk-stack.stk-empty .divider{ display:none; }
.stk-stack.stk-empty .stk-nohit{ display:block; }
html[data-theme="light"] .stk-stack .stk-card{ background:#f7f9fc; }
html[data-theme="light"] .stk-stack .stk-card-head{ background:transparent; border-bottom:none; }
html[data-theme="light"] .stk-stack .stk-card.primary{ background:#ffffff; }
html[data-theme="light"] .stk-stack .stk-card.primary .stk-card-title{ color:var(--text-1); }
html[data-theme="light"] .stk-stack .stk-card-icon{ background:rgba(15,23,42,.05); color:var(--accent); }
html[data-theme="light"] .stk-stack .stk-card.expanded .stk-card-icon{ background:rgba(15,23,42,.08); }
html[data-theme="light"] .stk-stack .stk-card-summary{ background:rgba(15,23,42,.04); }
html[data-theme="light"] .stk-stack .cc-input{ background:#eef2f8; }
html[data-theme="light"] .stk-stack .stk-card-head .qh .tip{ background:#0d1117; }
html[data-theme="light"] .stk-stack .reset-btn:hover{ background:rgba(15,23,42,.04); }
html[data-theme="light"] .stk-stack .warn-badge{ background:#f5a623; color:#1a1200; }
html[data-theme="light"] .einsp .attn{ background:rgba(245,166,35,.14); border-color:rgba(245,166,35,.4); color:#a35e00; }

.stk-stack{padding-bottom:24px}

.custom-card{display:flex;flex-direction:column;gap:8px}
.custom-card .cc-row{
  display:flex;align-items:center;gap:8px;font-size:.65rem;
  color:var(--text-2);min-height:26px;
}
.custom-card .cc-lbl{
  flex:0 0 80px;font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;
  color:var(--text-3);font-weight:700;
}
.custom-card .cc-input{
  flex:1;padding:5px 8px;font-size:.65rem;font-family:inherit;
  background:var(--card);border:1px solid var(--border);border-radius:5px;
  color:var(--text-1);min-width:0;
}
.custom-card .cc-input:focus{outline:none;border-color:var(--accent)}
.custom-card .cc-range{flex:1;accent-color:var(--accent)}
.custom-card .cc-row-slider .cc-slider-wrap{
  flex:1;display:flex;align-items:center;gap:10px;min-width:0;
}
.custom-card .cc-slider{
  flex:1;accent-color:var(--accent);min-width:0;
  height:18px;cursor:pointer;
}
.custom-card .cc-slider-value{
  flex:0 0 auto;min-width:42px;text-align:right;
  font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums;
  color:var(--text-2);letter-spacing:-.01em;
}
.custom-card .cc-pillrow{
  flex:1;display:flex;gap:1px;background:var(--card);border:1px solid var(--border);
  border-radius:6px;padding:2px;flex-wrap:wrap;
}
.custom-card .cc-pillrow button{
  flex:1;min-width:0;padding:4px 6px;background:transparent;border:none;
  color:var(--text-3);font-size:.58rem;font-weight:700;font-family:inherit;
  cursor:pointer;border-radius:4px;transition:all .12s;white-space:nowrap;
}
.custom-card .cc-pillrow button:hover{color:var(--text-1);background:rgba(255,255,255,0.04)}
.custom-card .cc-pillrow button.active{background:var(--card-3);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),0.3)}
.custom-card .cc-checkbox{
  display:flex;align-items:center;gap:8px;cursor:pointer;
  font-size:.65rem;color:var(--text-2);padding:4px 0;
}
.custom-card .cc-checkbox input{
  width:14px;height:14px;accent-color:var(--accent);
  flex:0 0 14px;margin:0;cursor:pointer;
}
.custom-card .cc-checkbox span{flex:1}
.custom-card .cc-checkbox:hover span{color:var(--text-1)}

.insp-widget-id{
  display:flex;align-items:center;gap:11px;padding:12px 12px 10px;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),0.05),rgba(var(--accent-rgb),0.03) 60%,transparent);
  border:1px solid var(--border);border-left:3px solid var(--accent);
  border-radius:12px;margin-bottom:10px;min-width:0;
  position:relative;overflow:hidden;
}
.insp-widget-id::before{
  content:'';position:absolute;top:0;right:0;width:120px;height:100%;
  background:radial-gradient(circle at right,rgba(var(--accent-rgb),0.06),transparent 70%);
  pointer-events:none
}
.insp-widget-id .wi-icon{
  width:38px;height:38px;border-radius:10px;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),0.22),rgba(var(--accent-rgb),0.14));
  display:grid;place-items:center;font-size:1.15rem;flex-shrink:0;
  color:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb),0.18),inset 0 1px 1px rgba(255,255,255,0.08);
}
.insp-widget-id .wi-body{flex:1;min-width:0;position:relative;z-index:1}
.insp-widget-id .wi-name{font-size:.8rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em;color:var(--text-1)}
.insp-widget-id .wi-meta{font-size:.56rem;color:var(--text-3);margin-top:2px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.insp-widget-id .wi-meta b{color:var(--text-2);font-weight:700}
.insp-widget-id .wi-viz{
  font-size:.6rem;padding:5px 10px;background:var(--card-3);border:1px solid var(--border-2);
  border-radius:7px;color:var(--text-2);cursor:pointer;font-family:inherit;font-weight:700;
  flex-shrink:0;white-space:nowrap;transition:all .15s;position:relative;z-index:1;
  text-transform:uppercase;letter-spacing:.06em;
}
.insp-widget-id .wi-viz:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),0.06)}

.insp-user-preview{
  background:var(--card);border:1px solid var(--border);border-radius:10px;
  padding:0;margin-bottom:12px;overflow:hidden;
}
.insp-user-preview .up-head{
  font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);
  font-weight:800;display:flex;align-items:center;gap:5px;
  padding:7px 10px 5px;border-bottom:1px solid var(--border);
}
.insp-user-preview .up-body{display:flex;gap:10px;align-items:center;padding:10px}
.insp-user-preview .up-val{
  font-size:1.5rem;font-weight:800;color:var(--accent);letter-spacing:-.02em;flex-shrink:0;
  font-variant-numeric:tabular-nums;line-height:1;
}
.insp-user-preview .up-info{flex:1;min-width:0}
.insp-user-preview .up-label{font-size:.7rem;font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.insp-user-preview .up-sub{font-size:.55rem;color:var(--text-3);margin-top:3px;letter-spacing:.02em}

.insp-tab .tab-badge{
  display:inline-block;margin-left:5px;padding:1px 6px;
  background:rgba(255,255,255,0.06);color:var(--text-3);
  border-radius:100px;font-size:.5rem;font-weight:800;
  vertical-align:middle;line-height:1.4;
}
.insp-tab.active .tab-badge{background:rgba(var(--accent-rgb),0.15);color:var(--accent)}
.insp-tab .tab-dot{
  display:inline-block;width:5px;height:5px;border-radius:50%;
  background:var(--accent);margin-left:4px;vertical-align:middle;
  box-shadow:0 0 6px var(--accent);
}

.einsp .insp-section{margin-bottom:10px;background:rgba(255,255,255,.28);border:1px solid var(--bh-edge);border-radius:var(--bh-r-tile);padding:10px 11px}
html[data-theme="dark"] .einsp .insp-section{background:rgba(255,255,255,.04)}
.einsp .insp-section-title{
  display:flex;align-items:center;gap:6px;
  font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;
  color:var(--bh-ink-2);padding:0 0 6px;border-bottom:1px solid var(--bh-edge);
  margin-bottom:8px;
}
.einsp .insp-section-title i.ic{color:var(--bh-blue);font-size:.8rem}



.fmlv4 .ticker-track.touch-paused,
.fmlv4 .ntk-track.touch-paused,
.fmlv4 .stk-track.touch-paused { animation-play-state: paused !important; }

@media (max-width: 600px) {
  .einsp {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
    z-index: 9000 !important;
    border: none !important;
    animation: inspInMobile .22s cubic-bezier(.2,.8,.2,1) !important;
  }
  @keyframes inspInMobile {
    from { opacity:0; transform:translateY(100%) }
    to   { opacity:1; transform:translateY(0) }
  }
  .einsp .insp-close { display: none !important; }
  .einsp .insp-drag { display: none !important; }
  .einsp { --insp-drag-h: 0px; }
  .insp-tabs { top: 44px !important; }
}
.insp-mobile-back {
  display: none;
  align-items: center; gap: 8px;
  padding: 12px 14px 10px;
  font-size: .82rem; font-weight: 700; color: var(--text-1);
  background: rgba(13,17,25,0.97);
  border: none; border-bottom: 1px solid var(--border);
  cursor: pointer; font-family: inherit;
  position: sticky; top: 0; z-index: 3; width: 100%;
  white-space: nowrap;
}
.insp-mobile-back:hover { color: var(--accent); }
@media (max-width: 600px) { .insp-mobile-back { display: flex !important; } }

@media (pointer: coarse), (max-width: 600px) {
  .fmlv4 .variant-card { min-height: 44px !important; }
  .wpm-filters { flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
  .wpm-filter-chip, .wpm-tab { flex-shrink: 0 !important; min-height: 44px !important; }
}

@media (pointer: coarse) {
  .screen[data-screen="editor"] #cvBoard .w { cursor: default !important; }
}
.cv-mobile-drag-hint {
  display: none;
  position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%);
  background: var(--card-3); border: 1px solid var(--border-2);
  border-radius: 100px; padding: 7px 16px;
  font-size: .72rem; font-weight: 600; color: var(--text-2);
  pointer-events: none; z-index: 200;
  box-shadow: 0 4px 14px rgba(0,0,0,.35); white-space: nowrap;
}
@media (pointer: coarse) { .cv-mobile-drag-hint { display: block; } }

.w table, .fmlv4 table { min-width: max-content; }
.w .tbl-scroll-wrap, .fmlv4 .tbl-scroll-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; }
.w table thead th, .fmlv4 table thead th { position: sticky; top: 0; z-index: 2; background: var(--card); }

@media (max-width: 600px) {
  .w { font-size: 14px; }
  .btn, .chip, .rail-item, .vp-btn, .wpm-tab, .insp-tab, .insp-action-btn { min-height: 44px; }
}

.cc-jpanel{ border:1px solid var(--border, rgba(255,255,255,.08)); border-radius:9px; margin-top:6px; overflow:hidden; background:rgba(255,255,255,.02); }
.cc-jsum{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; cursor:pointer; list-style:none; user-select:none; font-size:.72rem; font-weight:600; color:var(--text-1, #fff); }
.cc-jsum::-webkit-details-marker{ display:none; }
.cc-jsum::after{ content:"\203A"; margin-left:auto; opacity:.5; transition:transform .18s ease; font-size:1rem; }
.cc-jpanel[open] .cc-jsum::after{ transform:rotate(90deg); }
.cc-jsum-nm{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cc-jsum-md{ font-size:.56rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--text-3, #9aa3b2); background:rgba(255,255,255,.06); border-radius:100px; padding:2px 7px; }
.cc-jbody{ padding:4px 10px 10px; display:flex; flex-direction:column; gap:5px; border-top:1px solid var(--border, rgba(255,255,255,.06)); }
.cc-jbody.is-imp .cc-jpts{ opacity:.45; pointer-events:none; }
.cc-jbody.is-imp > .cc-row:first-of-type{ opacity:.7; }
.cc-jchk{ display:flex; align-items:center; gap:7px; cursor:pointer; font-size:.6rem; color:var(--text-2, #c3ccd8); padding:1px 2px; }
.cc-jchk input{ flex:0 0 auto; }
.cc-jpts{ display:flex; flex-direction:column; gap:5px; padding:6px; border-radius:7px; background:rgba(255,255,255,.03); }
.cc-jpre{ display:flex; flex-wrap:wrap; gap:4px; }
.cc-jpre-b{ font-size:.56rem; font-weight:600; padding:3px 8px; border-radius:100px; border:1px solid var(--border, rgba(255,255,255,.12)); background:transparent; color:var(--text-2, #c3ccd8); cursor:pointer; }
.cc-jpre-b:hover{ background:rgba(255,255,255,.08); color:var(--text-1, #fff); }


.stk-stack .stk-group{ margin:2px 0 0; }
.stk-stack .stk-group + .stk-group{ border-top:1px solid var(--border); margin-top:10px; }
.stk-stack .stk-group-head{ display:flex; align-items:center; gap:8px; padding:12px 14px 4px; }
.stk-stack .stk-group-title{ font-size:.62rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--text-3); }
.stk-stack .stk-group-n{ margin-left:auto; font-size:.62rem; font-weight:600; color:var(--text-3); font-variant-numeric:tabular-nums; letter-spacing:0; text-transform:none; }
.stk-stack .stk-group-car{ color:var(--text-3); font-size:.72rem; display:inline-grid; place-items:center; transition:transform .2s; transform:rotate(90deg); }
.stk-stack .stk-group.collapsed .stk-group-car{ transform:rotate(0deg); }
.stk-stack .stk-group[data-group="avanceret"] .stk-group-head{ cursor:pointer; user-select:none; }
.stk-stack .stk-group[data-group="avanceret"] .stk-group-head:hover .stk-group-title{ color:var(--text-2); }
.stk-stack .stk-group.collapsed .stk-group-body{ display:none; }
.stk-stack .stk-group.stk-group-empty{ display:none; }
.stk-stack .stk-group.stk-group-hidden{ display:none; }
.stk-stack.stk-searching .stk-group.collapsed .stk-group-body{ display:block; }
.stk-stack.stk-empty .stk-group{ display:none; }

.stk-stack .insp-reset-foot{ margin:14px 10px 4px; padding-top:11px; border-top:1px solid var(--border); display:flex; }
.stk-stack .insp-reset-btn{ flex:1; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:8px 10px; border-radius:10px; border:1px solid var(--border-2); background:var(--card); color:var(--text-2); font-family:inherit; font-weight:700; font-size:.72rem; line-height:1; cursor:pointer; transition:color .15s, border-color .15s; }
.stk-stack .insp-reset-btn:hover{ color:var(--text-1); border-color:var(--accent); }
.stk-stack .insp-reset-btn i.ic{ width:12px; height:12px; }

.stk-stack .custom-card .cc-pillrow{ background:var(--card); border:1px solid var(--border); border-radius:10px; padding:2px; gap:2px; }
.stk-stack .custom-card .cc-pillrow button{ border-radius:8px; padding:5px 4px; font-size:.64rem; font-weight:600; color:var(--text-2); }
.stk-stack .custom-card .cc-pillrow button:hover{ color:var(--text-1); background:rgba(255,255,255,.05); }
.stk-stack .custom-card .cc-pillrow button.active{ background:var(--card-3); color:var(--text-1); font-weight:700; box-shadow:0 1px 3px rgba(0,0,0,.35); }
html[data-theme="light"] .stk-stack .custom-card .cc-pillrow{ background:#eef2f8; }
html[data-theme="light"] .stk-stack .custom-card .cc-pillrow button:hover{ background:rgba(15,23,42,.05); }
html[data-theme="light"] .stk-stack .custom-card .cc-pillrow button.active{ background:#ffffff; color:var(--text-1); box-shadow:0 1px 3px rgba(16,24,48,.16); }

.stk-stack .custom-card .cc-checkbox{ padding:6px 0; }
.stk-stack .custom-card .cc-checkbox span{ order:0; flex:1; }
.stk-stack .custom-card .cc-checkbox input[type="checkbox"]{
  order:1; margin-left:auto; -webkit-appearance:none; appearance:none;
  width:34px; height:20px; flex:0 0 34px; border-radius:999px;
  background:var(--card); border:1px solid var(--border-2); position:relative;
  cursor:pointer; transition:background .15s, border-color .15s;
}
.stk-stack .custom-card .cc-checkbox input[type="checkbox"]::after{
  content:""; position:absolute; top:2px; left:2px; width:14px; height:14px;
  border-radius:50%; background:var(--text-3); box-shadow:0 1px 3px rgba(0,0,0,.3);
  transition:left .15s, background .15s;
}
.stk-stack .custom-card .cc-checkbox input[type="checkbox"]:checked{ background:var(--accent); border-color:var(--accent); }
.stk-stack .custom-card .cc-checkbox input[type="checkbox"]:checked::after{ left:16px; background:#fff; }
html[data-theme="light"] .stk-stack .custom-card .cc-checkbox input[type="checkbox"]{ background:#eef2f8; }
html[data-theme="light"] .stk-stack .custom-card .cc-checkbox input[type="checkbox"]::after{ background:#ffffff; box-shadow:0 1px 3px rgba(16,24,48,.3); }
html[data-theme="light"] .stk-stack .custom-card .cc-checkbox input[type="checkbox"]:checked{ background:var(--accent); }

.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"]{ background:transparent; border:none; padding:2px 0; gap:8px; flex-wrap:nowrap; justify-content:flex-start; }
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button{
  flex:0 0 22px; width:22px; height:22px; border-radius:50%; padding:0;
  font-size:0; color:transparent; border:2px solid transparent; box-shadow:none;
}
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button[data-v="kobolt"]{ background:var(--kobolt,#0A84FF); }
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button[data-v="tangerine"]{ background:var(--tangerine,#FF6A1A); }
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button[data-v="green"]{ background:var(--success,#1F9E5A); }
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button[data-v="blue"]{ background:#3b9eff; }
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button[data-v="red"]{ background:var(--danger,#E0392B); }
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button.active{ box-shadow:0 0 0 2px var(--card-2), 0 0 0 4px var(--accent); }
html[data-theme="light"] .stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button.active{ box-shadow:0 0 0 2px #ffffff, 0 0 0 4px var(--accent); }

.stk-stack .custom-card .cc-zone-in{ flex:1; display:flex; gap:8px; min-width:0; }
.stk-stack .custom-card .cc-zi{ flex:1; display:flex; align-items:center; gap:6px; background:var(--card); border:1px solid var(--border); border-radius:10px; padding:4px 8px; min-width:0; }
.stk-stack .custom-card .cc-zi:focus-within{ border-color:var(--accent); }
.stk-stack .custom-card .cc-zi .cc-input{ background:transparent; border:none; padding:2px 0; flex:1; min-width:0; font-weight:700; }
.stk-stack .custom-card .cc-zdot{ width:8px; height:8px; border-radius:50%; flex:0 0 8px; }
.stk-stack .custom-card .cc-zdot-bad{ background:var(--red,#E0392B); }
.stk-stack .custom-card .cc-zdot-warn{ background:var(--amber,#FF6A1A); }
.stk-stack .custom-card .cc-zdot-good{ background:var(--success,#1F9E5A); }
html[data-theme="light"] .stk-stack .custom-card .cc-zi{ background:#eef2f8; }

.stk-stack .thresh-inputs{ flex-direction:row; gap:8px; }
.stk-stack .thresh-input-row{ display:flex; flex:1; min-width:0; align-items:center; gap:6px; padding:5px 8px; border-radius:10px; }
.stk-stack .thresh-input-row .thresh-label,
.stk-stack .thresh-input-row .thresh-help{ display:none; }
.stk-stack .thresh-input-row input{ flex:1; width:100%; min-width:0; }
.stk-stack .thresh-input-row .thresh-dot{ width:8px; height:8px; box-shadow:none; }


.stk-stack .stk-group{ padding:0 4px; }
.stk-stack .stk-group + .stk-group{ border-top:1px solid var(--border); margin-top:0; }
.stk-stack .stk-group-head{ padding:12px 10px 8px; }
.stk-stack .stk-group-title{ font-size:.66rem; }
.stk-stack .stk-group-n{ font-size:.68rem; font-weight:600; }
.stk-stack .stk-group-body{ padding:0 10px 12px; }

.stk-stack .stk-card.stk-inline{
  margin:0; background:transparent; border:none; border-radius:0;
  box-shadow:none; overflow:visible;
}
.stk-stack .stk-card.stk-inline:hover{ border-color:transparent; }
.stk-stack .stk-card.stk-inline > .stk-card-head{ display:none; }
.stk-stack .stk-card.stk-inline > .stk-card-body{
  display:block; padding:0; border-top:none; animation:none;
}
.stk-stack .stk-card.stk-inline .custom-card{ gap:0; }

.stk-stack .custom-card .cc-row{
  padding:7px 4px; margin:0 -4px; gap:12px; min-height:34px; font-size:.86rem;
}
.stk-stack .custom-card .cc-lbl{
  flex:0 0 96px; font-size:.82rem; font-weight:600; color:var(--text-2);
  text-transform:none; letter-spacing:0;
}
.stk-stack .custom-card .cc-input{
  background:var(--card); border:1px solid var(--border); border-radius:10px;
  padding:6px 11px; font-size:.8rem; font-weight:650; color:var(--text-1); min-height:32px;
}
html[data-theme="light"] .stk-stack .custom-card .cc-input{ background:#eef2f8; }
.stk-stack .custom-card select.cc-input{ font-weight:650; }
.stk-stack .custom-card .cc-pillrow button{
  font-size:.74rem; font-weight:650; padding:4px 2px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.stk-stack .custom-card .cc-pillrow button.active{ font-weight:750; }
.stk-stack .stk-card.stk-inline .cc-hint{
  font-size:.66rem; color:var(--text-3); line-height:1.45; padding:2px 0 8px; margin:0;
}

.stk-stack .stk-card.stk-rowcard{
  margin:0; background:transparent; border:none; border-radius:0;
  box-shadow:none; overflow:visible;
}
.stk-stack .stk-card.stk-rowcard:hover{ border-color:transparent; }
.stk-stack .stk-card.stk-rowcard.expanded{ border-color:transparent; box-shadow:none; }
.stk-stack .stk-card.stk-rowcard > .stk-card-head{
  padding:7px 4px; margin:0 -4px; gap:12px; min-height:34px; background:transparent;
  border-radius:8px;
}
.stk-stack .stk-card.stk-rowcard > .stk-card-head:hover{ background:transparent; }
.stk-stack .stk-card.stk-rowcard > .stk-card-head:hover .stk-card-summary{ border-color:var(--accent); }
.stk-stack .stk-card.stk-rowcard .stk-card-icon{ display:none; }
.stk-stack .stk-card.stk-rowcard .stk-card-title{
  flex:0 0 96px; font-family:inherit; font-size:.82rem; font-weight:600;
  color:var(--text-2); letter-spacing:0;
}
.stk-stack .stk-card.stk-rowcard .stk-card-summary,
.stk-stack .stk-card.stk-rowcard.expanded .stk-card-summary{
  display:flex; flex:1 1 auto; max-width:none; margin-left:0; min-width:0;
  justify-content:flex-start; background:var(--card); border:1px solid var(--border);
  border-radius:10px; padding:6px 11px; font-family:inherit; font-size:.8rem;
  font-weight:650; color:var(--text-1); min-height:32px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
html[data-theme="light"] .stk-stack .stk-card.stk-rowcard .stk-card-summary{ background:#eef2f8; }
.stk-stack .stk-card.stk-rowcard .stk-card-summary:empty::before{
  content:"Vælg…"; color:var(--text-3); font-weight:600;
}
.stk-stack .stk-card.stk-rowcard .stk-card-chev{
  position:absolute; right:16px; top:50%; margin-top:-9px;
  color:var(--text-3); font-size:.72rem; pointer-events:none; z-index:2;
}
.stk-stack .stk-card.stk-rowcard.expanded .stk-card-chev{ color:var(--text-3); }
.stk-stack .stk-card.stk-rowcard .stk-card-summary{ padding-right:26px; }
.stk-stack .stk-card.stk-rowcard .stk-card-head .qh{ margin-right:-4px; }
.stk-stack .stk-card.stk-rowcard > .stk-card-body{
  padding:2px 0 10px 96px; border-top:none;
}
.stk-stack .stk-card.stk-rowcard > .stk-card-body > *{ margin-left:12px; }
.stk-stack .stk-card.stk-rowcard.invalid{ border-left:none; }
.stk-stack .stk-card.stk-rowcard.invalid .stk-card-summary{ border-color:var(--amber); }

.stk-stack .stk-card.stk-rowcard .insp-section{ margin:0; padding:0; border:none; background:transparent; }
.stk-stack .stk-card.stk-rowcard .insp-section-title{ display:none; }
.stk-stack .stk-card.stk-rowcard .field{ margin:0 0 6px; }

.einsp.stack-mode .stk-preview{
  background:var(--card-3); border:1px solid var(--border); border-left:1px solid var(--border);
  border-radius:12px; padding:12px 14px 12px; margin:12px 12px 4px;
}
.einsp.stack-mode .stk-pv-t{
  font-size:.64rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:var(--text-3); margin:0 0 6px;
}
.einsp.stack-mode .stk-preview-frame{ background:var(--card); border-radius:10px; height:132px; }
.einsp.stack-mode .stk-preview-frame::after{ display:none; }

.stk-stack .insp-reset-foot{ margin:6px 12px 8px; padding-top:11px; gap:10px; }
.stk-stack .insp-reset-btn{ font-size:.8rem; font-weight:750; border-radius:11px; padding:9px 10px; }
.stk-stack .insp-done-btn{
  flex:1; display:inline-flex; align-items:center; justify-content:center;
  padding:9px 10px; border-radius:11px; border:1px solid var(--accent);
  background:var(--accent); color:#fff; font-family:inherit; font-weight:750;
  font-size:.8rem; line-height:1; cursor:pointer; transition:filter .15s;
}
.stk-stack .insp-done-btn:hover{ filter:brightness(1.08); }

.stk-stack .custom-card .cc-pillrow button{
  background:transparent !important; background-image:none !important;
  border:none !important; border-radius:8px !important; box-shadow:none !important;
  color:var(--text-2) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
.stk-stack .custom-card .cc-pillrow button:hover{ background:rgba(255,255,255,.06) !important; color:var(--text-1) !important; }
.stk-stack .custom-card .cc-pillrow:not(.cc-swatchrow) button.active{
  background:var(--card-3) !important; color:var(--text-1) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.35) !important; font-weight:750 !important;
}
html[data-theme="light"] .stk-stack .custom-card .cc-pillrow button:hover{ background:rgba(15,23,42,.05) !important; }
html[data-theme="light"] .stk-stack .custom-card .cc-pillrow:not(.cc-swatchrow) button.active{
  background:#ffffff !important; color:var(--text-1) !important;
  box-shadow:0 1px 3px rgba(16,24,48,.16) !important;
}
.stk-stack .custom-card .cc-swatchrow{ align-items:center; }
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button,
.stk-stack .custom-card .cc-swatchrow button{
  flex:0 0 22px !important; width:22px !important; height:22px !important;
  min-height:22px !important; max-height:22px !important;
  align-self:center; padding:0 !important;
  border-radius:50% !important; border:2px solid transparent !important;
  box-shadow:none !important; font-size:0; color:transparent !important;
}
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button[data-v="kobolt"]{ background:var(--accent) !important; }
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button[data-v="tangerine"]{ background:#C97B2D !important; }
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button[data-v="green"]{ background:var(--success,#1F9E5A) !important; }
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button[data-v="blue"]{ background:#3B82C4 !important; }
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button[data-v="red"]{ background:var(--red,#D64545) !important; }
.stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button.active{
  box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--accent) !important;
}
html[data-theme="light"] .stk-stack .custom-card .cc-pillrow[data-cc-key="chartColor"] button.active{
  box-shadow:0 0 0 2px #ffffff, 0 0 0 4px var(--accent) !important;
}

html[data-theme="dark"] :is(#cvBoard, .stk-stack) .custom-card .cc-swatchrow button.active{
  background-image:none !important;
  box-shadow:0 0 0 2px var(--card-2), 0 0 0 4px var(--accent) !important;
  border-color:transparent !important;
}
html[data-theme="dark"] :is(#cvBoard, .stk-stack) .custom-card .cc-swatchrow button[data-v="kobolt"]{ background-color:var(--accent) !important; }
html[data-theme="dark"] :is(#cvBoard, .stk-stack) .custom-card .cc-swatchrow button[data-v="tangerine"]{ background-color:#C97B2D !important; }
html[data-theme="dark"] :is(#cvBoard, .stk-stack) .custom-card .cc-swatchrow button[data-v="green"]{ background-color:var(--success,#1F9E5A) !important; }
html[data-theme="dark"] :is(#cvBoard, .stk-stack) .custom-card .cc-swatchrow button[data-v="blue"]{ background-color:#3B82C4 !important; }
html[data-theme="dark"] :is(#cvBoard, .stk-stack) .custom-card .cc-swatchrow button[data-v="red"]{ background-color:var(--red,#D64545) !important; }

.stk-stack .stk-group-sub{
  flex:1; min-width:0; font-size:.72rem; font-weight:600; color:var(--text-3);
  letter-spacing:0; text-transform:none; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.stk-stack .stk-group:not(.collapsed) .stk-group-sub{ display:none; }
.stk-stack .stk-group[data-group="avanceret"] .stk-group-head{ align-items:flex-start; padding-bottom:12px; }
.stk-stack .stk-group[data-group="avanceret"] .stk-group-title{ flex:0 0 auto; padding-top:1px; }

.stk-stack .custom-card .cc-row.cc-row-slider,
.stk-stack .custom-card .cc-row:has(> .cc-pillrow){
  flex-direction:column; align-items:stretch; gap:6px;
}
.stk-stack .custom-card .cc-row.cc-row-slider > .cc-lbl,
.stk-stack .custom-card .cc-row:has(> .cc-pillrow) > .cc-lbl{
  flex:0 0 auto; width:auto;
}

.table-column-section{padding:0}
.table-column-intro{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;padding:9px 10px;border-radius:9px;background:color-mix(in srgb,var(--accent) 7%,var(--card));color:var(--text-3);font-size:.64rem;line-height:1.45}
.table-column-intro>span:first-child{flex:1}
.table-column-count{flex:0 0 auto;padding:2px 6px;border-radius:999px;background:var(--card-3);color:var(--text-2);font-weight:700;white-space:nowrap}
#cfg-table-columns{display:flex;flex-direction:column;gap:8px;margin-bottom:9px}
.table-column-add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px;font-size:.68rem}
.col-edit-row{padding:9px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--card) 94%,var(--accent) 6%);box-shadow:0 1px 0 color-mix(in srgb,var(--text-1) 4%,transparent);transition:border-color .15s,box-shadow .15s,transform .15s}
.col-edit-row:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));box-shadow:0 4px 14px rgba(0,0,0,.08)}
.col-edit-row[draggable="true"]:active{cursor:grabbing}
.col-edit-head{display:grid;grid-template-columns:18px 22px minmax(0,1fr) 28px;gap:6px;align-items:center;margin-bottom:8px}
.col-edit-row .col-drag-handle{display:grid;place-items:center;width:18px;height:28px;padding:0;color:var(--text-3);font-size:.76rem;letter-spacing:-3px;cursor:grab}
.col-edit-index{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--card-3);color:var(--text-3);font:700 .58rem/1 var(--bh-mono,sans-serif)}
.col-edit-row .col-label-input,.col-edit-row select{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--border);border-radius:7px;background:var(--input-bg,var(--card));color:var(--text-1);font:600 .67rem/1.2 inherit;padding:7px 8px}
.col-edit-row .col-label-input{flex:auto}
.col-edit-row .col-label-input:focus,.col-edit-row select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}
.col-edit-row .col-remove-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--text-3);cursor:pointer}
.col-edit-row .col-remove-btn:hover{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}
.col-edit-row .col-remove-btn .ic{font-size:.75rem}
.col-edit-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.col-edit-field>span{font-size:.54rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}
.col-edit-sub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:7px;margin-top:7px}
.col-edit-sub[hidden]{display:none}
.table-display-card{gap:10px}
.table-display-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.table-display-grid .cc-row{flex-direction:column;align-items:stretch;gap:5px}
.table-display-switches{padding:4px 9px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--card) 96%,var(--accent) 4%)}
.table-display-switches .cc-row{border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}
.table-display-switches .cc-row:last-child{border-bottom:0}

body:has(.einsp.stack-mode) #toast,body:has(.einsp.cwi-inspector-v2) #toast{bottom:96px !important}