@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Unbounded:wght@600;700&display=swap');
    :root {
      --line:rgba(33, 78, 140, 0.2);
      --line-soft:rgba(33, 78, 140, 0.14);
      --text:#182942;
      --muted:#5f7496;
      --accent:#1f66e5;
      --accent-strong:#0f4ec0;
      --ok:#1f8f5b;
      --danger:#c44d4d;
      --shadow-lg:0 24px 56px rgba(17, 45, 94, 0.18);
      --shadow-md:0 14px 30px rgba(17, 45, 94, 0.12);
      --radius-xl:24px;
      --radius-lg:18px;
      --radius-md:14px;
    }
    * { box-sizing:border-box; }
    body {
      margin:0;
      min-height:100vh;
      color:var(--text);
      font-family:"Manrope", "Segoe UI", sans-serif;
      background:
        radial-gradient(1100px 640px at 10% -8%, #ffffff 0%, rgba(255,255,255,0) 62%),
        linear-gradient(180deg, #f8fbff 0%, #e8f0fa 100%);
    }
    body::before {
      content:'';
      position:fixed;
      inset:0;
      pointer-events:none;
      background:none;
    }
    body[data-subscriber-bg-has-image="1"] {
      background:#061511;
    }
    body[data-subscriber-bg-has-image="1"]::before {
      background:
        linear-gradient(180deg, rgba(6,18,16,0.38) 0%, rgba(8,20,18,0.52) 100%),
        radial-gradient(circle at 82% 10%, rgba(48,118,255,0.16), rgba(48,118,255,0) 26%),
        radial-gradient(circle at 18% 16%, rgba(0,255,157,0.12), rgba(0,255,157,0) 30%),
        linear-gradient(135deg, rgba(255,255,255,0.03), rgba(255,255,255,0)),
        radial-gradient(circle at 25% 20%, rgba(255,255,255,0.08), rgba(255,255,255,0) 24%),
        var(--subscriber-profile-bg-image) center top / cover no-repeat;
      background:
        linear-gradient(180deg, rgba(6,18,16,0.38) 0%, rgba(8,20,18,0.52) 100%),
        radial-gradient(circle at 82% 10%, rgba(48,118,255,0.16), rgba(48,118,255,0) 26%),
        radial-gradient(circle at 18% 16%, rgba(0,255,157,0.12), rgba(0,255,157,0) 30%),
        linear-gradient(135deg, rgba(255,255,255,0.03), rgba(255,255,255,0)),
        radial-gradient(circle at 25% 20%, rgba(255,255,255,0.08), rgba(255,255,255,0) 24%),
        var(--subscriber-profile-bg-image-optimized, var(--subscriber-profile-bg-image)) center top / cover no-repeat;
    }
    .page {
      position:relative;
      z-index:1;
      width:min(1240px, calc(100% - 32px));
      margin:0 auto;
      padding:22px 0 30px;
      display:grid;
      grid-template-columns:minmax(0, 1fr);
      gap:16px;
    }
    .topbar,
    .card,
    .footer {
      width:100%;
      min-width:0;
    }
    .topbar {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:14px 18px;
      border-radius:20px;
      border:1px solid var(--line);
      background:linear-gradient(180deg, rgba(255,255,255,0.90), rgba(255,255,255,0.74));
      box-shadow:var(--shadow-md);
      backdrop-filter:blur(14px);
    }
    .brand {
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }
    .brandLogo {
      width:42px;
      height:42px;
      border-radius:12px;
      border:1px solid var(--line);
      object-fit:cover;
      background:#fff;
      flex-shrink:0;
    }
    .brandText {
      min-width:0;
    }
    .brandName {
      font-family:"Unbounded", "Manrope", sans-serif;
      font-size:15px;
      letter-spacing:0.02em;
      margin:0;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .brandLead {
      margin:2px 0 0;
      color:var(--muted);
      font-size:12px;
    }
    .backBtn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      border:1px solid var(--line);
      padding:10px 16px;
      font-size:13px;
      font-weight:800;
      text-decoration:none;
      color:var(--text);
      background:rgba(255,255,255,0.82);
      transition:transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
      white-space:nowrap;
    }
    .backBtn:hover {
      transform:translateY(-1px);
      border-color:rgba(37,111,255,0.32);
      background:rgba(255,255,255,0.94);
    }
    .card {
      border:1px solid var(--line);
      border-radius:var(--radius-xl);
      background:linear-gradient(180deg, rgba(255,255,255,0.92), rgba(246,250,255,0.84));
      box-shadow:var(--shadow-lg);
      padding:22px;
    }
    .loading {
      color:var(--muted);
      font-size:13px;
      margin-bottom:10px;
      min-height:18px;
    }
    .strategyRegistryCard {
      position:relative;
      overflow:hidden;
      border:1px solid #d6e2f3;
      border-radius:22px;
      background:
        radial-gradient(circle at top left, rgba(15, 118, 110, 0.10), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f7faff 62%, #eff4ff 100%);
      padding:14px 16px;
      width:100%;
      min-width:0;
      box-shadow:0 14px 34px rgba(18, 49, 94, 0.08);
      overflow:hidden;
      transition:transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
      animation:pageReveal 0.55s ease both;
      animation-delay:calc(var(--card-index, 0) * 34ms);
    }
    .strategyRegistryCard::before {
      content:'';
      position:absolute;
      inset:auto auto 0 -18px;
      width:160px;
      height:160px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(37, 99, 235, 0.10), transparent 72%);
      pointer-events:none;
    }
    .strategyRegistryCard:hover {
      transform:none;
      border-color:#d6e2f3;
      box-shadow:0 14px 34px rgba(18, 49, 94, 0.08);
    }
    .strategyRegistryShell {
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:minmax(240px, 0.78fr) minmax(0, 1.18fr) minmax(300px, 0.94fr);
      gap:14px 16px;
      align-items:center;
    }
    .strategyRegistryIdentity,
    .strategyRegistryCenter,
    .strategyRegistryChartWrap { min-width:0; }
    .strategyRegistryIdentity {
      display:grid;
      grid-template-columns:60px minmax(0, 1fr);
      gap:14px;
      align-items:center;
      align-content:center;
    }
    .strategyRegistryIdentityMain,
    .strategyRegistryCenter {
      display:grid;
      gap:10px;
      align-content:center;
    }
    .strategyRegistryIdentityMain {
      width:min(100%, 188px);
      justify-self:center;
      justify-items:center;
      gap:12px;
    }
    .strategyRegistryRankSlot {
      display:grid;
      align-content:start;
      justify-items:center;
      align-self:start;
      gap:8px;
    }
    .strategyRegistryFavoriteSlot,
    .strategyRegistryDetailsSlot {
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:52px;
    }
    .strategyRegistryTitleLine {
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-width:0;
    }
    .strategyRegistryTitleBlock {
      min-width:0;
      width:100%;
      min-height:72px;
      display:grid;
      align-content:center;
      justify-items:center;
      gap:2px;
      text-align:center;
    }
    .strategyRegistryTitleBlockHidden {
      min-height:72px;
    }
    .strategyRegistryRank,
    .strategyRegistryActionBtn,
    .strategyRegistryRailSpacer {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:52px;
      min-height:52px;
      border-radius:18px;
      padding:0 10px;
      text-decoration:none;
    }
    .strategyRegistryRank {
      background:linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(231,240,252,0.88) 100%);
      border:1px solid rgba(126, 153, 197, 0.38);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.86),
        0 10px 22px rgba(37, 111, 255, 0.08);
      color:#173d72;
      font-size:18px;
      font-weight:800;
      letter-spacing:-0.04em;
      line-height:1;
    }
    .strategyRegistryRailSpacer {
      border:1px dashed rgba(126, 153, 197, 0.36);
      background:linear-gradient(180deg, rgba(255,255,255,0.54) 0%, rgba(235,243,255,0.42) 100%);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.68);
      opacity:0.9;
    }
    .strategyRegistryActionBtn {
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(236,244,255,0.96) 100%);
      border:1px solid rgba(126, 153, 197, 0.38);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.86),
        0 10px 22px rgba(37, 111, 255, 0.08);
      color:#173d72;
      font-size:18px;
      font-weight:800;
      letter-spacing:-0.04em;
      line-height:1;
      cursor:pointer;
      transition:transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
    }
    .strategyRegistryActionBtn:hover {
      transform:translateY(-1px);
      border-color:rgba(109, 136, 179, 0.58);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.92),
        0 12px 24px rgba(37, 111, 255, 0.14);
    }
    .strategyRegistryActionBtn:focus-visible {
      outline:2px solid rgba(24, 148, 126, 0.48);
      outline-offset:2px;
    }
    .strategyRegistryFavBtn {
      color:#6d819f;
      font-size:24px;
      letter-spacing:0;
    }
    .strategyRegistryFavBtn:hover {
      color:#2f4f80;
    }
    .strategyRegistryFavBtn.active {
      border-color:#f0c341;
      background:linear-gradient(180deg, #fff8dc 0%, #ffefb5 100%);
      color:#9c6200;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.9),
        0 10px 22px rgba(212, 146, 0, 0.24);
    }

    .strategyRegistryDetailsLink,
    .strategyRegistryVariantPill.strategyRegistryDetailsLink {
      border-color:rgba(9, 112, 64, 0.92);
      background:linear-gradient(180deg, #27c87f 0%, #0f9f5f 100%);
      color:#f7fffb;
      text-decoration:none;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.26),
        0 10px 22px rgba(7, 109, 65, 0.34);
      transition:transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
    }
    .strategyRegistryDetailsLink:hover,
    .strategyRegistryVariantPill.strategyRegistryDetailsLink:hover {
      transform:translateY(-1px);
      border-color:rgba(7, 95, 54, 0.96);
      background:linear-gradient(180deg, #32d98d 0%, #15b16a 100%);
      color:#ffffff;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.32),
        0 12px 24px rgba(7, 109, 65, 0.42);
    }
    .strategyRegistryDetailsLink:active,
    .strategyRegistryVariantPill.strategyRegistryDetailsLink:active {
      transform:translateY(0);
      box-shadow:
        inset 0 2px 5px rgba(5, 73, 42, 0.34),
        0 6px 14px rgba(7, 109, 65, 0.3);
    }

    .strategyRegistryOpenIcon {
      width:30px;
      height:30px;
      display:block;
    }
    .strategyRegistryOpenIconGlyph {
      fill:currentColor;
    }
    .strategyRegistryTitle {
      margin:0;
      min-width:0;
      display:block;
      width:100%;
      font-size:20px;
      font-weight:800;
      color:#122c56;
      line-height:1.08;
      letter-spacing:-0.03em;
    }
    .strategyRegistryTitleMarket {
      font-size:20px;
    }
    .strategyTitleMain,
    .strategyTitleSuffix {
      display:block;
      width:100%;
      max-width:100%;
      min-width:0;
      overflow-wrap:normal;
      word-break:normal;
      letter-spacing:0;
    }
    .strategyTitleSuffix {
      margin-top:1px;
      font-size:0.9em;
      font-weight:700;
      line-height:1.08;
      color:inherit;
      opacity:0.88;
    }
    .strategyRegistryTitleMinute,
    .strategyRegistryTitleStep {
      font-size:16px;
      font-weight:700;
      line-height:1.14;
      letter-spacing:-0.02em;
    }
    .strategyRegistryTitleStep {
      color:#355480;
    }
    .strategyRegistryTitleBlur {
      color:#7e92b3;
      filter:blur(5px);
      opacity:0.95;
      user-select:none;
    }
    .strategyRegistryRating {
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      flex:0 0 auto;
    }
    .strategyRegistryRatingGauge {
      width:122px;
      max-width:100%;
      display:grid;
      justify-items:center;
    }
    .strategyRegistryRatingGaugeSvg {
      width:100%;
      height:auto;
      display:block;
      overflow:visible;
    }
    .strategyRegistryGaugeTrack {
      fill:none;
      stroke:rgba(15, 23, 42, 0.10);
      stroke-width:9;
      stroke-linecap:round;
    }
    .strategyRegistryGaugeValue {
      fill:none;
      stroke:#2fb36a;
      stroke-width:9;
      stroke-linecap:round;
    }
    .strategyRegistryRatingGaugeInner {
      width:100%;
      margin-top:-28px;
      display:grid;
      justify-items:center;
      gap:4px;
      text-align:center;
    }
    .strategyRegistryGaugeValueText {
      color:#173d72;
      font-size:28px;
      font-weight:800;
      line-height:1;
      font-variant-numeric:tabular-nums;
      letter-spacing:-0.04em;
    }
    .strategyRegistryGaugeMetaLabel {
      color:#667b9f;
      font-size:10px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:0.14em;
      line-height:1.1;
    }
    .strategyRegistryGaugeMetaScale {
      color:#8aa0bf;
      font-size:10px;
      line-height:1.1;
      font-variant-numeric:tabular-nums;
    }
    .strategyRegistryMetrics {
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
    }
    .strategyRegistryMetric {
      min-height:74px;
      border:1px solid #dce6f2;
      border-radius:16px;
      background:rgba(255,255,255,0.76);
      padding:10px 12px;
      display:grid;
      gap:5px;
      align-content:start;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.8);
    }
    .strategyRegistryMetric.is-positive {
      border-color:#d3e8db;
      background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(244,251,246,0.96) 100%);
    }
    .strategyRegistryMetric.is-negative {
      border-color:#efd6d6;
      background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(255,247,247,0.96) 100%);
    }
    .strategyRegistryMetricLabel {
      display:block;
      color:#667c9d;
      font-size:11px;
      font-weight:700;
      line-height:1.25;
      overflow-wrap:anywhere;
    }
    .strategyRegistryMetricValue {
      display:block;
      color:#173d72;
      font-weight:800;
      font-size:18px;
      line-height:1.1;
      word-break:break-word;
      font-variant-numeric:tabular-nums;
      letter-spacing:-0.03em;
    }
    .strategyRegistryMetricValue.is-positive { color:var(--ok); }
    .strategyRegistryMetricValue.is-negative { color:#c44d4d; }
    .strategyRegistryMetricHint {
      display:block;
      color:#7d90ad;
      font-size:11px;
      line-height:1.35;
    }
    .strategyRegistryChartWrap {
      border:1px solid #dce6f2;
      border-radius:18px;
      background:linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(247,250,255,0.99) 100%);
      padding:11px 12px;
      display:grid;
      gap:8px;
      align-content:start;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.82);
    }
    .strategyRegistryChartHead {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      color:#5c7196;
      font-size:10px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:0.12em;
    }
    .strategyRegistryChartMeta {
      color:#173d72;
      font-size:11px;
      font-weight:800;
      text-transform:none;
      letter-spacing:0.02em;
      font-variant-numeric:tabular-nums;
    }
    .strategyRegistryChartBody { display:block; }
    .strategyRegistryChartCanvasWrap {
      position:relative;
      min-width:0;
    }
    .strategyRegistryChartYTicks {
      position:absolute;
      inset:0;
      pointer-events:none;
    }
    .strategyRegistryChartYTick {
      position:absolute;
      left:0;
      width:34px;
      padding-right:3px;
      color:#7890ae;
      font-size:10px;
      font-weight:700;
      line-height:1;
      text-align:right;
      font-variant-numeric:tabular-nums;
      transform:translateY(-50%);
    }
    .strategyRegistryChartYTick.is-negative {
      color:#de5a5a;
    }
    .strategyRegistryChartXTicks {
      position:absolute;
      inset:0;
      pointer-events:none;
    }
    .strategyRegistryChartXTick {
      position:absolute;
      bottom:12px;
      width:30px;
      color:#7890ae;
      font-size:10px;
      font-weight:700;
      line-height:1;
      text-align:center;
      font-variant-numeric:tabular-nums;
      white-space:nowrap;
      transform:translateX(-50%) rotate(-42deg);
      transform-origin:center bottom;
      letter-spacing:0;
    }
    .strategyRegistryChartCanvas {
      width:100%;
      height:138px;
      display:block;
    }
    .strategyRegistryChartEmpty {
      min-height:138px;
      display:grid;
      place-items:center;
      border:1px dashed #d7e3f7;
      border-radius:14px;
      color:#7a8fac;
      font-size:12px;
      font-weight:700;
      text-align:center;
      padding:12px;
    }
    .strategyRegistryChartTooltip {
      position:absolute;
      top:0;
      left:0;
      min-width:126px;
      max-width:min(220px, calc(100% - 8px));
      padding:10px 12px;
      border:1px solid rgba(18, 49, 94, 0.10);
      border-radius:12px;
      background:rgba(255,255,255,0.97);
      box-shadow:0 16px 32px rgba(24, 65, 118, 0.14);
      color:#173d72;
      pointer-events:none;
      transform:translate(0, 0);
      z-index:2;
    }
    .strategyRegistryChartTooltipLabel {
      font-size:10px;
      color:#60759b;
      font-weight:700;
      margin-bottom:4px;
      line-height:1.3;
    }
    .strategyRegistryChartTooltipValue {
      font-size:13px;
      font-weight:800;
      color:#173d72;
      line-height:1.35;
      font-variant-numeric:tabular-nums;
    }
    .strategyRegistryChartAxisFooter {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      color:#60759b;
      font-size:10px;
      margin-top:3px;
      font-weight:700;
    }
    .strategyRegistryChartAxisLabelX {
      text-transform:uppercase;
      letter-spacing:0.06em;
      color:#7388a8;
      font-size:10px;
    }
    .strategyRegistryChartRange {
      color:#60759b;
      font-size:10px;
      font-variant-numeric:tabular-nums;
    }
    .strategyRegistryFoot {
      margin:0;
      display:flex;
      flex-wrap:wrap;
      justify-content:space-between;
      gap:8px 12px;
      color:#667b9f;
      font-size:11px;
      line-height:1.4;
      font-variant-numeric:tabular-nums;
      align-self:end;
    }
    .strategyRegistryFootWrap {
      display:grid;
      gap:8px;
      align-self:end;
    }
    .strategyRegistryFootActions {
      display:flex;
      justify-content:flex-start;
    }
    .strategyRegistryVariantList {
      display:flex;
      flex-wrap:wrap;
      gap:6px;
    }
    .strategyRegistryVariantPill {
      display:inline-flex;
      align-items:center;
      padding:4px 8px;
      border-radius:999px;
      border:1px solid rgba(126, 153, 197, 0.28);
      background:rgba(236, 243, 255, 0.9);
      color:#4f668d;
      font-size:10px;
      font-weight:700;
      line-height:1.2;
    }
    .strategyRegistryVariantPillMasked {
      color:#60759b;
      filter:blur(1px);
      opacity:0.96;
      user-select:none;
      pointer-events:none;
    }
    .profileTabs {
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      margin-bottom:12px;
      max-width:100%;
      overflow-x:auto;
      overflow-y:hidden;
      -webkit-overflow-scrolling:touch;
    }
    .profileTab {
      border:1px solid var(--line);
      background:rgba(255,255,255,0.78);
      color:#2a466f;
      padding:9px 14px;
      border-radius:999px;
      font-size:12px;
      font-weight:800;
      letter-spacing:0.03em;
      text-transform:uppercase;
      cursor:pointer;
      transition:all 0.2s ease;
      flex:0 0 auto;
    }
    .profileTab:hover {
      border-color:rgba(37,111,255,0.35);
      transform:translateY(-1px);
    }
    .profileTab.is-active {
      color:#fff;
      background:linear-gradient(135deg, var(--accent), var(--accent-strong));
      border-color:rgba(16, 79, 191, 0.72);
      box-shadow:0 10px 18px rgba(19, 80, 187, 0.28);
    }
    .profilePanel.is-hidden { display:none; }
    .profileCustomStrategyManagement {
      margin-top:12px;
      padding-top:12px;
      border-top:1px solid var(--line-soft);
      display:grid;
      gap:8px;
    }
    .profileCustomStrategyOwnerTitle {
      color:#486184;
      font-size:12px;
      font-weight:700;
      line-height:1.4;
      overflow-wrap:anywhere;
    }
    .profileCustomStrategyActions {
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:8px;
    }
    .profileCustomStrategyActions .analyticsBtn {
      min-height:32px;
    }
    .sectionTitle {
      margin:0 0 8px;
      font-size:16px;
      font-weight:800;
      color:#15355d;
    }
    .summaryGrid {
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
      margin-bottom:12px;
    }
    .summaryItem {
      border:1px solid var(--line-soft);
      border-radius:12px;
      background:rgba(255,255,255,0.84);
      padding:10px 11px;
      display:grid;
      gap:4px;
    }
    .summaryLabel {
      color:#60759b;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:0.05em;
      font-weight:700;
    }
    .summaryValue {
      color:#153a69;
      font-size:14px;
      font-weight:800;
      line-height:1.2;
      font-variant-numeric:tabular-nums;
    }
    .tableWrap {
      overflow-x:auto;
      overflow-y:hidden;
      max-width:100%;
      -webkit-overflow-scrolling:touch;
      border-radius:14px;
      border:1px solid rgba(126, 153, 197, 0.24);
      background:rgba(255,255,255,0.86);
    }
    .tableWrap.tableWrapNoOverflowX {
      overflow-x:hidden;
    }
    table {
      width:max-content;
      min-width:100%;
      border-collapse:collapse;
      font-size:13px;
    }
    th, td {
      padding:9px 10px;
      border-bottom:1px solid rgba(126, 153, 197, 0.18);
      text-align:left;
      white-space:nowrap;
      font-variant-numeric:tabular-nums;
    }
    th {
      color:#60759b;
      font-size:11px;
      letter-spacing:0.05em;
      text-transform:uppercase;
      font-weight:800;
      background:rgba(247, 251, 255, 0.98);
      position:sticky;
      top:0;
      z-index:1;
    }
    .cell-center {
      text-align:center;
    }
    .cell-num {
      text-align:right;
    }
    .strategySignalsCell {
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:2px;
      line-height:1.15;
      min-width:124px;
      margin:0 auto;
    }
    .strategySignalsTotal {
      color:#1f3a5f;
      font-weight:700;
      font-size:13px;
    }
    .strategySignalsBreakdown {
      display:flex;
      align-items:center;
      gap:4px;
      font-size:10px;
      font-weight:600;
      white-space:nowrap;
    }
    .strategyAnalyticsTable {
      width:100%;
      min-width:100%;
    }
    .strategyAnalyticsTable th,
    .strategyAnalyticsTable td {
      vertical-align:middle;
      white-space:normal;
    }
    .strategyAnalyticsTable th.col-period,
    .strategyAnalyticsTable td.col-period {
      text-align:center;
    }
    .strategyAnalyticsTable th.cell-num,
    .strategyAnalyticsTable td.cell-num,
    .strategyAnalyticsTable th.col-signals,
    .strategyAnalyticsTable td.col-signals,
    .strategyAnalyticsTable th.col-profit,
    .strategyAnalyticsTable td.col-profit,
    .strategyAnalyticsTable th.col-roi,
    .strategyAnalyticsTable td.col-roi,
    .strategyAnalyticsTable th.col-hit,
    .strategyAnalyticsTable td.col-hit,
    .strategyAnalyticsTable th.col-drawdown,
    .strategyAnalyticsTable td.col-drawdown {
      text-align:center;
    }
    .strategyAnalyticsTable .col-period {
      white-space:normal;
      overflow-wrap:normal;
      word-break:normal;
    }
    .strategyAnalyticsTable .cell-num,
    .strategyAnalyticsTable .col-signals,
    .strategyAnalyticsTable .col-drawdown,
    .strategyAnalyticsTable .col-hit {
      white-space:nowrap;
    }
    .strategyAnalyticsTable .col-signals {
      text-align:center;
    }
    .strategySignalsHeader {
      display:inline-flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:2px;
      line-height:1.1;
      white-space:normal;
    }
    .strategySignalsHeaderMain {
      display:block;
      white-space:normal;
    }
    .strategySignalsHeaderMainMobile {
      display:none;
    }
    .strategySignalsHeaderMeta {
      display:block;
      font-size:10px;
      letter-spacing:0.03em;
      line-height:1.1;
      text-transform:none;
    }
    .strategyAnalyticsLabelMobile,
    .strategyAnalyticsDrawdownHeaderMobile {
      display:none;
    }
    .strategyDrawdownCell {
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:1px;
      line-height:1.08;
    }
    .strategyDrawdownValue {
      display:block;
      font-variant-numeric:tabular-nums;
    }
    .strategyDrawdownValue.tone-neg {
      color:var(--danger);
    }
    .strategyDrawdownValue.tone-pos {
      color:var(--ok);
    }
    .strategyAnalyticsDrawdownDays {
      display:block;
      font-size:10px;
      color:#60759b;
      white-space:nowrap;
    }
    .strategyAnalyticsHitRateDesktop {
      display:inline;
    }
    .strategyAnalyticsHitRateMobile {
      display:none;
    }
    .sigPlus {
      color:var(--ok);
    }
    .sigMinus {
      color:var(--danger);
    }
    .sigReturn {
      color:#47649d;
    }
    .sigUnknown {
      color:#9a6700;
    }
    .sigSep {
      color:#8da0bb;
      font-weight:500;
    }
    .tablePagination {
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:6px;
      margin-top:10px;
      max-width:100%;
      overflow-x:auto;
      overflow-y:hidden;
      -webkit-overflow-scrolling:touch;
      padding-bottom:2px;
    }
    .pageLink {
      border:1px solid rgba(126, 153, 197, 0.36);
      background:rgba(255,255,255,0.92);
      color:#2a466f;
      min-width:30px;
      height:30px;
      border-radius:9px;
      padding:0 8px;
      font-size:12px;
      font-weight:700;
      line-height:1;
      cursor:pointer;
      transition:all 0.2s ease;
      flex:0 0 auto;
    }
    .pageLink:not(:disabled):hover {
      border-color:rgba(37,111,255,0.42);
      transform:translateY(-1px);
    }
    .pageLink.is-active {
      color:#fff;
      background:linear-gradient(135deg, var(--accent), var(--accent-strong));
      border-color:rgba(16, 79, 191, 0.72);
      box-shadow:0 8px 14px rgba(19, 80, 187, 0.24);
      cursor:default;
    }
    .pageLink:disabled {
      opacity:0.62;
      cursor:default;
      transform:none;
    }
    .pageDots {
      color:#6a81a3;
      font-size:12px;
      font-weight:700;
      padding:0 4px;
      user-select:none;
    }
    td.positive { color:var(--ok); font-weight:700; }
    td.negative { color:var(--danger); font-weight:700; }
    .mutedNote {
      margin:8px 0 0;
      color:#6a81a3;
      font-size:12px;
    }
    .strategyCoefFootnote {
      margin-top:10px;
      line-height:1.45;
      white-space:normal;
      overflow-wrap:anywhere;
    }
    .emptyState {
      border:1px dashed rgba(126, 153, 197, 0.42);
      border-radius:14px;
      padding:16px;
      color:#5f7699;
      background:rgba(245, 250, 255, 0.82);
      font-size:13px;
      line-height:1.5;
    }
    .strategyCurrentGate {
      display:grid;
      gap:10px;
      min-width:0;
      border:1px solid rgba(123, 151, 197, 0.42);
      border-radius:14px;
      padding:14px 15px;
      background:linear-gradient(180deg, rgba(247, 250, 255, 0.96), rgba(238, 244, 252, 0.98));
      box-shadow:0 10px 18px rgba(25, 52, 97, 0.08);
    }
    .strategyCurrentGateTitle {
      margin:0;
      color:#1a3568;
      font-size:14px;
      font-weight:800;
      line-height:1.25;
    }
    .strategyCurrentGateBody {
      margin:0;
      color:#5a6f91;
      font-size:12px;
      line-height:1.45;
    }
    .strategyCurrentGateActions {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      min-width:0;
    }
    .strategyCurrentGateAction {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:34px;
      padding:7px 12px;
      border-radius:10px;
      border:1px solid rgba(26, 95, 214, 0.22);
      background:#fff;
      color:#1f66e5;
      font-size:12px;
      line-height:1.1;
      font-weight:700;
      text-decoration:none;
      box-shadow:0 6px 14px rgba(25, 52, 97, 0.06);
    }
    .strategyCurrentGateActionPrimary {
      background:linear-gradient(150deg, var(--accent) 0%, var(--accent-strong) 100%);
      color:#fff;
      border-color:transparent;
      box-shadow:0 8px 16px rgba(24, 70, 153, 0.22);
    }
    .matchesSections {
      display:grid;
      gap:10px;
      min-width:0;
    }
    .matchesInnerTabs {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:0 0 6px;
      min-width:0;
    }
    .matchesInnerTab {
      border:1px solid rgba(129, 152, 189, 0.52);
      background:#f7fbff;
      color:#34527c;
      border-radius:999px;
      font-size:11px;
      font-weight:700;
      letter-spacing:0.02em;
      padding:6px 12px;
      cursor:pointer;
      flex:0 0 auto;
      line-height:1.1;
    }
    .matchesInnerTab.is-active {
      color:#fff;
      background:linear-gradient(135deg, var(--accent), var(--accent-strong));
      border-color:rgba(16, 79, 191, 0.72);
      box-shadow:0 8px 16px rgba(19, 80, 187, 0.2);
    }
    .matchesInnerPanel {
      display:grid;
      gap:8px;
      min-width:0;
    }
    .matchesInnerPanel.is-hidden {
      display:none;
    }
    .strategyMatchesWrap {
      width:100%;
      min-width:0;
      max-width:100%;
      overflow-x:auto;
      overflow-y:hidden;
      -webkit-overflow-scrolling:touch;
    }
    .strategyMatchesTable {
      width:100%;
      min-width:860px;
      font-size:11px;
      line-height:1.25;
    }
    .strategyMatchesTable th,
    .strategyMatchesTable td {
      padding:5px 7px;
      white-space:nowrap;
    }
    .strategyMatchesTable th {
      vertical-align:middle;
    }
    .strategyMatchesTable td {
      vertical-align:middle;
    }
    .strategyMatchesTable .timeCell,
    .strategyMatchesTable .numCell,
    .strategyMatchesTable .coefCell,
    .strategyMatchesTable .centerCell {
      white-space:nowrap;
      width:1%;
    }
    .strategyMatchesTable .numCell,
    .strategyMatchesTable .coefCell,
    .strategyMatchesTable .centerCell,
    .strategyMatchesTable .colType,
    .strategyMatchesTable .colSignalTime,
    .strategyMatchesTable .colMatchTime,
    .strategyMatchesTable .colStep,
    .strategyMatchesTable .colSteps,
    .strategyMatchesTable .colCoef,
    .strategyMatchesTable .colMinute,
    .strategyMatchesTable .colScore,
    .strategyMatchesTable .colForecast,
    .strategyMatchesTable .colLastForecast,
    .strategyMatchesTable .colResult,
    .strategyMatchesTable .colMark,
    .strategyMatchesTable .colProfit,
    .strategyMatchesTable .colFonbet {
      text-align:center;
    }
    .strategyResultIcon {
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:22px;
      min-width:22px;
      height:22px;
      min-height:22px;
      border-radius:7px;
      border:1px solid rgba(106, 129, 164, 0.42);
      background:rgba(242, 246, 253, 0.95);
      line-height:1;
      color:#6b82a4;
      overflow:hidden;
    }
    .strategyResultIconGlyph {
      position:relative;
      display:block;
      width:12px;
      height:12px;
    }
    .strategyResultIconGlyph::before,
    .strategyResultIconGlyph::after {
      content:'';
      position:absolute;
      pointer-events:none;
    }
    .strategyResultIconWin {
      border-color:rgba(15, 139, 76, 0.38);
      background:rgba(15, 139, 76, 0.12);
      color:#0f8b4c;
    }
    .strategyResultIconGlyphWin::before {
      left:3px;
      top:0;
      width:5px;
      height:9px;
      border-right:2px solid currentColor;
      border-bottom:2px solid currentColor;
      transform:rotate(45deg);
    }
    .strategyResultIconLose {
      border-color:rgba(177, 59, 59, 0.36);
      background:rgba(177, 59, 59, 0.11);
      color:#b13b3b;
    }
    .strategyResultIconGlyphLose::before,
    .strategyResultIconGlyphLose::after {
      top:5px;
      left:1px;
      width:10px;
      height:2px;
      border-radius:999px;
      background:currentColor;
    }
    .strategyResultIconGlyphLose::before {
      transform:rotate(45deg);
    }
    .strategyResultIconGlyphLose::after {
      transform:rotate(-45deg);
    }
    .strategyResultIconReturn {
      border-color:rgba(80, 117, 165, 0.4);
      background:rgba(80, 117, 165, 0.12);
      color:#506e95;
    }
    .strategyResultIconGlyphReturn::before {
      content:'↺';
      left:0;
      right:0;
      top:0;
      text-align:center;
      font-size:11px;
      font-weight:700;
      line-height:12px;
    }
    .strategyResultIconGlyphUnknown::before {
      content:'—';
      left:0;
      right:0;
      top:0;
      text-align:center;
      font-size:11px;
      font-weight:700;
      line-height:12px;
    }
    .strategyMatchMobileValue.strategyResultIconWrap {
      display:inline-flex;
      align-items:center;
      justify-content:flex-start;
      white-space:nowrap;
      overflow-wrap:normal;
      word-break:normal;
    }
    .strategyMatchesTable .strategyMatchTimeCell {
      display:inline-flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:1px;
      line-height:1.2;
      min-height:30px;
    }
    .strategyMatchesTable .strategyMatchTimeDate,
    .strategyMatchesTable .strategyMatchTimeClock {
      display:block;
      white-space:nowrap;
    }
    .strategyMatchesTable .matchCell,
    .strategyMatchesTable .colMatch {
      width:32%;
      min-width:250px;
      max-width:380px;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .strategyMatchesTable td.matchCell,
    .strategyMatchesTable td.colMatch {
      text-align:left;
    }
    .strategyMatchesTable th.matchCell,
    .strategyMatchesTable th.colMatch {
      text-align:left;
    }
    .strategyMatchesTablePast thead th.colMatchHeaderPast {
      text-align:center;
    }
    .strategyMatchesTablePast {
      width:100%;
      min-width:100%;
      table-layout:auto;
    }
    .strategyMatchesTablePast th,
    .strategyMatchesTablePast td {
      min-width:0;
    }
    .strategyMatchesTablePast col.colPastMatchTime {
      width:92px;
    }
    .strategyMatchesTablePast col.colPastMatch {
      width:auto;
    }
    .strategyMatchesTablePast col.colPastMarket {
      width:132px;
    }
    .strategyMatchesTablePast col.colPastForecast {
      width:64px;
    }
    .strategyMatchesTablePast col.colPastCoef {
      width:52px;
    }
    .strategyMatchesTablePast col.colPastStep {
      width:46px;
    }
    .strategyMatchesTablePast col.colPastMark {
      width:54px;
    }
    .strategyMatchesTablePast col.colPastResult {
      width:74px;
    }
    .strategyMatchesTablePast col.colPastProfit {
      width:68px;
    }
    .strategyMatchesTablePast col.colPastFonbet {
      width:80px;
    }
    .strategyMatchesTablePast .colMatchTime {
      width:92px;
      min-width:86px;
      max-width:96px;
    }
    .strategyMatchesTablePast .colMatch {
      width:auto;
      min-width:240px;
      max-width:none;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .strategyMatchesTablePast .colMarket {
      width:132px;
      min-width:120px;
      max-width:145px;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .strategyMatchesTablePast .colForecast,
    .strategyMatchesTablePast .colLastForecast {
      width:64px;
      min-width:58px;
      max-width:70px;
    }
    .strategyMatchesTablePast .colCoef {
      width:52px;
      min-width:46px;
      max-width:58px;
    }
    .strategyMatchesTablePast .colStep,
    .strategyMatchesTablePast .colSteps {
      width:46px;
      min-width:42px;
      max-width:50px;
    }
    .strategyMatchesTablePast .colMark {
      width:54px;
      min-width:48px;
      max-width:58px;
    }
    .strategyMatchesTablePast .colResult {
      width:74px;
      min-width:68px;
      max-width:82px;
    }
    .strategyMatchesTablePast thead th.colMatchTime,
    .strategyMatchesTablePast thead th.colResult {
      overflow:visible;
      text-overflow:clip;
    }
    .strategyMatchesTablePast .colProfit {
      width:68px;
      min-width:62px;
      max-width:74px;
    }
    .strategyMatchesTablePast .colFonbet {
      width:80px;
      min-width:72px;
      max-width:86px;
    }
    .strategyMatchesTablePast .colMatchTime,
    .strategyMatchesTablePast .colCoef,
    .strategyMatchesTablePast .colStep,
    .strategyMatchesTablePast .colSteps,
    .strategyMatchesTablePast .colForecast,
    .strategyMatchesTablePast .colLastForecast,
    .strategyMatchesTablePast .colResult,
    .strategyMatchesTablePast .colMark,
    .strategyMatchesTablePast .colProfit,
    .strategyMatchesTablePast .colFonbet {
      white-space:nowrap;
    }
    .strategyMatchesTable .strategyMatchCell {
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:2px;
      min-height:30px;
    }
    .strategyMatchesTable .strategyMatchName {
      font-weight:600;
      color:#1a2f52;
      line-height:1.25;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .strategyMatchesTable .strategyMatchLeague {
      color:#6b82a4;
      font-size:10px;
      line-height:1.25;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .strategyMatchesTableCurrent {
      width:100%;
      min-width:100%;
      table-layout:auto;
    }
    .strategyMatchesTableCurrent th,
    .strategyMatchesTableCurrent td {
      min-width:0;
    }
    .strategyMatchesTableCurrent col.colCurrentType {
      width:78px;
    }
    .strategyMatchesTableCurrent col.colCurrentSignalTime {
      width:88px;
    }
    .strategyMatchesTableCurrent col.colCurrentMatch {
      width:auto;
    }
    .strategyMatchesTableCurrent col.colCurrentMarket {
      width:132px;
    }
    .strategyMatchesTableCurrent col.colCurrentForecast {
      width:68px;
    }
    .strategyMatchesTableCurrent col.colCurrentCoef {
      width:56px;
    }
    .strategyMatchesTableCurrent col.colCurrentStep {
      width:46px;
    }
    .strategyMatchesTableCurrent col.colCurrentMinute {
      width:64px;
    }
    .strategyMatchesTableCurrent col.colCurrentScore {
      width:52px;
    }
    .strategyMatchesTableCurrent col.colCurrentFonbet {
      width:78px;
    }
    .strategyMatchesTableCurrent .colType {
      width:78px;
      min-width:70px;
      max-width:85px;
    }
    .strategyMatchesTableCurrent .colSignalTime {
      width:88px;
      min-width:80px;
      max-width:92px;
    }
    .strategyMatchesTableCurrent .colMatch {
      width:auto;
      min-width:240px;
      max-width:none;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .strategyMatchesTableCurrent .marketCell,
    .strategyMatchesTableCurrent .colMarket {
      text-align:left;
      width:132px;
      min-width:120px;
      max-width:150px;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .strategyMatchesTableCurrent .colForecast {
      width:68px;
      min-width:60px;
      max-width:75px;
    }
    .strategyMatchesTableCurrent .colCoef {
      width:56px;
      min-width:48px;
      max-width:60px;
    }
    .strategyMatchesTableCurrent .colStep {
      width:46px;
      min-width:42px;
      max-width:50px;
    }
    .strategyMatchesTableCurrent .colMinute {
      width:64px;
      min-width:58px;
      max-width:70px;
    }
    .strategyMatchesTableCurrent .colScore {
      width:52px;
      min-width:48px;
      max-width:58px;
    }
    .strategyMatchesTableCurrent .colFonbet {
      width:78px;
      min-width:70px;
      max-width:85px;
    }
    .strategyMatchesTableCurrent .colType,
    .strategyMatchesTableCurrent .colSignalTime,
    .strategyMatchesTableCurrent .colForecast,
    .strategyMatchesTableCurrent .colCoef,
    .strategyMatchesTableCurrent .colStep,
    .strategyMatchesTableCurrent .colMinute,
    .strategyMatchesTableCurrent .colScore,
    .strategyMatchesTableCurrent .colFonbet {
      white-space:nowrap;
    }
    .strategyMatchesTableCurrent thead th.colMatchHeaderCurrent {
      text-align:center;
    }
    .strategyMatchesTableCurrent tbody td.colMatch {
      text-align:left;
    }
    .strategyMatchesTableCurrent tbody td.colMarket {
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .strategyMatchesTable .fonbetCell {
      min-width:78px;
      text-align:center;
    }
    .openLink {
      color:#1f66e5;
      text-decoration:none;
      font-weight:700;
    }
    .strategyMatchesTable .fonbetCell .openLink {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:5px;
      min-height:24px;
      padding:4px 8px;
      border-radius:8px;
      border:1px solid rgba(26, 95, 214, 0.32);
      background:rgba(242, 248, 255, 0.9);
      font-size:11px;
      line-height:1;
    }
    .strategyMatchOpenLinkText {
      display:inline-block;
      min-width:0;
    }
    .strategyMatchOpenLinkIcon {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:14px;
      height:14px;
      color:currentColor;
      flex:0 0 auto;
    }
    .strategyMatchOpenLinkIcon svg {
      display:block;
      width:100%;
      height:100%;
    }
    .strategyMatchesDesktopOnly {
      display:block;
      min-width:0;
    }
    .strategyMatchesMobileList {
      display:none;
      gap:8px;
      min-width:0;
      max-width:100%;
    }
    .strategyMatchMobileCard {
      background:rgba(246, 250, 255, 0.96);
      border:1px solid rgba(140, 165, 204, 0.4);
      border-radius:14px;
      padding:10px 12px;
      display:grid;
      gap:8px;
      min-width:0;
    }
    .strategyMatchMobileHeader {
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:8px;
      color:#6b82a4;
      font-size:10px;
      font-weight:700;
      line-height:1.2;
    }
    .strategyMatchMobileTitle {
      color:#1a2f52;
      font-size:13px;
      font-weight:700;
      line-height:1.3;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .strategyMatchMobileLeague {
      color:#6b82a4;
      font-size:10px;
      line-height:1.3;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .strategyMatchMobileGrid {
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:7px 10px;
      min-width:0;
    }
    .strategyMatchMobileItem {
      display:grid;
      gap:2px;
      min-width:0;
    }
    .strategyMatchMobileLabel {
      color:#7288ab;
      font-size:9px;
      font-weight:700;
      letter-spacing:0.02em;
      text-transform:uppercase;
      line-height:1.2;
    }
    .strategyMatchMobileValue {
      color:#1a2f52;
      font-size:12px;
      line-height:1.25;
      font-weight:600;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .strategyMatchMobileValue.positive {
      color:#0f8b4c;
    }
    .strategyMatchMobileValue.negative {
      color:#b13b3b;
    }
    .strategyMatchMobileAction {
      display:flex;
      justify-content:flex-end;
      align-items:center;
      min-width:0;
    }
    .strategyMatchMobileAction .openLink {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:30px;
      padding:6px 10px;
      border-radius:10px;
      border:1px solid rgba(26, 95, 214, 0.32);
      background:rgba(242, 248, 255, 0.95);
      font-size:12px;
      line-height:1.1;
      text-decoration:none;
    }
    .strategyMatchCoupon,
    .strategyMatchMobileCardPastCoupon {
      --coupon-corner-radius:18px;
      --coupon-side-notch-depth:10px;
      --coupon-stub-width:102px;
      --coupon-seam-width:10px;
      --coupon-logo-scale:1.12;
      --coupon-logo-shift-x:0px;
      --coupon-logo-shift-y:-7px;
      --coupon-small-hole-count-per-group:8;
      --coupon-small-hole-step:14px;
      --coupon-top-safe-gap:18px;
      --coupon-bottom-safe-gap:18px;
      --coupon-notch-to-first-hole-gap:12px;
      --coupon-seam-dot-size:1px;
      --coupon-seam-dot-gap:4px;
      --coupon-seam-line-color:rgba(35, 88, 178, 0.26);
      --coupon-notch-layer-width:14px;
      --coupon-logo-chip-radius:16px;
      --coupon-logo-chip-padding:7px;
      --coupon-logo-chip-bg:rgba(255, 255, 255, 0.78);
      --coupon-logo-chip-border:rgba(255, 255, 255, 0.9);
      --coupon-logo-chip-inset-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(17, 67, 142, 0.1), 0 12px 20px rgba(8, 39, 92, 0.28);
      --coupon-logo-drop-shadow:0 13px 22px rgba(8, 39, 92, 0.34);
      --coupon-small-hole-rx:3px;
      --coupon-small-hole-ry:4.75px;
      --coupon-center-notch-rx:6.5px;
      --coupon-center-notch-ry:10px;
      --coupon-seam-notch-rx:var(--coupon-center-notch-rx);
      --coupon-seam-notch-ry:var(--coupon-center-notch-ry);
      --coupon-corner-notch-rx:var(--coupon-center-notch-rx);
      --coupon-corner-notch-ry:var(--coupon-center-notch-ry);
      --coupon-notch-small-rx:var(--coupon-small-hole-rx);
      --coupon-notch-small-ry:var(--coupon-small-hole-ry);
      --coupon-notch-center-rx:var(--coupon-center-notch-rx);
      --coupon-notch-center-ry:var(--coupon-center-notch-ry);
      --coupon-seam-boundary-x:calc(var(--coupon-stub-width) + (var(--coupon-seam-width) * 0.5));
      --coupon-seam-line-cap-offset:var(--coupon-seam-notch-ry);
      --coupon-seam-glow-cap-offset:calc(var(--coupon-seam-notch-ry) + 1px);
      --coupon-stub-color-top:#5c93cc;
      --coupon-stub-color-mid:#3f78bc;
      --coupon-stub-color-bottom:#2c619b;
      --coupon-stub-datetime-divider-alpha:0.28;
      --coupon-stub-highlight-alpha:0.22;
      --coupon-stub-top-line-alpha-a:0.1;
      --coupon-stub-top-line-alpha-b:0.38;
      --coupon-stub-frame-alpha:0;
      --coupon-body-tint-alpha:0.09;
      --coupon-divider-color:rgba(34, 92, 186, 0.34);
      --coupon-grid-gap-row:0px;
      --coupon-grid-gap-col:0px;
      --coupon-body-main-gap:10px;
      --coupon-profit-panel-width:82px;
      --coupon-profit-panel-min-width:var(--coupon-profit-panel-width);
      --coupon-profit-panel-padding-x:8px;
      --coupon-profit-panel-border-color:rgba(38, 93, 182, 0.18);
      --coupon-profit-panel-bg-neutral:linear-gradient(180deg, rgba(250, 253, 255, 0.96), rgba(239, 246, 255, 0.94));
      --coupon-profit-panel-bg-positive:linear-gradient(180deg, rgba(239, 251, 244, 0.98), rgba(216, 241, 227, 0.94));
      --coupon-profit-panel-bg-negative:linear-gradient(180deg, rgba(255, 244, 244, 0.98), rgba(247, 222, 222, 0.94));
      --coupon-profit-panel-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.76), inset 0 -1px 0 rgba(25, 75, 145, 0.06);
      --coupon-stats-table-bg:linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(247, 250, 255, 0.98));
      --coupon-stats-table-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(34, 82, 154, 0.04), 0 8px 18px rgba(20, 58, 120, 0.1);
      --coupon-stats-table-divider:rgba(70, 104, 160, 0.15);
      --coupon-card-shadow:0 30px 58px rgba(5, 24, 55, 0.32), 8px 14px 26px rgba(12, 42, 92, 0.18), 0 5px 12px rgba(12, 42, 92, 0.12);
      --coupon-card-inset-highlight:inset 1px 1px 0 rgba(255, 255, 255, 0.86);
      --coupon-card-inset-ring:inset 0 0 0 1px rgba(255, 255, 255, 0.62);
      --coupon-hole-upper-near-notch:calc(50% - var(--coupon-center-notch-ry) - var(--coupon-notch-to-first-hole-gap));
      --coupon-hole-lower-near-notch:calc(50% + var(--coupon-center-notch-ry) + var(--coupon-notch-to-first-hole-gap));
      --coupon-hole-hidden-offset:200vh;
      --coupon-hole-active-0:clamp(0, calc(var(--coupon-small-hole-count-per-group) - 0), 1);
      --coupon-hole-active-1:clamp(0, calc(var(--coupon-small-hole-count-per-group) - 1), 1);
      --coupon-hole-active-2:clamp(0, calc(var(--coupon-small-hole-count-per-group) - 2), 1);
      --coupon-hole-active-3:clamp(0, calc(var(--coupon-small-hole-count-per-group) - 3), 1);
      --coupon-hole-active-4:clamp(0, calc(var(--coupon-small-hole-count-per-group) - 4), 1);
      --coupon-hole-active-5:clamp(0, calc(var(--coupon-small-hole-count-per-group) - 5), 1);
      --coupon-hole-active-6:clamp(0, calc(var(--coupon-small-hole-count-per-group) - 6), 1);
      --coupon-hole-active-7:clamp(0, calc(var(--coupon-small-hole-count-per-group) - 7), 1);
      --coupon-hole-active-8:clamp(0, calc(var(--coupon-small-hole-count-per-group) - 8), 1);
      --coupon-hole-active-9:clamp(0, calc(var(--coupon-small-hole-count-per-group) - 9), 1);
      --coupon-hole-active-10:clamp(0, calc(var(--coupon-small-hole-count-per-group) - 10), 1);
      --coupon-hole-upper-0:calc(var(--coupon-hole-upper-near-notch) - (var(--coupon-small-hole-step) * 0) - ((1 - var(--coupon-hole-active-0)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-upper-1:calc(var(--coupon-hole-upper-near-notch) - (var(--coupon-small-hole-step) * 1) - ((1 - var(--coupon-hole-active-1)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-upper-2:calc(var(--coupon-hole-upper-near-notch) - (var(--coupon-small-hole-step) * 2) - ((1 - var(--coupon-hole-active-2)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-upper-3:calc(var(--coupon-hole-upper-near-notch) - (var(--coupon-small-hole-step) * 3) - ((1 - var(--coupon-hole-active-3)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-upper-4:calc(var(--coupon-hole-upper-near-notch) - (var(--coupon-small-hole-step) * 4) - ((1 - var(--coupon-hole-active-4)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-upper-5:calc(var(--coupon-hole-upper-near-notch) - (var(--coupon-small-hole-step) * 5) - ((1 - var(--coupon-hole-active-5)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-upper-6:calc(var(--coupon-hole-upper-near-notch) - (var(--coupon-small-hole-step) * 6) - ((1 - var(--coupon-hole-active-6)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-upper-7:calc(var(--coupon-hole-upper-near-notch) - (var(--coupon-small-hole-step) * 7) - ((1 - var(--coupon-hole-active-7)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-upper-8:calc(var(--coupon-hole-upper-near-notch) - (var(--coupon-small-hole-step) * 8) - ((1 - var(--coupon-hole-active-8)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-upper-9:calc(var(--coupon-hole-upper-near-notch) - (var(--coupon-small-hole-step) * 9) - ((1 - var(--coupon-hole-active-9)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-upper-10:calc(var(--coupon-hole-upper-near-notch) - (var(--coupon-small-hole-step) * 10) - ((1 - var(--coupon-hole-active-10)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-lower-0:calc(var(--coupon-hole-lower-near-notch) + (var(--coupon-small-hole-step) * 0) + ((1 - var(--coupon-hole-active-0)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-lower-1:calc(var(--coupon-hole-lower-near-notch) + (var(--coupon-small-hole-step) * 1) + ((1 - var(--coupon-hole-active-1)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-lower-2:calc(var(--coupon-hole-lower-near-notch) + (var(--coupon-small-hole-step) * 2) + ((1 - var(--coupon-hole-active-2)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-lower-3:calc(var(--coupon-hole-lower-near-notch) + (var(--coupon-small-hole-step) * 3) + ((1 - var(--coupon-hole-active-3)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-lower-4:calc(var(--coupon-hole-lower-near-notch) + (var(--coupon-small-hole-step) * 4) + ((1 - var(--coupon-hole-active-4)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-lower-5:calc(var(--coupon-hole-lower-near-notch) + (var(--coupon-small-hole-step) * 5) + ((1 - var(--coupon-hole-active-5)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-lower-6:calc(var(--coupon-hole-lower-near-notch) + (var(--coupon-small-hole-step) * 6) + ((1 - var(--coupon-hole-active-6)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-lower-7:calc(var(--coupon-hole-lower-near-notch) + (var(--coupon-small-hole-step) * 7) + ((1 - var(--coupon-hole-active-7)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-lower-8:calc(var(--coupon-hole-lower-near-notch) + (var(--coupon-small-hole-step) * 8) + ((1 - var(--coupon-hole-active-8)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-lower-9:calc(var(--coupon-hole-lower-near-notch) + (var(--coupon-small-hole-step) * 9) + ((1 - var(--coupon-hole-active-9)) * var(--coupon-hole-hidden-offset)));
      --coupon-hole-lower-10:calc(var(--coupon-hole-lower-near-notch) + (var(--coupon-small-hole-step) * 10) + ((1 - var(--coupon-hole-active-10)) * var(--coupon-hole-hidden-offset)));
      --coupon-cutout-span-per-group:calc((var(--coupon-small-hole-count-per-group) - 1) * var(--coupon-small-hole-step));
      --coupon-cutout-min-height:calc(
        var(--coupon-top-safe-gap) +
        var(--coupon-bottom-safe-gap) +
        (2 * var(--coupon-cutout-span-per-group)) +
        (2 * var(--coupon-notch-to-first-hole-gap)) +
        (2 * var(--coupon-center-notch-ry))
      );
      position:relative;
      display:grid;
      grid-template-columns:var(--coupon-stub-width) var(--coupon-seam-width) minmax(0, 1fr);
      align-items:stretch;
      gap:0;
      width:100%;
      min-width:0;
      max-width:100%;
      min-height:var(--coupon-cutout-min-height);
      padding:0;
      border:1px solid rgba(23, 78, 164, 0.28);
      border-radius:0;
      background:linear-gradient(145deg, #ffffff 0%, #f7fbff 100%);
      box-shadow:var(--coupon-card-shadow), var(--coupon-card-inset-highlight), var(--coupon-card-inset-ring);
      filter:drop-shadow(0 10px 18px rgba(12, 39, 85, 0.14));
      overflow:hidden;
      isolation:isolate;
      -webkit-mask-image:
        linear-gradient(#000 0 0),
        radial-gradient(ellipse var(--coupon-corner-notch-rx) var(--coupon-corner-notch-ry) at 0 0, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-corner-notch-rx) var(--coupon-corner-notch-ry) at 100% 0, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-corner-notch-rx) var(--coupon-corner-notch-ry) at 0 100%, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-corner-notch-rx) var(--coupon-corner-notch-ry) at 100% 100%, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-seam-notch-rx) var(--coupon-seam-notch-ry) at var(--coupon-seam-boundary-x) 0, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-seam-notch-rx) var(--coupon-seam-notch-ry) at var(--coupon-seam-boundary-x) 100%, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-0), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-1), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-2), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-3), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-4), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-5), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-6), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-7), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-8), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-9), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-10), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-center-rx) var(--coupon-notch-center-ry) at 0 50%, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-0), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-1), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-2), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-3), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-4), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-5), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-6), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-7), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-8), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-9), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-10), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-0), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-1), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-2), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-3), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-4), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-5), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-6), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-7), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-8), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-9), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-10), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-center-rx) var(--coupon-notch-center-ry) at 100% 50%, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-0), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-1), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-2), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-3), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-4), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-5), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-6), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-7), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-8), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-9), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-10), transparent 96%, #000 100%);
      mask-image:
        linear-gradient(#000 0 0),
        radial-gradient(ellipse var(--coupon-corner-notch-rx) var(--coupon-corner-notch-ry) at 0 0, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-corner-notch-rx) var(--coupon-corner-notch-ry) at 100% 0, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-corner-notch-rx) var(--coupon-corner-notch-ry) at 0 100%, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-corner-notch-rx) var(--coupon-corner-notch-ry) at 100% 100%, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-seam-notch-rx) var(--coupon-seam-notch-ry) at var(--coupon-seam-boundary-x) 0, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-seam-notch-rx) var(--coupon-seam-notch-ry) at var(--coupon-seam-boundary-x) 100%, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-0), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-1), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-2), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-3), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-4), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-5), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-6), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-7), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-8), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-9), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-upper-10), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-center-rx) var(--coupon-notch-center-ry) at 0 50%, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-0), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-1), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-2), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-3), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-4), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-5), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-6), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-7), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-8), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-9), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 0 var(--coupon-hole-lower-10), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-0), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-1), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-2), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-3), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-4), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-5), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-6), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-7), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-8), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-9), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-upper-10), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-center-rx) var(--coupon-notch-center-ry) at 100% 50%, transparent 97%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-0), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-1), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-2), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-3), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-4), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-5), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-6), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-7), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-8), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-9), transparent 96%, #000 100%),
        radial-gradient(ellipse var(--coupon-notch-small-rx) var(--coupon-notch-small-ry) at 100% var(--coupon-hole-lower-10), transparent 96%, #000 100%);
      -webkit-mask-composite:xor;
      mask-composite:exclude;
    }
    .strategyMatchCouponStub,
    .strategyMatchPastCouponRail {
      position:relative;
      z-index:1;
      display:grid;
      grid-template-rows:minmax(0, 1fr) minmax(0, 1fr);
      align-items:center;
      justify-items:center;
      align-content:stretch;
      row-gap:8px;
      padding:10px 8px;
      background:
        linear-gradient(180deg, var(--coupon-stub-color-top) 0%, var(--coupon-stub-color-mid) 54%, var(--coupon-stub-color-bottom) 100%),
        radial-gradient(circle at 28% 4%, rgba(255, 255, 255, var(--coupon-stub-highlight-alpha)), rgba(255, 255, 255, 0) 58%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0) 62%);
      color:#fff;
      min-width:0;
      overflow:hidden;
    }
    .strategyMatchCouponStub::before,
    .strategyMatchPastCouponRail::before {
      content:'';
      position:absolute;
      top:0;
      left:0;
      right:0;
      height:1px;
      background:linear-gradient(90deg, rgba(255, 255, 255, var(--coupon-stub-top-line-alpha-a)), rgba(255, 255, 255, var(--coupon-stub-top-line-alpha-b)), rgba(255, 255, 255, var(--coupon-stub-top-line-alpha-a)));
      pointer-events:none;
    }
    .strategyMatchCouponStub::after,
    .strategyMatchPastCouponRail::after {
      content:'';
      position:absolute;
      inset:0;
      background:
        radial-gradient(135% 90% at 22% -8%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0) 62%),
        linear-gradient(160deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 45%);
      pointer-events:none;
    }
    .strategyMatchCouponSeam {
      position:relative;
      z-index:2;
      min-width:0;
      background:linear-gradient(90deg, rgba(22, 73, 154, 0.16), rgba(255, 255, 255, 0.42) 48%, rgba(17, 68, 148, 0.2));
      box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.58), inset -1px 0 0 rgba(19, 69, 148, 0.22), 4px 0 12px rgba(19, 69, 148, 0.14), -2px 0 8px rgba(11, 46, 108, 0.08);
    }
    .strategyMatchCouponSeam::before {
      content:'';
      position:absolute;
      top:var(--coupon-seam-line-cap-offset);
      bottom:var(--coupon-seam-line-cap-offset);
      left:50%;
      width:1px;
      transform:translateX(-50%);
      background:repeating-linear-gradient(
        to bottom,
        var(--coupon-seam-line-color) 0 var(--coupon-seam-dot-size),
        rgba(28, 86, 181, 0) var(--coupon-seam-dot-size) calc(var(--coupon-seam-dot-size) + var(--coupon-seam-dot-gap))
      );
      opacity:0.72;
      pointer-events:none;
    }
    .strategyMatchCouponSeam::after {
      content:'';
      position:absolute;
      top:var(--coupon-seam-glow-cap-offset);
      bottom:var(--coupon-seam-glow-cap-offset);
      left:50%;
      width:5px;
      transform:translateX(-50%);
      background:linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0));
      opacity:0.36;
      pointer-events:none;
    }
    .strategyMatchPastCouponRailTop {
      grid-row:1;
      width:100%;
      min-width:0;
      min-height:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:3px;
      padding-top:2px;
      text-align:center;
    }
    .strategyMatchPastCouponRailBottom,
    .strategyMatchPastCouponRailDatetime {
      grid-row:2;
      width:100%;
      min-width:0;
      min-height:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:4px;
      align-self:stretch;
      margin-top:0;
      padding:7px 0 4px;
      border-top:1px solid rgba(255, 255, 255, var(--coupon-stub-datetime-divider-alpha));
    }
    .strategyMatchPastCouponRailCalendarIcon {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:32px;
      height:32px;
      color:currentColor;
      flex:0 0 auto;
      margin-bottom:1px;
      filter:drop-shadow(0 5px 9px rgba(8, 39, 92, 0.24));
    }
    .strategyMatchPastCouponRailCalendarIcon svg {
      display:block;
      width:100%;
      height:100%;
    }
    .strategyMatchPastCouponRailIdentity {
      width:100%;
      min-width:0;
      min-height:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:4px;
      margin-top:4px;
      padding:0 calc(var(--coupon-side-notch-depth) + 2px);
      text-align:center;
    }
    .strategyMatchPastCouponRailStrategy {
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:1px;
      text-align:center;
      font-size:10.9px;
      font-weight:700;
      line-height:1.22;
      letter-spacing:0.01em;
      text-wrap:balance;
      max-width:100%;
      overflow:hidden;
    }
    .strategyMatchPastCouponRailStrategyMain,
    .strategyMatchPastCouponRailStrategySub {
      display:block;
      max-width:100%;
      overflow:hidden;
      overflow-wrap:anywhere;
    }
    .strategyMatchPastCouponRailStrategyMain {
      line-height:1.14;
      max-height:calc(1.14em * 2);
    }
    .strategyMatchPastCouponRailStrategyHasSub .strategyMatchPastCouponRailStrategyMain {
      max-height:1.14em;
      white-space:nowrap;
      text-overflow:ellipsis;
    }
    .strategyMatchPastCouponRailStrategySub {
      font-size:0.88em;
      line-height:1.08;
      white-space:nowrap;
      text-overflow:clip;
      opacity:0.96;
    }
    .strategyMatchPastCouponRailStrategyId {
      display:block;
      max-width:100%;
      text-align:center;
      font-size:8.2px;
      font-weight:700;
      line-height:1.15;
      letter-spacing:0.04em;
      text-transform:uppercase;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      opacity:0.92;
    }
    .strategyMatchPastCouponRailDatetime {
      padding-top:8px;
      padding-bottom:5px;
    }
    .strategyMatchPastCouponRailDate {
      display:block;
      text-align:center;
      font-size:10.6px;
      font-weight:700;
      line-height:1.2;
      white-space:nowrap;
    }
    .strategyMatchPastCouponRailTime {
      display:block;
      text-align:center;
      font-size:17.2px;
      font-weight:800;
      line-height:1.15;
      white-space:nowrap;
    }
    .strategyMatchPastCouponRailLogo {
      display:block;
      object-fit:contain;
      max-width:100%;
      box-shadow:none;
      filter:drop-shadow(var(--coupon-logo-drop-shadow));
    }
    .strategyMatchPastCouponRailLogoMajor {
      width:72px;
      height:72px;
      align-self:center;
      border-radius:var(--coupon-logo-chip-radius);
      background:var(--coupon-logo-chip-bg);
      border:1px solid var(--coupon-logo-chip-border);
      box-shadow:var(--coupon-logo-chip-inset-shadow);
      margin:0 0 1px;
      padding:var(--coupon-logo-chip-padding);
      transform:translate(var(--coupon-logo-shift-x), var(--coupon-logo-shift-y)) scale(var(--coupon-logo-scale));
      transform-origin:50% 50%;
    }
    .strategyMatchCouponBody,
    .strategyMatchPastCouponBody {
      position:relative;
      z-index:1;
      display:grid;
      gap:9px;
      padding:12px 12px 11px;
      min-width:0;
      background:
        radial-gradient(110% 68% at 8% 0, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 54%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(242, 248, 255, 0.96));
    }
    .strategyMatchCouponBody::before,
    .strategyMatchPastCouponBody::before {
      content:'';
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 52%),
        radial-gradient(circle at 100% 0, rgba(31, 102, 229, calc(var(--coupon-body-tint-alpha) + 0.03)), rgba(31, 102, 229, 0) 42%);
      z-index:0;
    }
    .strategyMatchPastCouponVariantLabel {
      align-self:flex-start;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:2px 6px;
      border-radius:999px;
      border:1px solid rgba(31, 94, 199, 0.2);
      background:rgba(243, 248, 255, 0.92);
      color:#2a528e;
      font-size:8.4px;
      font-weight:700;
      letter-spacing:0.04em;
      text-transform:uppercase;
      line-height:1.1;
      white-space:nowrap;
    }
    .strategyMatchMobileCardPastCoupon.strategyMatchMobileCardPastCouponVariant01 {
      --coupon-small-hole-count-per-group:8;
      --coupon-small-hole-step:14px;
      --coupon-top-safe-gap:18px;
      --coupon-bottom-safe-gap:18px;
      --coupon-notch-to-first-hole-gap:12px;
      --coupon-small-hole-rx:3px;
      --coupon-small-hole-ry:4.75px;
      --coupon-center-notch-rx:6.5px;
      --coupon-center-notch-ry:10px;
      --coupon-seam-notch-rx:var(--coupon-center-notch-rx);
      --coupon-seam-notch-ry:var(--coupon-center-notch-ry);
      --coupon-corner-notch-rx:var(--coupon-center-notch-rx);
      --coupon-corner-notch-ry:var(--coupon-center-notch-ry);
      --coupon-stub-width:96px;
      --coupon-seam-width:10px;
      --coupon-logo-scale:1.08;
      --coupon-logo-shift-y:-1px;
      --coupon-logo-chip-radius:16px;
      --coupon-logo-chip-padding:7px;
      --coupon-logo-chip-bg:rgba(255, 255, 255, 0.72);
      --coupon-logo-chip-border:rgba(255, 255, 255, 0.9);
      --coupon-logo-chip-inset-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.96);
      --coupon-logo-drop-shadow:0 10px 18px rgba(10, 40, 90, 0.28);
      --coupon-stub-color-top:#5d97d7;
      --coupon-stub-color-mid:#4679c0;
      --coupon-stub-color-bottom:#325f9f;
      --coupon-stub-datetime-divider-alpha:0.36;
      --coupon-card-shadow:0 14px 28px rgba(22, 62, 127, 0.18);
      --coupon-body-tint-alpha:0.08;
      --coupon-seam-line-color:rgba(40, 90, 176, 0.24);
    }
    .strategyMatchMobileCardPastCoupon.strategyMatchMobileCardPastCouponVariant02 {
      --coupon-small-hole-count-per-group:7;
      --coupon-small-hole-step:15px;
      --coupon-top-safe-gap:20px;
      --coupon-bottom-safe-gap:20px;
      --coupon-notch-to-first-hole-gap:13px;
      --coupon-small-hole-rx:2.6px;
      --coupon-small-hole-ry:4.1px;
      --coupon-center-notch-rx:6.2px;
      --coupon-center-notch-ry:9.6px;
      --coupon-seam-notch-rx:var(--coupon-center-notch-rx);
      --coupon-seam-notch-ry:var(--coupon-center-notch-ry);
      --coupon-corner-notch-rx:var(--coupon-center-notch-rx);
      --coupon-corner-notch-ry:var(--coupon-center-notch-ry);
      --coupon-stub-width:92px;
      --coupon-seam-width:9px;
      --coupon-logo-scale:1.03;
      --coupon-logo-shift-y:0px;
      --coupon-logo-chip-radius:15px;
      --coupon-logo-chip-padding:7px;
      --coupon-logo-chip-bg:rgba(255, 255, 255, 0.82);
      --coupon-logo-chip-border:rgba(255, 255, 255, 0.95);
      --coupon-logo-chip-inset-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.98);
      --coupon-stub-color-top:#74abdf;
      --coupon-stub-color-mid:#5387c5;
      --coupon-stub-color-bottom:#3a659f;
      --coupon-seam-dot-gap:5px;
      --coupon-card-shadow:0 10px 21px rgba(21, 55, 112, 0.15);
      --coupon-body-tint-alpha:0.05;
    }
    .strategyMatchMobileCardPastCoupon.strategyMatchMobileCardPastCouponVariant03 {
      --coupon-small-hole-count-per-group:8;
      --coupon-small-hole-step:13px;
      --coupon-top-safe-gap:17px;
      --coupon-bottom-safe-gap:17px;
      --coupon-notch-to-first-hole-gap:11px;
      --coupon-small-hole-rx:3.1px;
      --coupon-small-hole-ry:5px;
      --coupon-center-notch-rx:6.8px;
      --coupon-center-notch-ry:10.4px;
      --coupon-seam-notch-rx:var(--coupon-center-notch-rx);
      --coupon-seam-notch-ry:var(--coupon-center-notch-ry);
      --coupon-corner-notch-rx:var(--coupon-center-notch-rx);
      --coupon-corner-notch-ry:var(--coupon-center-notch-ry);
      --coupon-stub-width:97px;
      --coupon-seam-width:10px;
      --coupon-logo-scale:1.16;
      --coupon-logo-shift-y:-2px;
      --coupon-logo-chip-radius:18px;
      --coupon-logo-chip-padding:8px;
      --coupon-logo-chip-bg:rgba(255, 255, 255, 0.78);
      --coupon-logo-chip-border:rgba(255, 255, 255, 0.93);
      --coupon-stub-color-top:#679fd9;
      --coupon-stub-color-mid:#4a7fbe;
      --coupon-stub-color-bottom:#335f9f;
      --coupon-grid-gap-row:6px;
      --coupon-grid-gap-col:9px;
      --coupon-body-main-gap:9px;
      --coupon-card-shadow:0 13px 24px rgba(20, 58, 120, 0.18);
      --coupon-body-tint-alpha:0.09;
    }
    .strategyMatchMobileCardPastCoupon.strategyMatchMobileCardPastCouponVariant04 {
      --coupon-small-hole-count-per-group:9;
      --coupon-small-hole-step:12px;
      --coupon-top-safe-gap:16px;
      --coupon-bottom-safe-gap:16px;
      --coupon-notch-to-first-hole-gap:10px;
      --coupon-small-hole-rx:2.4px;
      --coupon-small-hole-ry:3.9px;
      --coupon-center-notch-rx:6px;
      --coupon-center-notch-ry:9px;
      --coupon-seam-notch-rx:var(--coupon-center-notch-rx);
      --coupon-seam-notch-ry:var(--coupon-center-notch-ry);
      --coupon-corner-notch-rx:var(--coupon-center-notch-rx);
      --coupon-corner-notch-ry:var(--coupon-center-notch-ry);
      --coupon-stub-width:94px;
      --coupon-seam-width:9px;
      --coupon-logo-scale:1.05;
      --coupon-logo-shift-y:-1px;
      --coupon-logo-chip-radius:13px;
      --coupon-logo-chip-padding:6px;
      --coupon-logo-chip-bg:rgba(255, 255, 255, 0.74);
      --coupon-logo-chip-border:rgba(255, 255, 255, 0.9);
      --coupon-stub-color-top:#608fcb;
      --coupon-stub-color-mid:#4471b2;
      --coupon-stub-color-bottom:#30558a;
      --coupon-seam-dot-gap:6px;
      --coupon-seam-line-color:rgba(50, 96, 178, 0.21);
      --coupon-card-shadow:0 11px 20px rgba(23, 56, 111, 0.16);
      --coupon-body-tint-alpha:0.06;
    }
    .strategyMatchMobileCardPastCoupon.strategyMatchMobileCardPastCouponVariant05 {
      --coupon-small-hole-count-per-group:7;
      --coupon-small-hole-step:14px;
      --coupon-top-safe-gap:18px;
      --coupon-bottom-safe-gap:18px;
      --coupon-notch-to-first-hole-gap:12px;
      --coupon-small-hole-rx:4.2px;
      --coupon-small-hole-ry:6.3px;
      --coupon-center-notch-rx:7.2px;
      --coupon-center-notch-ry:11.2px;
      --coupon-seam-notch-rx:var(--coupon-center-notch-rx);
      --coupon-seam-notch-ry:var(--coupon-center-notch-ry);
      --coupon-corner-notch-rx:var(--coupon-center-notch-rx);
      --coupon-corner-notch-ry:var(--coupon-center-notch-ry);
      --coupon-stub-width:98px;
      --coupon-seam-width:10px;
      --coupon-logo-scale:1.02;
      --coupon-logo-shift-y:-1px;
      --coupon-logo-chip-radius:17px;
      --coupon-logo-chip-padding:7px;
      --coupon-logo-chip-bg:rgba(255, 255, 255, 0.7);
      --coupon-logo-chip-border:rgba(255, 255, 255, 0.87);
      --coupon-stub-color-top:#80b1e0;
      --coupon-stub-color-mid:#6290c6;
      --coupon-stub-color-bottom:#436ea5;
      --coupon-stub-datetime-divider-alpha:0.33;
      --coupon-card-shadow:0 15px 29px rgba(20, 58, 116, 0.18);
      --coupon-body-tint-alpha:0.1;
    }
    .strategyMatchMobileCardPastCoupon.strategyMatchMobileCardPastCouponVariant06 {
      --coupon-small-hole-count-per-group:8;
      --coupon-small-hole-step:14px;
      --coupon-top-safe-gap:18px;
      --coupon-bottom-safe-gap:18px;
      --coupon-notch-to-first-hole-gap:12px;
      --coupon-small-hole-rx:3.5px;
      --coupon-small-hole-ry:5.4px;
      --coupon-center-notch-rx:7.6px;
      --coupon-center-notch-ry:12px;
      --coupon-seam-notch-rx:var(--coupon-center-notch-rx);
      --coupon-seam-notch-ry:var(--coupon-center-notch-ry);
      --coupon-corner-notch-rx:var(--coupon-center-notch-rx);
      --coupon-corner-notch-ry:var(--coupon-center-notch-ry);
      --coupon-stub-width:95px;
      --coupon-seam-width:10px;
      --coupon-logo-scale:1.06;
      --coupon-logo-shift-y:-1px;
      --coupon-logo-chip-radius:15px;
      --coupon-logo-chip-padding:7px;
      --coupon-logo-chip-bg:rgba(255, 255, 255, 0.74);
      --coupon-logo-chip-border:rgba(255, 255, 255, 0.9);
      --coupon-stub-color-top:#588fce;
      --coupon-stub-color-mid:#3d6eb4;
      --coupon-stub-color-bottom:#2b528d;
      --coupon-card-shadow:0 16px 30px rgba(16, 50, 109, 0.2);
      --coupon-body-tint-alpha:0.11;
      --coupon-profit-panel-bg-positive:rgba(15, 139, 76, 0.17);
      --coupon-profit-panel-bg-negative:rgba(177, 59, 59, 0.17);
    }
    .strategyMatchMobileCardPastCoupon.strategyMatchMobileCardPastCouponVariant07 {
      --coupon-small-hole-count-per-group:6;
      --coupon-small-hole-step:17px;
      --coupon-top-safe-gap:22px;
      --coupon-bottom-safe-gap:22px;
      --coupon-notch-to-first-hole-gap:15px;
      --coupon-small-hole-rx:2.8px;
      --coupon-small-hole-ry:4.4px;
      --coupon-center-notch-rx:6.7px;
      --coupon-center-notch-ry:10.3px;
      --coupon-seam-notch-rx:var(--coupon-center-notch-rx);
      --coupon-seam-notch-ry:var(--coupon-center-notch-ry);
      --coupon-corner-notch-rx:var(--coupon-center-notch-rx);
      --coupon-corner-notch-ry:var(--coupon-center-notch-ry);
      --coupon-stub-width:93px;
      --coupon-seam-width:9px;
      --coupon-logo-scale:1;
      --coupon-logo-shift-y:1px;
      --coupon-logo-chip-radius:16px;
      --coupon-logo-chip-padding:7px;
      --coupon-logo-chip-bg:rgba(255, 255, 255, 0.86);
      --coupon-logo-chip-border:rgba(255, 255, 255, 0.98);
      --coupon-stub-color-top:#97bee7;
      --coupon-stub-color-mid:#719ece;
      --coupon-stub-color-bottom:#507cae;
      --coupon-card-shadow:0 9px 18px rgba(36, 72, 130, 0.13);
      --coupon-body-tint-alpha:0.04;
    }
    .strategyMatchMobileCardPastCoupon.strategyMatchMobileCardPastCouponVariant08 {
      --coupon-small-hole-count-per-group:10;
      --coupon-small-hole-step:11px;
      --coupon-top-safe-gap:15px;
      --coupon-bottom-safe-gap:15px;
      --coupon-notch-to-first-hole-gap:9px;
      --coupon-small-hole-rx:3.4px;
      --coupon-small-hole-ry:5.2px;
      --coupon-center-notch-rx:8.2px;
      --coupon-center-notch-ry:13px;
      --coupon-seam-notch-rx:var(--coupon-center-notch-rx);
      --coupon-seam-notch-ry:var(--coupon-center-notch-ry);
      --coupon-corner-notch-rx:var(--coupon-center-notch-rx);
      --coupon-corner-notch-ry:var(--coupon-center-notch-ry);
      --coupon-stub-width:100px;
      --coupon-seam-width:11px;
      --coupon-logo-scale:1.1;
      --coupon-logo-shift-y:-2px;
      --coupon-logo-chip-radius:15px;
      --coupon-logo-chip-padding:6px;
      --coupon-logo-chip-bg:rgba(255, 255, 255, 0.68);
      --coupon-logo-chip-border:rgba(255, 255, 255, 0.84);
      --coupon-stub-color-top:#4f88c8;
      --coupon-stub-color-mid:#355fa1;
      --coupon-stub-color-bottom:#23477a;
      --coupon-seam-dot-size:1.25px;
      --coupon-seam-dot-gap:3.5px;
      --coupon-card-shadow:0 18px 34px rgba(13, 45, 98, 0.24);
      --coupon-body-tint-alpha:0.12;
    }
    .strategyMatchMobileCardPastCoupon.strategyMatchMobileCardPastCouponVariant09 {
      --coupon-small-hole-count-per-group:5;
      --coupon-small-hole-step:19px;
      --coupon-top-safe-gap:24px;
      --coupon-bottom-safe-gap:24px;
      --coupon-notch-to-first-hole-gap:16px;
      --coupon-small-hole-rx:2.3px;
      --coupon-small-hole-ry:3.8px;
      --coupon-center-notch-rx:6.1px;
      --coupon-center-notch-ry:9.4px;
      --coupon-seam-notch-rx:var(--coupon-center-notch-rx);
      --coupon-seam-notch-ry:var(--coupon-center-notch-ry);
      --coupon-corner-notch-rx:var(--coupon-center-notch-rx);
      --coupon-corner-notch-ry:var(--coupon-center-notch-ry);
      --coupon-stub-width:91px;
      --coupon-seam-width:9px;
      --coupon-logo-scale:0.98;
      --coupon-logo-shift-y:0px;
      --coupon-logo-chip-radius:14px;
      --coupon-logo-chip-padding:6px;
      --coupon-logo-chip-bg:rgba(255, 255, 255, 0.88);
      --coupon-logo-chip-border:rgba(255, 255, 255, 0.99);
      --coupon-stub-color-top:#a9caeb;
      --coupon-stub-color-mid:#7fa8d2;
      --coupon-stub-color-bottom:#5e85b1;
      --coupon-grid-gap-row:8px;
      --coupon-grid-gap-col:11px;
      --coupon-card-shadow:0 8px 15px rgba(43, 78, 135, 0.12);
      --coupon-body-tint-alpha:0.03;
    }
    .strategyMatchMobileCardPastCoupon.strategyMatchMobileCardPastCouponVariant10 {
      --coupon-small-hole-count-per-group:8;
      --coupon-small-hole-step:15px;
      --coupon-top-safe-gap:19px;
      --coupon-bottom-safe-gap:19px;
      --coupon-notch-to-first-hole-gap:13px;
      --coupon-small-hole-rx:3.8px;
      --coupon-small-hole-ry:5.8px;
      --coupon-center-notch-rx:8.4px;
      --coupon-center-notch-ry:13.2px;
      --coupon-seam-notch-rx:var(--coupon-center-notch-rx);
      --coupon-seam-notch-ry:var(--coupon-center-notch-ry);
      --coupon-corner-notch-rx:var(--coupon-center-notch-rx);
      --coupon-corner-notch-ry:var(--coupon-center-notch-ry);
      --coupon-stub-width:99px;
      --coupon-seam-width:11px;
      --coupon-logo-scale:1.12;
      --coupon-logo-shift-y:-2px;
      --coupon-logo-chip-radius:17px;
      --coupon-logo-chip-padding:8px;
      --coupon-logo-chip-bg:rgba(255, 255, 255, 0.76);
      --coupon-logo-chip-border:rgba(255, 255, 255, 0.92);
      --coupon-stub-color-top:#477fca;
      --coupon-stub-color-mid:#305fa7;
      --coupon-stub-color-bottom:#224b88;
      --coupon-stub-datetime-divider-alpha:0.34;
      --coupon-seam-line-color:rgba(31, 83, 166, 0.3);
      --coupon-card-shadow:0 20px 36px rgba(12, 42, 95, 0.23);
      --coupon-body-tint-alpha:0.1;
    }
    .strategyMatchCouponBody > *,
    .strategyMatchPastCouponBody > * {
      position:relative;
      z-index:1;
    }
    .strategyMatchPastCouponLeague {
      color:#5f7aa3;
      font-size:var(--coupon-league-font-size, 10.2px);
      line-height:1.16;
      font-weight:700;
      letter-spacing:0.01em;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .strategyMatchPastCouponTitle {
      color:#1a2f52;
      font-size:var(--coupon-match-font-size, 14.2px);
      font-weight:800;
      line-height:1.18;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-wrap:balance;
      max-height:calc(1.18em * 2);
    }
    .strategyMatchPastCouponDivider {
      height:0;
      border-top:1px dashed var(--coupon-divider-color);
      opacity:0.92;
    }
    .strategyMatchPastCouponGrid {
      display:contents;
    }
    .strategyMatchPastCouponBodyMain {
      display:grid;
      grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) var(--coupon-profit-panel-width);
      grid-template-rows:repeat(3, minmax(44px, auto));
      gap:0;
      align-items:stretch;
      min-width:0;
      border:1px solid rgba(70, 104, 160, 0.18);
      border-radius:10px;
      overflow:hidden;
      background:var(--coupon-stats-table-bg);
      box-shadow:var(--coupon-stats-table-shadow);
    }
    .strategyMatchPastCouponGrid .strategyMatchMobileItem {
      gap:2px;
      padding:6px 7px;
      min-width:0;
      min-height:0;
      align-content:start;
      background:linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(248, 251, 255, 0.6));
      box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.68);
    }
    .strategyMatchPastCouponGrid .strategyMatchMobileItem:nth-child(1) {
      grid-column:1;
      grid-row:1;
    }
    .strategyMatchPastCouponGrid .strategyMatchMobileItem:nth-child(2) {
      grid-column:2;
      grid-row:1;
    }
    .strategyMatchPastCouponGrid .strategyMatchMobileItem:nth-child(3) {
      grid-column:1;
      grid-row:2;
    }
    .strategyMatchPastCouponGrid .strategyMatchMobileItem:nth-child(4) {
      grid-column:2;
      grid-row:2;
    }
    .strategyMatchPastCouponGrid .strategyMatchMobileItem:nth-child(5) {
      grid-column:1;
      grid-row:3;
    }
    .strategyMatchPastCouponGrid .strategyMatchMobileItem:nth-child(6) {
      grid-column:2;
      grid-row:3;
    }
    .strategyMatchPastCouponGrid .strategyMatchMobileItem:nth-child(odd) {
      border-right:1px solid var(--coupon-stats-table-divider);
    }
    .strategyMatchPastCouponGrid .strategyMatchMobileItem:nth-child(n + 3) {
      border-top:1px solid var(--coupon-stats-table-divider);
    }
    .strategyMatchPastCouponGrid .strategyMatchMobileValue {
      font-size:11.6px;
      line-height:1.22;
    }
    .strategyMatchPastCouponMarketCell {
      display:flex;
      align-items:center;
      min-width:0;
      max-width:100%;
      overflow:hidden;
    }
    .strategyMatchPastCouponMarketValue {
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      justify-content:center;
      gap:1px;
      max-width:100%;
      min-width:0;
      overflow:hidden;
    }
    .strategyMatchPastCouponMarketMain {
      max-width:100%;
      color:#1a2f52;
      font-size:var(--coupon-market-font-size, 14.4px);
      line-height:1.12;
      font-weight:700;
      overflow-wrap:anywhere;
      word-break:normal;
      hyphens:auto;
    }
    .strategyMatchPastCouponMarketSub {
      max-width:100%;
      color:#223f6e;
      font-size:12.4px;
      line-height:1.05;
      font-weight:700;
      white-space:normal;
      overflow-wrap:anywhere;
      opacity:0.95;
    }
    .strategyMatchPastCouponMark {
      font-weight:700;
    }
    .strategyMatchPastCouponResult .strategyResultIcon {
      width:20px;
      min-width:20px;
      height:20px;
      min-height:20px;
      border-radius:6px;
    }
    .strategyMatchPastCouponResult .strategyResultIcon .strategyResultIconGlyph {
      width:11px;
      height:11px;
    }
    .strategyMatchPastCouponProfit {
      font-size:13px;
      font-weight:800;
    }
    .strategyMatchPastCouponProfitBlock {
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      align-self:stretch;
      grid-column:3;
      grid-row:1 / 4;
      gap:4px;
      min-width:0;
      padding:8px var(--coupon-profit-panel-padding-x);
      border-left:1px solid var(--coupon-profit-panel-border-color);
      border-radius:0;
      background:var(--coupon-profit-panel-bg-neutral);
      box-shadow:var(--coupon-profit-panel-shadow);
      text-align:center;
      position:relative;
      overflow:hidden;
    }
    .strategyMatchPastCouponProfitBlock::before {
      content:'';
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0) 52%);
    }
    .strategyMatchPastCouponProfitBlock > * {
      position:relative;
      z-index:1;
    }
    .strategyMatchPastCouponProfitBlockPositive {
      background:var(--coupon-profit-panel-bg-positive);
      box-shadow:var(--coupon-profit-panel-shadow), inset 0 -1px 0 rgba(15, 139, 76, 0.08);
    }
    .strategyMatchPastCouponProfitBlockNegative {
      background:var(--coupon-profit-panel-bg-negative);
      box-shadow:var(--coupon-profit-panel-shadow), inset 0 -1px 0 rgba(177, 59, 59, 0.08);
    }
    .strategyMatchPastCouponProfitBlockNeutral {
      background:var(--coupon-profit-panel-bg-neutral);
    }
    .strategyMatchPastCouponProfitLabel {
      font-size:7.8px;
      line-height:1.1;
      font-weight:700;
      letter-spacing:0.06em;
      text-transform:uppercase;
      color:#6b82a4;
    }
    .strategyMatchPastCouponProfitValue {
      display:block;
      font-size:13.2px;
      font-weight:800;
      line-height:1.1;
      white-space:nowrap;
    }
    .strategyMatchCurrentCouponMeta {
      display:flex;
      align-items:center;
      gap:6px;
      min-width:0;
      color:#5f7aa3;
      font-size:9px;
      font-weight:700;
      line-height:1.15;
      text-transform:uppercase;
      letter-spacing:0.04em;
    }
    .strategyMatchCurrentCouponType {
      min-width:0;
      max-width:100%;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .strategyMatchCurrentCouponBodyMain {
      display:grid;
      grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
      grid-template-rows:repeat(3, minmax(44px, auto));
      gap:0;
      align-items:stretch;
      width:100%;
      min-width:0;
      border:1px solid rgba(70, 104, 160, 0.18);
      border-radius:10px;
      overflow:hidden;
      background:var(--coupon-stats-table-bg);
      box-shadow:var(--coupon-stats-table-shadow);
    }
    .strategyMatchCurrentCouponGrid {
      display:contents;
    }
    .strategyMatchCurrentCouponGrid .strategyMatchMobileItem {
      gap:2px;
      padding:6px 7px;
      min-width:0;
      min-height:0;
      align-content:start;
      background:linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(248, 251, 255, 0.6));
      box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.68);
    }
    .strategyMatchCurrentCouponGrid .strategyMatchMobileItem:nth-child(1) {
      grid-column:1;
      grid-row:1;
      border-right:1px solid var(--coupon-stats-table-divider);
    }
    .strategyMatchCurrentCouponGrid .strategyMatchMobileItem:nth-child(2) {
      grid-column:2;
      grid-row:1;
    }
    .strategyMatchCurrentCouponGrid .strategyMatchMobileItem:nth-child(3) {
      grid-column:1;
      grid-row:2;
      border-top:1px solid var(--coupon-stats-table-divider);
      border-right:1px solid var(--coupon-stats-table-divider);
    }
    .strategyMatchCurrentCouponGrid .strategyMatchMobileItem:nth-child(4) {
      grid-column:2;
      grid-row:2;
      border-top:1px solid var(--coupon-stats-table-divider);
    }
    .strategyMatchCurrentCouponGrid .strategyMatchMobileItem:nth-child(5) {
      grid-column:1;
      grid-row:3;
      border-top:1px solid var(--coupon-stats-table-divider);
      border-right:1px solid var(--coupon-stats-table-divider);
    }
    .strategyMatchCurrentCouponGrid .strategyMatchMobileItem:nth-child(6) {
      grid-column:2;
      grid-row:3;
      border-top:1px solid var(--coupon-stats-table-divider);
    }
    .strategyMatchCurrentCouponGrid .strategyMatchMobileValue {
      font-size:11.6px;
      line-height:1.22;
    }
    .strategyMatchCurrentCouponMarketCell {
      display:flex;
      align-items:center;
      min-width:0;
      max-width:100%;
      overflow:hidden;
    }
    .strategyMatchPastCouponAction {
      margin-top:1px;
    }
    .strategyMatchPastCouponAction .openLink {
      min-height:34px;
      border-radius:11px;
      border-color:rgba(26, 95, 214, 0.5);
      background:linear-gradient(180deg, rgba(244, 250, 255, 0.98), rgba(222, 237, 255, 0.98));
      color:#15408e;
      font-weight:700;
      gap:6px;
      box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.82), inset 0 -1px 0 rgba(26, 95, 214, 0.08), 0 7px 14px rgba(19, 80, 180, 0.16);
    }
    .strategyMatchPastCouponAction .openLink:hover {
      text-decoration:none;
      border-color:rgba(26, 95, 214, 0.62);
      background:linear-gradient(180deg, rgba(248, 252, 255, 0.99), rgba(214, 233, 255, 0.99));
      box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -1px 0 rgba(26, 95, 214, 0.1), 0 9px 16px rgba(19, 80, 180, 0.18);
    }
    .strategyMatchPastCouponAction .openLink:active {
      background:linear-gradient(180deg, rgba(229, 241, 255, 0.98), rgba(244, 250, 255, 0.98));
      box-shadow:inset 0 1px 2px rgba(20, 64, 142, 0.12), 0 4px 9px rgba(19, 80, 180, 0.12);
    }
    .openLink:hover {
      text-decoration:underline;
    }
    .footer {
      color:#9bb0ce;
      font-size:12px;
      text-align:center;
      padding:8px 6px 4px;
    }
    .loading {
      color:#60759b;
      font-size:13px;
      padding:4px 0 0;
    }
    @media (max-width: 900px) {
      .page { width:min(1240px, calc(100% - 20px)); padding:14px 0 24px; }
      .topbar { padding:12px; }
      .card { padding:14px; border-radius:18px; }
      .strategyRegistryShell {
        grid-template-columns:1fr;
      }
      .strategyRegistryIdentity,
      .strategyRegistryCenter,
      .strategyRegistryChartWrap {
        grid-column:auto;
        grid-row:auto;
      }
      .strategyRegistryCenter {
        align-content:start;
      }
      .strategyRegistryMetrics {
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
      .strategyRegistryTitleLine {
        flex-wrap:wrap;
      }
      .strategyRegistryTitle {
        white-space:normal;
      }
      .strategyRegistryChartCanvas {
        height:142px;
      }
      .summaryGrid {
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
      th, td { font-size:12px; padding:8px 9px; }
      .strategyMatchesTable {
        min-width:740px;
        font-size:10.5px;
      }
      .strategyMatchesTable th,
      .strategyMatchesTable td {
        padding:5px 6px;
      }
      .strategyMatchesTable .matchCell {
        min-width:190px;
        max-width:280px;
      }
      .strategyMatchesTable .strategyMatchCell {
        min-height:28px;
      }
    }
    @media (max-width: 640px) {
      .page { width:min(1240px, calc(100% - 16px)); }
      .topbar {
        flex-wrap:wrap;
        align-items:flex-start;
      }
      .brand {
        flex:1 1 200px;
      }
      .brandName { font-size:14px; }
      .brandLead { font-size:11px; }
      .backBtn {
        margin-left:auto;
        padding:9px 12px;
        font-size:12px;
      }
      .profileTabs {
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:8px;
        padding-bottom:0;
        overflow-x:visible;
        overflow-y:visible;
      }
      .profileTab {
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        min-width:0;
        min-height:38px;
        padding:7px 6px;
        font-size:11px;
        line-height:1.2;
        letter-spacing:0.02em;
        text-align:center;
        white-space:normal;
      }
      .strategyRegistryCard {
        padding:12px;
        border-radius:18px;
      }
      .strategyRegistryMetrics {
        grid-template-columns:1fr 1fr;
        gap:8px;
      }
      .strategyRegistryMetric {
        min-height:74px;
        padding:10px 12px;
      }
      .strategyRegistryMetricValue {
        font-size:17px;
      }
      .strategyRegistryTitle {
        font-size:18px;
      }
      .strategyRegistryTitleMinute,
      .strategyRegistryTitleStep {
        font-size:15px;
      }
      .strategyRegistryIdentity {
        grid-template-columns:52px minmax(0, 1fr);
        gap:10px;
      }
      .strategyRegistryIdentityMain {
        width:min(100%, 164px);
        gap:10px;
      }
      .strategyRegistryTitleBlock {
        min-height:0;
      }
      .strategyRegistryRank,
      .strategyRegistryActionBtn,
      .strategyRegistryRailSpacer {
        width:46px;
        min-height:46px;
        border-radius:16px;
        font-size:17px;
      }
      .strategyRegistryRankSlot {
        gap:6px;
      }
      .strategyRegistryFavBtn {
        font-size:21px;
      }
      .strategyRegistryOpenIcon {
        width:26px;
        height:26px;
      }
      .strategyRegistryRatingGauge {
        width:110px;
      }
      .strategyRegistryChartCanvas {
        height:134px;
      }
      .summaryGrid { grid-template-columns:minmax(0, 1fr); }
      .strategyMatchesTable {
        min-width:680px;
      }
      .strategyAnalyticsTable {
        table-layout:fixed;
        width:100%;
        min-width:100%;
      }
      .strategyAnalyticsTable th,
      .strategyAnalyticsTable td {
        padding:6px 4px;
        vertical-align:middle;
        text-align:center;
      }
      .strategyAnalyticsTable th {
        font-size:8px;
        letter-spacing:0;
        line-height:1.15;
        white-space:normal;
        text-transform:none;
      }
      .strategyAnalyticsTable th.col-period,
      .strategyAnalyticsTable td.col-period {
        text-align:center;
      }
      .strategyAnalyticsTable th.cell-num,
      .strategyAnalyticsTable td.cell-num,
      .strategyAnalyticsTable th.col-signals,
      .strategyAnalyticsTable td.col-signals,
      .strategyAnalyticsTable th.col-profit,
      .strategyAnalyticsTable td.col-profit,
      .strategyAnalyticsTable th.col-roi,
      .strategyAnalyticsTable td.col-roi,
      .strategyAnalyticsTable th.col-hit,
      .strategyAnalyticsTable td.col-hit,
      .strategyAnalyticsTable th.col-drawdown,
      .strategyAnalyticsTable td.col-drawdown {
        text-align:center;
      }
      .strategyAnalyticsTable th.col-hit {
        white-space:nowrap;
        overflow-wrap:normal;
        word-break:normal;
      }
      .strategyAnalyticsTable td {
        font-size:11px;
        line-height:1.2;
      }
      .strategyAnalyticsTable .cell-num {
        text-align:center;
      }
      .strategyAnalyticsTable .col-period {
        width:21%;
      }
      .strategyAnalyticsTable .col-signals {
        width:24%;
      }
      .strategyAnalyticsTable .col-profit {
        width:17%;
      }
      .strategyAnalyticsTable .col-roi {
        width:16%;
      }
      .strategyAnalyticsTable .col-hit {
        width:22%;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown {
        table-layout:fixed;
        width:100%;
        min-width:100%;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .col-period {
        width:15%;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .col-signals {
        width:22%;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .col-profit {
        width:15%;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .col-roi {
        width:14%;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .col-hit {
        width:19%;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .col-drawdown {
        width:15%;
        white-space:normal;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown th,
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown td {
        padding:5px 3px;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown th {
        font-size:7.5px;
        line-height:1.1;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown td {
        font-size:10.5px;
      }
      .tableWrap.tableWrapNoOverflowX {
        overflow-x:hidden;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .strategySignalsHeaderMainDesktop,
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .strategyAnalyticsLabelDesktop,
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .strategyAnalyticsDrawdownHeaderDesktop {
        display:none;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .strategySignalsHeaderMainMobile {
        display:block;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .strategyAnalyticsLabelMobile,
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .strategyAnalyticsDrawdownHeaderMobile {
        display:inline-flex;
        flex-direction:column;
        align-items:center;
        line-height:1.05;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .strategyDrawdownCell {
        line-height:1.05;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .strategyDrawdownDays {
        font-size:8px;
      }
      .strategyAnalyticsTable .strategySignalsHeader {
        width:100%;
      }
      .strategyAnalyticsTable .strategySignalsCell {
        min-width:0;
        gap:1px;
      }
      .strategyAnalyticsTable .strategySignalsTotal {
        font-size:12px;
      }
      .strategyAnalyticsTable .strategySignalsBreakdown {
        justify-content:center;
        gap:2px;
        font-size:9px;
      }
      .strategyAnalyticsTable .strategySignalsHeaderMeta {
        font-size:8px;
        letter-spacing:0.02em;
      }
      .strategyAnalyticsHitRateDesktop {
        display:none;
      }
      .strategyAnalyticsHitRateMobile {
        display:block;
        white-space:nowrap;
        line-height:1.05;
        overflow:visible;
      }
      .strategyMatchesDesktopOnly {
        display:none;
      }
      .strategyMatchesMobileList {
        display:grid;
      }
      .strategyMatchMobileHeader {
        font-size:10px;
      }
      .strategyMatchMobileLabel {
        font-size:9px;
      }
      .strategyMatchMobileValue {
        font-size:12px;
      }
      .strategyCurrentGate {
        padding:12px;
        gap:8px;
      }
      .strategyCurrentGateTitle {
        font-size:13px;
      }
      .strategyCurrentGateBody {
        font-size:11.5px;
      }
      .strategyCurrentGateActions {
        flex-direction:column;
      }
      .strategyCurrentGateAction {
        width:100%;
      }
      .strategyMatchMobileCardPastCoupon {
        --coupon-corner-radius:16px;
        --coupon-side-notch-depth:9px;
        --coupon-notch-layer-width:13px;
        --coupon-stub-width:96px;
        --coupon-seam-width:10px;
        --coupon-profit-panel-width:78px;
      }
      .strategyMatchMobileCardCurrentCoupon {
        --coupon-corner-radius:16px;
        --coupon-side-notch-depth:9px;
        --coupon-notch-layer-width:13px;
        --coupon-stub-width:96px;
        --coupon-seam-width:10px;
      }
      .strategyMatchPastCouponRail {
        padding:10px 7px;
      }
      .strategyMatchPastCouponRailTop {
        gap:3px;
      }
      .strategyMatchPastCouponRailLogoMajor {
        width:64px;
        height:64px;
      }
      .strategyMatchPastCouponRailStrategy {
        font-size:9.7px;
      }
      .strategyMatchPastCouponRailStrategyId {
        font-size:7.8px;
      }
      .strategyMatchPastCouponMarketMain {
        font-size:var(--coupon-market-font-size, 13.4px);
      }
      .strategyMatchPastCouponMarketSub {
        font-size:11.8px;
      }
      .strategyMatchPastCouponRailDatetime {
        padding-top:6px;
        padding-bottom:4px;
      }
      .strategyMatchPastCouponRailCalendarIcon {
        width:30px;
        height:30px;
      }
      .strategyMatchPastCouponBody {
        padding:10px 10px 10px;
      }
      .matchesInnerTabs {
        gap:6px;
      }
      .matchesInnerTab {
        padding:6px 10px;
        font-size:11px;
      }
      .strategyMatchesTable .fonbetCell .openLink {
        min-height:26px;
        padding:4px 8px;
      }
    }
    @media (max-width: 380px) {
      .strategyRegistryMetrics {
        grid-template-columns:minmax(0, 1fr);
      }
      .strategyAnalyticsTable th,
      .strategyAnalyticsTable td {
        padding:5px 4px;
      }
      .strategyAnalyticsTable td {
        font-size:10.5px;
      }
      .strategyAnalyticsTable .strategySignalsTotal {
        font-size:11px;
      }
      .strategyAnalyticsTable .strategySignalsBreakdown {
        font-size:8.5px;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown th,
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown td {
        padding:4px 3px;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown th {
        font-size:7px;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown td {
        font-size:10px;
      }
      .strategyAnalyticsTable.strategyAnalyticsTableHasDrawdown .strategyDrawdownDays {
        font-size:7.5px;
      }
      .strategyMatchMobileGrid {
        grid-template-columns:minmax(0, 1fr);
      }
      .strategyMatchMobileCardPastCoupon {
        --coupon-corner-radius:14px;
        --coupon-side-notch-depth:8px;
        --coupon-notch-layer-width:12px;
        --coupon-stub-width:88px;
        --coupon-seam-width:9px;
        --coupon-profit-panel-width:70px;
      }
      .strategyMatchMobileCardCurrentCoupon {
        --coupon-corner-radius:14px;
        --coupon-side-notch-depth:8px;
        --coupon-notch-layer-width:12px;
        --coupon-stub-width:88px;
        --coupon-seam-width:9px;
      }
      .strategyMatchPastCouponBodyMain {
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) var(--coupon-profit-panel-width);
      }
      .strategyMatchPastCouponGrid {
        gap:0;
      }
      .strategyMatchPastCouponProfitBlock {
        min-width:var(--coupon-profit-panel-width);
        padding:7px 6px;
      }
      .strategyMatchPastCouponProfitLabel {
        font-size:7.5px;
      }
      .strategyMatchPastCouponProfitValue {
        font-size:12px;
      }
      .strategyMatchPastCouponRailIdentity {
        margin-top:4px;
      }
      .strategyMatchPastCouponMarketMain {
        font-size:var(--coupon-market-font-size, 13px);
      }
      .strategyMatchPastCouponMarketSub {
        font-size:11.5px;
      }
      .strategyMatchPastCouponRailStrategy {
        font-size:8.2px;
      }
      .strategyMatchPastCouponRailStrategyId {
        font-size:6.8px;
      }
      .strategyMatchPastCouponRailDate {
        font-size:8.8px;
      }
      .strategyMatchPastCouponRailTime {
        font-size:11.8px;
      }
      .strategyMatchPastCouponRailCalendarIcon {
        width:28px;
        height:28px;
      }
      .strategyMatchPastCouponRailLogoMajor {
        width:56px;
        height:56px;
        margin:0;
      }
    }

    html[data-public-theme] {
      --profile-theme-page-bg:
        radial-gradient(760px 420px at 8% -8%, rgba(21, 148, 92, 0.13), transparent 68%),
        radial-gradient(680px 390px at 94% 3%, rgba(98, 165, 255, 0.15), transparent 70%),
        linear-gradient(180deg, #f9fffb 0%, #eaf4ff 100%);
      --profile-theme-surface:rgba(255, 255, 255, 0.84);
      --profile-theme-surface-strong:rgba(255, 255, 255, 0.92);
      --profile-theme-line:rgba(92, 168, 137, 0.36);
      --profile-theme-line-soft:rgba(92, 168, 137, 0.24);
      --profile-theme-shadow:0 22px 54px rgba(33, 83, 92, 0.15);
      --profile-theme-shadow-soft:0 14px 34px rgba(33, 83, 92, 0.11);
      --profile-theme-shadow-hover:0 26px 62px rgba(33, 83, 92, 0.20);
      --profile-theme-accent:#15945c;
      --profile-theme-accent-strong:#0d6f47;
      --profile-theme-accent-2:#62a5ff;
      --profile-theme-blur:10px;
      --profile-theme-strategy-bg:
        radial-gradient(circle at 0% 0%, rgba(21, 148, 92, 0.12), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 255, 0.88));
      --profile-theme-chip-bg:linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(239, 250, 243, 0.86));
      --line:var(--profile-theme-line);
      --line-soft:var(--profile-theme-line-soft);
      --accent:var(--profile-theme-accent);
      --accent-strong:var(--profile-theme-accent-strong);
      --shadow-lg:var(--profile-theme-shadow);
      --shadow-md:var(--profile-theme-shadow-soft);
    }
    html[data-public-theme="baseline-plus"] {
      --profile-theme-page-bg:
        radial-gradient(700px 380px at 12% -10%, rgba(7, 140, 63, 0.10), transparent 68%),
        linear-gradient(135deg, #f7f9fb, #eef5f0);
      --profile-theme-surface:rgba(255, 255, 255, 0.9);
      --profile-theme-shadow:0 18px 42px rgba(16, 64, 52, 0.10);
      --profile-theme-shadow-hover:0 22px 48px rgba(16, 64, 52, 0.15);
    }
    html[data-public-theme="soft-glass"] {
      --profile-theme-page-bg:
        radial-gradient(760px 420px at 12% 0%, rgba(7, 140, 63, 0.18), transparent 70%),
        radial-gradient(680px 420px at 88% 0%, rgba(98, 161, 190, 0.14), transparent 72%),
        linear-gradient(135deg, #f5fbf7, #eaf6ef);
      --profile-theme-surface:rgba(255, 255, 255, 0.68);
      --profile-theme-surface-strong:rgba(255, 255, 255, 0.78);
      --profile-theme-line:rgba(255, 255, 255, 0.76);
      --profile-theme-shadow:0 26px 64px rgba(17, 55, 38, 0.14);
      --profile-theme-shadow-hover:0 32px 74px rgba(17, 55, 38, 0.20);
      --profile-theme-blur:16px;
    }
    html[data-public-theme="apple-glass"] {
      --profile-theme-page-bg:
        radial-gradient(780px 430px at 18% 0%, rgba(5, 145, 80, 0.20), transparent 72%),
        radial-gradient(720px 430px at 88% 0%, rgba(95, 170, 214, 0.18), transparent 74%),
        linear-gradient(135deg, #f4fbf8, #e9f6ef);
      --profile-theme-surface:rgba(255, 255, 255, 0.58);
      --profile-theme-surface-strong:rgba(255, 255, 255, 0.70);
      --profile-theme-line:rgba(255, 255, 255, 0.88);
      --profile-theme-shadow:0 30px 78px rgba(18, 61, 45, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.78);
      --profile-theme-shadow-hover:0 38px 92px rgba(18, 61, 45, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.86);
      --profile-theme-blur:22px;
    }
    html[data-public-theme="ivory-gold"] {
      --profile-theme-page-bg:
        radial-gradient(700px 390px at 84% 0%, rgba(185, 134, 34, 0.16), transparent 68%),
        radial-gradient(700px 390px at 16% 2%, rgba(7, 136, 68, 0.12), transparent 70%),
        linear-gradient(135deg, #fbf8ef, #f2faed);
      --profile-theme-surface:rgba(255, 253, 247, 0.9);
      --profile-theme-line:rgba(170, 125, 38, 0.28);
      --profile-theme-line-soft:rgba(170, 125, 38, 0.18);
      --profile-theme-shadow:0 22px 54px rgba(91, 71, 34, 0.13);
      --profile-theme-accent:#15805b;
      --profile-theme-accent-strong:#936817;
      --profile-theme-accent-2:#d8aa44;
    }
    html[data-public-theme="mint-glow"] {
      --profile-theme-page-bg:
        radial-gradient(760px 420px at 15% -4%, rgba(5, 167, 100, 0.22), transparent 70%),
        radial-gradient(660px 380px at 92% 4%, rgba(30, 159, 181, 0.20), transparent 68%),
        linear-gradient(135deg, #f2fbf8, #e7f9f1);
      --profile-theme-line:rgba(5, 167, 100, 0.30);
      --profile-theme-shadow:0 22px 54px rgba(3, 85, 65, 0.15);
      --profile-theme-shadow-hover:0 28px 68px rgba(0, 176, 117, 0.22);
      --profile-theme-accent:#10a76b;
      --profile-theme-accent-strong:#047a4f;
      --profile-theme-accent-2:#28d9a0;
    }
    html[data-public-theme="aurora"] {
      --profile-theme-page-bg:
        radial-gradient(760px 420px at 8% 12%, rgba(7, 148, 83, 0.22), transparent 70%),
        radial-gradient(760px 430px at 86% 0%, rgba(87, 139, 215, 0.22), transparent 72%),
        radial-gradient(640px 360px at 72% 70%, rgba(224, 178, 92, 0.12), transparent 70%),
        linear-gradient(135deg, #f6fbff, #eefaf4);
      --profile-theme-surface:rgba(255, 255, 255, 0.74);
      --profile-theme-line:rgba(87, 139, 215, 0.24);
      --profile-theme-shadow:0 28px 70px rgba(30, 70, 88, 0.16);
      --profile-theme-accent:#159b72;
      --profile-theme-accent-strong:#406ea9;
      --profile-theme-accent-2:#60a5fa;
      --profile-theme-blur:14px;
    }
    html[data-public-theme="saas-depth"] {
      --profile-theme-page-bg:linear-gradient(135deg, #f8fafc, #edf2f7);
      --profile-theme-surface:#ffffff;
      --profile-theme-surface-strong:#ffffff;
      --profile-theme-line:rgba(137, 151, 173, 0.42);
      --profile-theme-line-soft:rgba(137, 151, 173, 0.24);
      --profile-theme-shadow:0 18px 38px rgba(31, 45, 68, 0.13);
      --profile-theme-shadow-hover:0 22px 44px rgba(31, 45, 68, 0.17);
      --profile-theme-accent:#2563eb;
      --profile-theme-accent-strong:#1647a4;
      --profile-theme-accent-2:#64748b;
      --profile-theme-blur:0px;
    }
    html[data-public-theme="strategy-premium"] {
      --profile-theme-page-bg:
        radial-gradient(760px 420px at 20% 0%, rgba(7, 140, 63, 0.16), transparent 70%),
        radial-gradient(660px 380px at 82% 8%, rgba(216, 170, 68, 0.12), transparent 68%),
        linear-gradient(135deg, #f5fbf7, #eef7f2);
      --profile-theme-line:rgba(20, 156, 94, 0.32);
      --profile-theme-shadow:0 24px 58px rgba(13, 116, 82, 0.15);
      --profile-theme-shadow-hover:0 30px 72px rgba(13, 116, 82, 0.23);
      --profile-theme-accent:#11945e;
      --profile-theme-accent-strong:#075f42;
      --profile-theme-accent-2:#d8aa44;
    }
    html[data-public-theme="subscription-premium"] {
      --profile-theme-page-bg:
        radial-gradient(760px 420px at 84% 0%, rgba(185, 134, 34, 0.20), transparent 70%),
        radial-gradient(700px 400px at 18% 2%, rgba(7, 140, 63, 0.12), transparent 70%),
        linear-gradient(135deg, #f8fbf7, #f2f8ec);
      --profile-theme-line:rgba(219, 171, 71, 0.36);
      --profile-theme-shadow:0 24px 58px rgba(120, 86, 23, 0.16);
      --profile-theme-shadow-hover:0 30px 70px rgba(138, 102, 26, 0.23);
      --profile-theme-accent:#16875c;
      --profile-theme-accent-strong:#9a6b16;
      --profile-theme-accent-2:#d8aa44;
    }
    html[data-public-theme="balanced"] {
      --profile-theme-page-bg:
        radial-gradient(760px 420px at 18% -4%, rgba(7, 143, 72, 0.16), transparent 72%),
        radial-gradient(700px 400px at 84% -2%, rgba(67, 141, 177, 0.13), transparent 70%),
        radial-gradient(620px 360px at 74% 64%, rgba(185, 134, 34, 0.09), transparent 70%),
        linear-gradient(135deg, #f6faf8, #eef8f2);
      --profile-theme-surface:rgba(255, 255, 255, 0.80);
      --profile-theme-line:rgba(92, 168, 137, 0.36);
      --profile-theme-shadow:0 24px 58px rgba(33, 83, 92, 0.16);
      --profile-theme-shadow-hover:0 30px 70px rgba(33, 83, 92, 0.21);
      --profile-theme-accent:#15945c;
      --profile-theme-accent-strong:#276f8f;
      --profile-theme-accent-2:#62a5ff;
    }
    html[data-public-theme] body:not([data-subscriber-bg-has-image="1"]) {
      background:var(--profile-theme-page-bg);
    }
    html[data-public-theme] body:not([data-subscriber-bg-has-image="1"])::before {
      background:var(--profile-theme-page-bg);
    }
    html[data-public-theme] :is(.topbar, .card, .summaryItem, .strategyRegistryMetric) {
      border-color:var(--profile-theme-line);
      background:var(--profile-theme-surface);
      box-shadow:var(--profile-theme-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.72);
      backdrop-filter:blur(var(--profile-theme-blur));
    }
    html[data-public-theme] .strategyRegistryCard {
      border-color:var(--profile-theme-line);
      background:var(--profile-theme-strategy-bg);
      box-shadow:var(--profile-theme-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.72);
      backdrop-filter:blur(var(--profile-theme-blur));
    }
    html[data-public-theme] :is(.backBtn, .profileTab, .strategyRegistryVariantPill, .strategyRegistryMetaPill) {
      border-color:var(--profile-theme-line);
      background:var(--profile-theme-chip-bg);
      box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.78);
    }
    html[data-public-theme] :is(.profileTab.is-active, .strategyRegistryDetailsLink, .strategyRegistryVariantPill.strategyRegistryDetailsLink) {
      border-color:color-mix(in srgb, var(--profile-theme-accent) 70%, #ffffff);
      background:linear-gradient(145deg, var(--profile-theme-accent) 0%, var(--profile-theme-accent-strong) 100%);
      color:#ffffff;
      box-shadow:0 12px 26px color-mix(in srgb, var(--profile-theme-accent) 28%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.26);
    }
    html[data-public-theme] .strategyRegistryMetric.is-positive {
      border-color:color-mix(in srgb, var(--profile-theme-accent) 34%, #d3e8db);
      background:linear-gradient(180deg, rgba(255, 255, 255, 0.94), color-mix(in srgb, var(--profile-theme-accent) 9%, #ffffff));
    }
    html[data-public-theme] :is(.strategyRegistryMetricValue.is-positive, .strategyRegistryGaugeValueText) {
      color:var(--profile-theme-accent);
    }
    html[data-public-theme] .strategyRegistryGaugeValue {
      stroke:var(--profile-theme-accent);
    }
    html[data-public-theme] :is(.topbar, .card, .strategyRegistryCard) {
      transition:transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    }
    html[data-public-theme] .strategyRegistryCard:hover {
      border-color:color-mix(in srgb, var(--profile-theme-accent) 42%, var(--profile-theme-line));
      box-shadow:var(--profile-theme-shadow-hover), inset 0 1px 0 rgba(255, 255, 255, 0.82);
    }
    @media (max-width: 720px) {
      html[data-public-theme] {
        --profile-theme-blur:0px;
        --profile-theme-shadow:0 14px 30px rgba(33, 83, 92, 0.12);
        --profile-theme-shadow-soft:0 10px 22px rgba(33, 83, 92, 0.10);
        --profile-theme-shadow-hover:0 14px 30px rgba(33, 83, 92, 0.12);
      }
    }