/* ==== style block 1 ==== */

        @custom-variant dark (&:where(.dark, .dark *));
    

/* ==== style block 2 ==== */

        body {
            font-family: 'Assistant', sans-serif;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
        }
        input, textarea, select {
            user-select: text;
        }
        @keyframes fadeInOut {
            0% { opacity: 0; transform: translateY(20px); }
            15% { opacity: 1; transform: translateY(0); }
            85% { opacity: 1; transform: translateY(0); }
            100% { opacity: 0; transform: translateY(20px); }
        }
        .toast-animate {
            animation: fadeInOut 2.5s ease-in-out forwards;
        }
        @media print {
            body * { visibility: hidden; }
            .printable-result, .printable-result * { visibility: visible; }
            .printable-result {
                position: absolute; left: 0; top: 0; width: 100%; border: none !important; box-shadow: none !important;
            }
        }
    

/* ==== style block 3 ==== */

      @media (max-width: 767px) {
        header button[onclick="handleNativeShare()"] {
          width: 2.25rem !important;
          height: 2.25rem !important;
          min-width: 2.25rem !important;
          min-height: 2.25rem !important;
          padding: 0 !important;
          margin: 0 !important;
          gap: 0 !important;
          display: inline-flex !important;
          align-items: center !important;
          justify-content: center !important;
          box-sizing: border-box !important;
        }
        header button[onclick="handleNativeShare()"] i {
          margin: 0 !important;
        }
      }
    

/* ==== style block 4 ==== */

  .fixer-choice-select{
    min-height:42px;
    min-width:148px;
    padding:0.55rem 2.25rem 0.55rem 0.9rem !important;
    border-radius:14px !important;
    border:1px solid rgba(148,163,184,.28) !important;
    background-color:rgba(248,250,252,.92) !important;
    box-shadow:0 1px 2px rgba(15,23,42,.04), inset 0 0 0 1px rgba(255,255,255,.35);
    font-weight:700 !important;
    line-height:1.15 !important;
    letter-spacing:.01em;
    text-overflow:ellipsis;
  }
  .dark .fixer-choice-select{
    background-color:rgba(30,41,59,.9) !important;
    border-color:rgba(100,116,139,.34) !important;
    box-shadow:0 1px 2px rgba(0,0,0,.18);
  }
  .fixer-choice-select:focus{
    box-shadow:0 0 0 3px rgba(99,102,241,.16) !important;
    border-color:rgba(99,102,241,.55) !important;
  }
  #globalLangSelect{min-width:154px;}
  .fixer-choice-select option{font-weight:600; padding:0.45rem 0.7rem;}
  #fixerV1RegionBar{
    align-items:center;
    gap:.55rem;
    display:flex !important;
    padding:.35rem .1rem;
  }
  #fixerV1RegionSelect{
    min-width:178px;
  }
  @media (max-width: 767px){
    #globalLangSelect{min-width:142px; max-width:156px;}
    #fixerV1RegionBar{width:100%; justify-content:flex-start;}
    #fixerV1RegionSelect{min-width:165px; max-width:100%;}
  }


/* ==== style block 5 ==== */

    #fixerV1RegionBar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.65rem}
    #fixerV1RegionBar select{min-width:150px}
    .fixer-v1-card{border:1px solid rgb(226 232 240);background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 1px 2px rgba(15,23,42,.04)}
    .dark .fixer-v1-card{border-color:rgb(30 41 59);background:rgb(15 23 42)}
    .fixer-v1-card button{cursor:pointer}
    #fixerV1BottomNav{display:none}
    @media(max-width:640px){
      #fixerV1BottomNav{position:fixed;display:flex;left:.65rem;right:.65rem;bottom:.65rem;z-index:80;gap:.35rem;padding:.45rem;border:1px solid rgb(226 232 240);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-radius:1rem;box-shadow:0 12px 35px rgba(15,23,42,.18)}
      .dark #fixerV1BottomNav{border-color:rgb(51 65 85);background:rgba(15,23,42,.94)}
      #fixerV1BottomNav button{flex:1;min-width:0;padding:.55rem .35rem;border-radius:.75rem;font-size:.68rem;font-weight:800;color:rgb(71 85 105)}
      .dark #fixerV1BottomNav button{color:rgb(203 213 225)}
      #fixerV1BottomNav button:active{transform:scale(.97)}
      body{padding-bottom:4.6rem}
    }
    :focus-visible{outline:3px solid rgb(99 102 241)!important;outline-offset:2px!important}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}


/* ==== style block 6 ==== */

/* Fixer V2: polished global header, share, PDF and translation coverage */
#fixerGlobalBar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#fixerGlobalBar .fixer-control{min-height:42px;border-radius:14px}
#fixerGlobalBar select{max-width:170px}
@media(max-width:640px){#fixerGlobalBar{padding:10px 12px!important}#fixerGlobalBar .fixer-brand{width:100%;justify-content:center}.fixer-controls{width:100%;justify-content:center!important}.fixer-control{flex:1;max-width:none!important}}
.fixer-pdf-shell{font-family:Arial,"Noto Sans",sans-serif}


/* ==== style block 7 ==== */

  /* Modern product-style header: compact, calm, and responsive */
  #fixerGlobalBar {
    padding: 0 !important;
    box-shadow: 0 1px 0 rgba(15,23,42,.04) !important;
  }
  #fixerGlobalBar > .max-w-6xl,
  #fixerGlobalBar > div:first-child {
    max-width: 1180px !important;
    min-height: 64px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  #fixerGlobalBar .fixer-v1-region-bar,
  #fixerV1RegionBar { display:none !important; }
  #fixerGlobalBar .fixer-control { font-size: 13px !important; }

  #fixerPreferencesButton {
    display:inline-flex; align-items:center; justify-content:center; gap:7px;
    height:38px; padding:0 12px; border-radius:12px;
    border:1px solid rgb(226 232 240); background:rgb(248 250 252);
    color:rgb(51 65 85); font-weight:700; cursor:pointer;
    transition:.18s ease; white-space:nowrap;
  }
  .dark #fixerPreferencesButton { border-color:rgb(51 65 85); background:rgb(15 23 42); color:rgb(226 232 240); }
  #fixerPreferencesButton:hover { transform:translateY(-1px); box-shadow:0 5px 16px rgba(15,23,42,.08); }
  #fixerPreferencesButton .fixer-pref-label { display:inline; }
  #fixerPreferencesPopover {
    position:fixed; z-index:1000; width:280px; padding:14px;
    border:1px solid rgb(226 232 240); border-radius:18px;
    background:rgba(255,255,255,.98); box-shadow:0 18px 45px rgba(15,23,42,.16);
    backdrop-filter:blur(16px);
  }
  .dark #fixerPreferencesPopover { border-color:rgb(51 65 85); background:rgba(15,23,42,.98); }
  .fixer-pref-field { display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
  .fixer-pref-field:last-child { margin-bottom:0; }
  .fixer-pref-field label { font-size:11px; font-weight:800; color:rgb(100 116 139); letter-spacing:.02em; }
  .dark .fixer-pref-field label { color:rgb(148 163 184); }
  .fixer-pref-field select { width:100%; height:40px; border-radius:11px; padding:0 10px; font-size:13px; font-weight:700; border:1px solid rgb(226 232 240); background:rgb(248 250 252); color:rgb(15 23 42); outline:none; }
  .dark .fixer-pref-field select { border-color:rgb(51 65 85); background:rgb(30 41 59); color:rgb(241 245 249); }
  #fixerGlobalBar h1 { font-size:22px !important; }

  #fixerSearchBar {
    background:transparent !important; border-bottom:1px solid rgb(226 232 240) !important;
    padding:10px 16px 12px !important;
  }
  .dark #fixerSearchBar { border-color:rgb(30 41 59) !important; }
  #fixerSearchBar > div { max-width:680px !important; }
  #globalSearchInput {
    height:42px !important; padding-top:0 !important; padding-bottom:0 !important;
    border-radius:14px !important; font-size:13px !important;
    box-shadow:0 2px 10px rgba(15,23,42,.04); 
  }
  #fixerSearchBar .fa-magnifying-glass { font-size:12px !important; }
  #fixerSearchBar #searchResultsDropdown { top:47px !important; }

  @media (max-width:640px){
    #fixerGlobalBar > .max-w-6xl,
    #fixerGlobalBar > div:first-child { min-height:58px !important; padding:8px 12px !important; }
    #fixerGlobalBar h1 { font-size:19px !important; }
    #fixerPreferencesButton { width:38px; padding:0; }
    #fixerPreferencesButton .fixer-pref-label { display:none; }
    #fixerGlobalBar .fixer-control { height:38px !important; }
    #fixerSearchBar { padding:8px 12px 10px !important; }
    #globalSearchInput { height:40px !important; }
  }


/* ==== style block 8 ==== */

  .fixer-report-brand{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 16px;margin:0 0 18px;border-bottom:2px solid #4f46e5;}
  .fixer-report-brand-main{display:flex;align-items:center;gap:12px;min-width:0;}
  .fixer-report-logo{width:44px;height:44px;border-radius:13px;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:800;box-shadow:0 8px 18px rgba(79,70,229,.2);}
  .fixer-report-name{font-size:22px;font-weight:800;color:#312e81;line-height:1.1;}
  .fixer-report-sub{font-size:11px;color:#64748b;margin-top:4px;}
  .fixer-report-meta{text-align:end;font-size:11px;color:#64748b;line-height:1.6;white-space:nowrap;}
  .fixer-report-details{margin:0 0 18px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;}
  .fixer-report-details-title{font-size:13px;font-weight:800;color:#334155;margin-bottom:10px;}
  .fixer-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;}
  .fixer-report-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e2e8f0;font-size:11px;}
  .fixer-report-row:last-child{border-bottom:0;}
  .fixer-report-label{color:#64748b;font-weight:700;}
  .fixer-report-value{color:#0f172a;font-weight:700;text-align:end;word-break:break-word;}
  .fixer-report-result-title{font-size:13px;font-weight:800;color:#334155;margin:0 0 8px;}
  @media(max-width:640px){.fixer-report-grid{grid-template-columns:1fr}.fixer-report-brand{align-items:flex-start}.fixer-report-meta{font-size:10px}.fixer-report-name{font-size:20px}}
  @media print{
    .fixer-report-brand{display:flex!important}
    .fixer-report-details{display:block!important}
    .fixer-report-logo{print-color-adjust:exact;-webkit-print-color-adjust:exact}
  }


/* ==== style block 9 ==== */

  /* Final translation + clean one-page printing */
  @media print {
    @page { size: A4 portrait; margin: 8mm; }
    html, body { background:#fff !important; }
    body { min-height:auto !important; display:block !important; }
    body > * { visibility:hidden !important; }
    #fixerOnePagePrint { visibility:visible !important; display:block !important; position:fixed !important; inset:0 !important; width:auto !important; min-height:0 !important; padding:0 !important; margin:0 !important; background:#fff !important; color:#111 !important; overflow:visible !important; }
    #fixerOnePagePrint * { visibility:visible !important; }
    #fixerOnePagePrint .fixer-v6-print-content { width:100% !important; max-width:none !important; font-size:10.5pt !important; line-height:1.38 !important; }
    #fixerOnePagePrint .fixer-v6-result { margin-top:10px !important; padding:10px 12px !important; border:1px solid #dbe3ee !important; border-radius:10px !important; }
    #fixerOnePagePrint .fixer-v6-details { margin-top:8px !important; padding:8px 10px !important; }
    #fixerOnePagePrint .fixer-v6-details-grid { gap:3px 14px !important; }
    #fixerOnePagePrint .fixer-v6-row { padding:4px 0 !important; font-size:9pt !important; }
    #fixerOnePagePrint .fixer-v6-brand { padding-bottom:8px !important; margin-bottom:10px !important; }
    #fixerOnePagePrint .fixer-v6-logo { width:34px !important; height:34px !important; font-size:18px !important; }
    #fixerOnePagePrint .fixer-v6-name { font-size:18px !important; }
    #fixerOnePagePrint .fixer-v6-sub { font-size:9px !important; }
  }
  #fixerOnePagePrint { display:none; }


/* ==== style block 10 ==== */

  /* V7: keep every dynamically generated home label in the currently selected language */
  #fixerV1Popular button span.fixer-tool-title,
  #fixerV1Daily .fixer-tool-title { unicode-bidi: plaintext; }


/* ==== style block 11 ==== */

.fixer-v8-ratebar{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.6rem;font-size:11px;color:#94a3b8}
.fixer-v8-ratebar .dot{width:7px;height:7px;border-radius:999px;background:#10b981;display:inline-block}
.fixer-v8-install{display:none;align-items:center;gap:.45rem}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
:focus-visible{outline:3px solid rgba(99,102,241,.45)!important;outline-offset:2px}


/* ==== style block 12 ==== */

/* Fixer V9 — Smart UX / International layer */
#fixerSmartSearchPanel{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1200;display:none;max-height:430px;overflow:auto;padding:8px;border:1px solid rgb(226 232 240);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 22px 55px rgba(15,23,42,.16);backdrop-filter:blur(18px)}
.dark #fixerSmartSearchPanel{border-color:rgb(51 65 85);background:rgba(15,23,42,.98)}
#fixerSmartSearchPanel.open{display:block}
.fixer-search-group-title{padding:8px 10px 5px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}
.fixer-smart-result{width:100%;display:flex;align-items:center;gap:10px;text-align:start;padding:10px;border-radius:12px;cursor:pointer;border:0;background:transparent;color:inherit}
.fixer-smart-result:hover,.fixer-smart-result:focus{background:rgb(238 242 255);outline:none}
.dark .fixer-smart-result:hover,.dark .fixer-smart-result:focus{background:rgb(30 41 59)}
.fixer-smart-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgb(238 242 255);color:rgb(79 70 229);flex:0 0 auto}
.dark .fixer-smart-icon{background:rgb(49 46 129);color:rgb(199 210 254)}
.fixer-smart-copy{min-width:0;flex:1}.fixer-smart-title{font-size:13px;font-weight:800}.fixer-smart-sub{font-size:10px;color:#94a3b8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fixer-recent-strip{margin:0 auto 20px;max-width:1180px;padding:0 16px}.fixer-recent-card{display:flex;gap:8px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.fixer-recent-card::-webkit-scrollbar{display:none}
.fixer-recent-chip{white-space:nowrap;border:1px solid rgb(226 232 240);background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;color:#475569;cursor:pointer}.fixer-recent-chip:hover{border-color:#818cf8;color:#4f46e5}
.dark .fixer-recent-chip{border-color:rgb(51 65 85);background:rgb(15 23 42);color:#cbd5e1}
.fixer-related-tools{margin-top:18px;padding-top:14px;border-top:1px solid rgb(226 232 240)}.dark .fixer-related-tools{border-color:rgb(51 65 85)}
.fixer-related-tools h3{font-size:12px;font-weight:900;margin:0 0 9px}.fixer-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fixer-related-btn{padding:9px 10px;border-radius:11px;border:1px solid rgb(226 232 240);background:rgb(248 250 252);font-size:11px;font-weight:800;text-align:start;cursor:pointer}.fixer-related-btn:hover{border-color:#818cf8;background:rgb(238 242 255)}.dark .fixer-related-btn{border-color:rgb(51 65 85);background:rgb(30 41 59)}
#fixerNetworkStatus{position:fixed;bottom:18px;left:18px;z-index:1050;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;display:none;box-shadow:0 10px 25px rgba(15,23,42,.12)}
#fixerNetworkStatus.offline{display:block;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.dark #fixerNetworkStatus.offline{background:#431407;color:#fed7aa;border-color:#7c2d12}
@media(max-width:700px){.fixer-related-grid{grid-template-columns:1fr 1fr}.fixer-recent-strip{padding:0 12px}.fixer-smart-result{padding:9px}}
@media(prefers-reduced-motion:reduce){.fixer-smart-result,.fixer-recent-chip,.fixer-related-btn{transition:none!important}}


/* ==== style block 13 ==== */

/* Fixer V10/V11 — global UX, SEO, performance polish */
.fixer-backtop{position:fixed;right:18px;bottom:18px;z-index:1040;width:42px;height:42px;border-radius:14px;border:1px solid rgb(226 232 240);background:rgba(255,255,255,.94);color:#4f46e5;box-shadow:0 12px 30px rgba(15,23,42,.14);display:none;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(12px)}
.dark .fixer-backtop{background:rgba(15,23,42,.94);border-color:rgb(51 65 85);color:#a5b4fc}.fixer-backtop.show{display:flex}.fixer-backtop:hover{transform:translateY(-2px)}
.fixer-tool-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.fixer-tool-action{font-size:10px;font-weight:800;padding:7px 9px;border-radius:9px;border:1px solid rgb(226 232 240);background:rgb(248 250 252);color:#475569;cursor:pointer}.fixer-tool-action:hover{border-color:#818cf8;color:#4f46e5}.dark .fixer-tool-action{border-color:rgb(51 65 85);background:rgb(30 41 59);color:#cbd5e1}
@media(max-width:700px){.fixer-backtop{right:12px;bottom:72px;width:40px;height:40px}}


/* ==== style block 14 ==== */

.fixer-tool-head-v12{min-width:0!important;flex-wrap:wrap!important}.fixer-tool-actions-v12{max-width:100%!important;flex-wrap:wrap!important}.fixer-tool-action-v12{flex:0 0 auto!important}
@media(max-width:700px){.fixer-tool-head-v12{display:flex!important}.fixer-tool-actions-v12{width:100%!important}}


/* ==== style block 15 ==== */

/* V15: one clean related-tools block */
.fixer-related-tools{
  margin-top:24px!important;
  padding-top:18px!important;
  border-top:1px solid rgb(226 232 240)!important;
}
.dark .fixer-related-tools{border-top-color:rgb(51 65 85)!important}
.fixer-related-tools h3{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 12px!important;
  padding:0 2px!important;
  font-size:12px!important;
  font-weight:900!important;
  color:rgb(51 65 85)!important;
}
.dark .fixer-related-tools h3{color:rgb(226 232 240)!important}
.fixer-related-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.fixer-related-btn{
  min-height:44px!important;
  width:100%!important;
  padding:9px 12px!important;
  border:1px solid rgb(226 232 240)!important;
  border-radius:12px!important;
  background:rgb(248 250 252)!important;
  color:rgb(15 23 42)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.25!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-align:center!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.fixer-related-btn:hover{transform:translateY(-1px);border-color:rgb(129 140 248)!important;background:rgb(238 242 255)!important;box-shadow:0 5px 14px rgba(79,70,229,.08)!important}
.dark .fixer-related-btn{background:rgb(30 41 59)!important;border-color:rgb(51 65 85)!important;color:rgb(241 245 249)!important}
.dark .fixer-related-btn:hover{background:rgb(49 46 129)!important;border-color:rgb(99 102 241)!important}
.fixer-related-btn i{font-size:11px!important;opacity:.72}
@media(max-width:700px){.fixer-related-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:460px){.fixer-related-grid{grid-template-columns:1fr!important}.fixer-related-btn{min-height:42px!important}}


/* ==== style block 16 ==== */

  .fixer-tool-action-v12[data-fixer-act="share"].fixer-category-share{
    background: var(--fixer-cat-soft) !important;
    border-color: var(--fixer-cat-border) !important;
    color: var(--fixer-cat) !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.04);
  }
  .fixer-tool-action-v12[data-fixer-act="share"].fixer-category-share:hover{
    background: var(--fixer-cat-hover) !important;
    border-color: var(--fixer-cat) !important;
    color: var(--fixer-cat-dark) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(15,23,42,.08);
  }
  .fixer-tool-action-v12[data-fixer-act="share"].fixer-category-share i{color:inherit !important}
  .dark .fixer-tool-action-v12[data-fixer-act="share"].fixer-category-share{
    background: var(--fixer-cat-dark-soft) !important;
    border-color: var(--fixer-cat-dark-border) !important;
    color: var(--fixer-cat-light) !important;
  }
  .dark .fixer-tool-action-v12[data-fixer-act="share"].fixer-category-share:hover{
    background: var(--fixer-cat-dark-hover) !important;
    border-color: var(--fixer-cat-light) !important;
    color: #fff !important;
  }


/* ==== style block 17 ==== */

/* V19: mobile toasts must sit above the bottom navigation and never inherit RTL logical offsets */
#toastContainer{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  inset-inline-start:auto !important;
  inset-inline-end:auto !important;
  top:auto !important;
  bottom:calc(78px + env(safe-area-inset-bottom)) !important;
  transform:translateX(-50%) !important;
  width:calc(100vw - 24px) !important;
  max-width:420px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  z-index:2147483647 !important;
  pointer-events:none !important;
  box-sizing:border-box !important;
}
#toastContainer > div{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  float:none !important;
  margin:0 !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  text-align:center !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
@media(max-width:480px){
  #toastContainer{bottom:calc(84px + env(safe-area-inset-bottom)) !important;width:calc(100vw - 20px) !important;max-width:390px !important}
  #toastContainer > div{font-size:13px !important;line-height:1.35 !important;padding:10px 14px !important;border-radius:12px !important}
}
@media(min-width:481px){#toastContainer{bottom:20px !important}}


/* ==== style block 18 ==== */

/* V20: hard-reset logical positioning from Tailwind/RTL and keep mobile toasts centered */
#toastContainer{
  position:fixed !important;
  inset-inline-start:auto !important;
  inset-inline-end:auto !important;
  left:50% !important;
  right:auto !important;
  bottom:calc(96px + env(safe-area-inset-bottom)) !important;
  top:auto !important;
  transform:translate3d(-50%,0,0) !important;
  width:min(92vw,420px) !important;
  max-width:calc(100vw - 24px) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  z-index:2147483647 !important;
  pointer-events:none !important;
  direction:ltr !important;
  margin:0 !important;
}
#toastContainer > div{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  margin-inline:auto !important;
  width:auto !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  text-align:center !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  direction:auto !important;
}
@media (min-width:769px){#toastContainer{bottom:24px !important}}
@media (max-width:768px){#toastContainer{bottom:calc(92px + env(safe-area-inset-bottom)) !important}}


/* ==== style block 19 ==== */

  .fixer-related-v67{margin-top:22px!important;padding-top:16px!important;border-top:1px solid rgb(226 232 240)!important;}
  .dark .fixer-related-v67{border-top-color:rgb(51 65 85)!important}
  .fixer-related-v67 h3{display:flex!important;align-items:center!important;gap:7px!important;margin:0 0 10px!important;padding:0 2px!important;font-size:12px!important;line-height:1.4!important;font-weight:900!important;color:rgb(51 65 85)!important}
  .dark .fixer-related-v67 h3{color:rgb(226 232 240)!important}
  .fixer-related-grid-v67{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
  .fixer-related-btn-v67{min-height:42px!important;width:100%!important;padding:8px 11px!important;border:1px solid rgb(226 232 240)!important;border-radius:11px!important;background:rgb(248 250 252)!important;color:rgb(15 23 42)!important;font-size:11px!important;font-weight:800!important;line-height:1.25!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-align:center!important;cursor:pointer!important;transition:none!important}
  .dark .fixer-related-btn-v67{border-color:rgb(51 65 85)!important;background:rgb(30 41 59)!important;color:rgb(241 245 249)!important}
  .fixer-related-btn-v67 i{font-size:11px!important;opacity:.72}
  @media(max-width:700px){.fixer-related-grid-v67{grid-template-columns:1fr 1fr!important}}
  @media(max-width:460px){.fixer-related-grid-v67{grid-template-columns:1fr!important}.fixer-related-btn-v67{min-height:44px!important}}
  /* Hide every older dynamically-created related block; V67 owns the visible one. */
  .fixer-related-tools-v55,.fixer-related-tools-v56,.fixer-related-tools-v59,.fixer-related-tools-v61{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}


/* ==== style block 20 ==== */

/* Fixer V12 — calculator action row + related tools + translation polish */
.tab-content > .fixer-tool-head-v12{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgb(226 232 240)}
.dark .tab-content > .fixer-tool-head-v12{border-color:rgb(51 65 85)}
.tab-content > .fixer-tool-head-v12 h2{margin:0;min-width:0;line-height:1.3}
.fixer-tool-actions-v12{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.fixer-tool-action-v12{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid rgb(226 232 240);border-radius:10px;background:rgb(248 250 252);color:rgb(51 65 85);font-size:11px;font-weight:800;cursor:pointer;transition:all .16s ease;white-space:nowrap}
.fixer-tool-action-v12:hover{border-color:rgb(129 140 248);background:rgb(238 242 255);color:rgb(67 56 202);transform:translateY(-1px)}
.dark .fixer-tool-action-v12{border-color:rgb(51 65 85);background:rgb(30 41 59);color:rgb(226 232 240)}
.dark .fixer-tool-action-v12:hover{background:rgb(49 46 129);border-color:rgb(99 102 241);color:white}
.fixer-tool-action-v12.is-primary{background:rgb(79 70 229);border-color:rgb(79 70 229);color:#fff}
.fixer-tool-action-v12.is-primary:hover{background:rgb(67 56 202);border-color:rgb(67 56 202);color:#fff}
.fixer-tool-action-v12.is-icon{width:34px;padding:0}
.fixer-tool-action-v12 i{font-size:10px}
.fixer-related-tools{margin-top:22px!important;padding-top:16px!important}
.fixer-related-tools h3{font-size:11px!important;color:rgb(100 116 139);letter-spacing:.02em;margin-bottom:10px!important}
.dark .fixer-related-tools h3{color:rgb(148 163 184)}
.fixer-related-grid{gap:9px!important}
.fixer-related-btn{min-height:38px!important;padding:8px 11px!important;font-size:11px!important;display:flex;align-items:center;justify-content:center;gap:5px;text-align:center!important;transition:all .16s ease}
.fixer-related-btn:hover{transform:translateY(-1px)}
@media(max-width:700px){
 .tab-content > .fixer-tool-head-v12{align-items:flex-start;gap:10px}
 .fixer-tool-actions-v12{gap:5px}
 .fixer-tool-action-v12{min-height:32px;padding:0 8px;font-size:10px}
 .fixer-tool-action-v12.is-icon{width:32px}
 .fixer-related-grid{grid-template-columns:1fr!important}
}
@media(max-width:480px){
 .tab-content > .fixer-tool-head-v12{display:block}
 .fixer-tool-actions-v12{margin-top:10px}
 .fixer-tool-action-v12{flex:1}
}


/* ==== style block 21 ==== */

/* V18: make horizontal category navigation discoverable on mobile */
#appNavbar { position:relative !important; }
#appNavbar > .max-w-6xl,
#appNavbar > div:first-child {
  position:relative !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
  padding-inline-end:44px !important;
}
#appNavbar > .max-w-6xl::-webkit-scrollbar,
#appNavbar > div:first-child::-webkit-scrollbar { display:none !important; }
#appNavbar .fixer-nav-scroll-hint {
  display:none;
  position:absolute;
  inset-inline-end:6px;
  top:50%;
  transform:translateY(-50%);
  width:34px;height:34px;
  border-radius:999px;
  align-items:center;justify-content:center;
  background:rgba(255,255,255,.94);
  color:#4f46e5;
  border:1px solid #dbe3ee;
  box-shadow:0 4px 14px rgba(15,23,42,.12);
  z-index:5;
  pointer-events:none;
  font-size:13px;
}
.dark #appNavbar .fixer-nav-scroll-hint{background:rgba(15,23,42,.94);color:#a5b4fc;border-color:#334155}
#appNavbar .fixer-nav-scroll-hint.show{display:flex}
#appNavbar .fixer-nav-scroll-fade{
  display:none;position:absolute;inset-inline-end:0;top:0;bottom:0;width:58px;
  background:linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0));
  pointer-events:none;z-index:4;
}
.dark #appNavbar .fixer-nav-scroll-fade{background:linear-gradient(to left,rgba(15,23,42,1),rgba(15,23,42,0))}
@media(min-width:761px){
  /* V159 — desktop category navigation: no mobile scroll hint; allow translated labels to wrap instead of disappearing. */
  #appNavbar .fixer-nav-scroll-hint,
  #appNavbar .fixer-nav-scroll-fade{display:none!important}
  #appNavbar > .max-w-6xl,
  #appNavbar > div:first-child{
    overflow-x:visible!important;
    overflow-y:visible!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    padding-inline-end:0!important;
  }
}

@media(max-width:760px){
  #appNavbar .fixer-nav-scroll-hint,#appNavbar .fixer-nav-scroll-fade{display:flex}
  #appNavbar .fixer-nav-scroll-fade{display:block}
  #appNavbar > .max-w-6xl,#appNavbar > div:first-child{padding-inline-end:50px !important}
}

/* Mobile-friendly feedback/toasts: always visible and never clipped */
#toastContainer{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:max(16px,env(safe-area-inset-bottom)) !important;
  transform:translateX(-50%) !important;
  width:min(92vw,420px) !important;
  max-width:calc(100vw - 24px) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  z-index:2147483647 !important;
  pointer-events:none !important;
}
#toastContainer > div{
  width:fit-content !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  text-align:center !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
@media(max-width:480px){#toastContainer{width:calc(100vw - 24px) !important}#toastContainer > div{font-size:13px !important;padding:10px 14px !important}}


/* ==== style block 22 ==== */

#toastContainer.fixer-v21-toast-layer{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  width:min(92vw,420px) !important;
  max-width:calc(100vw - 20px) !important;
  transform:translate3d(-50%,0,0) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  z-index:2147483647 !important;
  pointer-events:none !important;
  direction:ltr !important;
  box-sizing:border-box !important;
}
#toastContainer.fixer-v21-toast-layer > .fixer-v21-toast{
  position:relative !important;
  left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
  transform:none !important; margin:0 auto !important;
  width:max-content !important; max-width:100% !important;
  box-sizing:border-box !important; text-align:center !important;
  white-space:normal !important; overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
@media(max-width:768px){#toastContainer.fixer-v21-toast-layer{bottom:calc(92px + env(safe-area-inset-bottom)) !important}}
@media(min-width:769px){#toastContainer.fixer-v21-toast-layer{bottom:24px !important}}
#fixerV21UpdateButton{display:none;align-items:center;gap:6px}


/* ==== style block 23 ==== */

  /* Do not center the header controls on mobile. Keep them grouped at the side as in the original header. */
  @media (max-width:640px){
    #fixerGlobalBar{
      display:flex !important;
      flex-direction:row !important;
      flex-wrap:nowrap !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:8px !important;
    }
    #fixerGlobalBar > h1{
      flex:0 1 auto !important;
      width:auto !important;
      min-width:0 !important;
      margin:0 !important;
      justify-content:flex-start !important;
    }
    #fixerGlobalBar > div:first-child{
      flex:0 0 auto !important;
      width:auto !important;
      margin-inline-start:auto !important;
      margin-inline-end:0 !important;
      justify-content:flex-end !important;
      align-items:center !important;
      gap:6px !important;
    }
    #fixerGlobalBar .fixer-control{
      flex:0 0 auto !important;
      max-width:none !important;
    }
  }


/* ==== style block 24 ==== */

@media (max-width:640px){
  #fixerGlobalBar{
    width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:10px 12px !important;
    box-sizing:border-box !important;
  }
  #fixerGlobalBar > h1,
  #fixerGlobalBar .fixer-brand{
    width:auto !important;
    max-width:55% !important;
    flex:0 1 auto !important;
    margin:0 !important;
    justify-content:flex-start !important;
  }
  #fixerGlobalBar > div:first-child,
  #fixerGlobalBar .fixer-controls{
    width:auto !important;
    max-width:45% !important;
    flex:0 0 auto !important;
    margin-inline-start:auto !important;
    margin-inline-end:0 !important;
    justify-content:flex-end !important;
    align-items:center !important;
    display:flex !important;
    gap:5px !important;
  }
  #fixerGlobalBar .fixer-control,
  #fixerGlobalBar #fixerPreferencesButton{
    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
  }
}


/* ==== style block 25 ==== */

@media (max-width:640px){
  #fixerGlobalBar > .fixer-header-controls-v24{
    display:flex !important;
    flex:0 0 auto !important;
    width:auto !important;
    margin-inline-start:auto !important;
    margin-inline-end:0 !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
  }
  #fixerGlobalBar > #fixerV21InstallButton,
  #fixerGlobalBar > #fixerV21UpdateButton,
  #fixerGlobalBar > #fixerV8Install{display:none !important}
}


/* ==== style block 26 ==== */

  /* The legacy V8 installer can reappear after beforeinstallprompt and was the purple pill in the top corner. */
  #fixerV8Install{display:none !important;visibility:hidden !important;pointer-events:none !important;position:absolute !important;width:0 !important;min-width:0 !important;height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden !important;border:0 !important;}
  @media(max-width:640px){
    #fixerGlobalBar{justify-content:space-between !important;align-items:center !important;}
    #fixerGlobalBar > h1{flex:0 0 auto !important;width:auto !important;max-width:none !important;}
    #fixerGlobalBar > .fixer-header-controls-v25{flex:0 0 auto !important;width:auto !important;max-width:none !important;margin-inline-start:auto !important;margin-inline-end:0 !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:6px !important;}
    #fixerV21InstallButton,#fixerV21UpdateButton{flex:0 0 auto !important;width:auto !important;max-width:none !important;white-space:nowrap !important;}
  }


/* ==== style block 27 ==== */

  @media (max-width:640px){
    #fixerGlobalBar > #fixerV8Install,
    #fixerGlobalBar > #fixerV21InstallButton,
    #fixerGlobalBar > #fixerV21UpdateButton{
      display:none !important;
      visibility:hidden !important;
      position:absolute !important;
      inset:auto !important;
      width:0 !important;
      min-width:0 !important;
      height:0 !important;
      min-height:0 !important;
      padding:0 !important;
      margin:0 !important;
      border:0 !important;
      overflow:hidden !important;
    }
    #fixerGlobalBar .fixer-header-controls-v24,
    #fixerGlobalBar .fixer-header-controls-v25{
      display:flex !important;
      flex:0 0 auto !important;
      width:auto !important;
      max-width:none !important;
      margin-inline-start:auto !important;
      margin-inline-end:0 !important;
      align-items:center !important;
      justify-content:flex-end !important;
      gap:6px !important;
    }
  }


/* ==== style block 28 ==== */

@media (max-width:640px){
  #fixerGlobalBar .fixer-controls,
  #fixerGlobalBar .fixer-header-controls-v24,
  #fixerGlobalBar .fixer-header-controls-v25{
    width:auto !important; max-width:none !important; flex:0 0 auto !important;
    margin-inline-start:auto !important; margin-inline-end:0 !important;
    display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:6px !important;
  }
  #fixerV21InstallButton,#fixerV21UpdateButton{
    position:static !important; inset:auto !important; transform:none !important;
    min-width:max-content !important; width:auto !important; height:auto !important;
    min-height:38px !important; flex:0 0 auto !important; white-space:nowrap !important;
  }
  #fixerV8Install,.fixer-v8-install{display:none !important;visibility:hidden !important;pointer-events:none !important;}
}


/* ==== style block 29 ==== */

  #fixerV21InstallButton,#fixerV21UpdateButton,#fixerV8Install,.fixer-v8-install{display:none !important;}
  @media (max-width:767px){
    #fixerV21InstallButton,#fixerV21UpdateButton{display:none !important;align-items:center;justify-content:center;white-space:nowrap;}
    #fixerGlobalBar #globalLangSelect{min-width:126px !important;width:126px !important;padding-inline:8px 26px !important;font-size:12px !important;height:38px !important;line-height:38px !important;}
    #fixerGlobalBar .fixer-controls{gap:6px !important;align-items:center !important;flex-wrap:nowrap !important;}
  }


/* ==== style block 30 ==== */

  #fixerPwaActionSlot{display:none !important;}
  #fixerGlobalBar #fixerV21InstallButton,
  #fixerGlobalBar #fixerV21UpdateButton{
    display:none !important;
  }
  @media (max-width:767px){
    #fixerPwaActionSlot{
      display:none;
      width:100%;
      box-sizing:border-box;
      padding:7px 12px 9px;
      border-top:1px solid rgba(148,163,184,.18);
      background:rgba(248,250,252,.72);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
      text-align:center;
    }
    .dark #fixerPwaActionSlot{
      background:rgba(15,23,42,.72);
      border-top-color:rgba(71,85,105,.45);
    }
    #fixerPwaActionSlot .fixer-pwa-action-inner{
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:38px;
    }
    #fixerPwaActionSlot button{
      position:static !important;
      inset:auto !important;
      transform:none !important;
      float:none !important;
      width:auto !important;
      min-width:158px !important;
      max-width:calc(100vw - 24px) !important;
      min-height:38px !important;
      height:38px !important;
      margin:0 auto !important;
      flex:0 0 auto !important;
      justify-content:center !important;
      align-items:center !important;
      white-space:nowrap !important;
    }
  }


/* ==== style block 31 ==== */

  /* Keep the language/country selector visible and usable in the header. */
  #fixerGlobalBar #globalLangSelect{
    display:inline-block !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 auto !important;
    min-width:150px !important;
    width:150px !important;
    max-width:150px !important;
    height:38px !important;
    line-height:38px !important;
    padding-inline-start:8px !important;
    padding-inline-end:28px !important;
    overflow:visible !important;
  }
  /* The legacy PWA buttons are hidden; V33 uses one independent button outside the header. */
  #fixerV21InstallButton,#fixerV21UpdateButton,#fixerV8Install,.fixer-v8-install{
    display:none !important;
    visibility:hidden !important;
  }
  #fixerPwaActionV33{display:none !important;}
  @media (max-width:767px){
    #fixerGlobalBar .fixer-controls{
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      flex:0 0 auto !important;
      width:auto !important;
      max-width:none !important;
      margin-inline-start:auto !important;
      margin-inline-end:0 !important;
      gap:6px !important;
      flex-wrap:nowrap !important;
    }
    #fixerGlobalBar #globalLangSelect{
      min-width:150px !important;
      width:150px !important;
      max-width:150px !important;
      font-size:12px !important;
    }
    #fixerPwaActionV33{
      display:none;
      width:100%;
      box-sizing:border-box;
      padding:8px 12px 10px;
      border-bottom:1px solid rgba(148,163,184,.18);
      background:rgba(248,250,252,.82);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
      text-align:center;
    }
    .dark #fixerPwaActionV33{
      background:rgba(15,23,42,.82);
      border-bottom-color:rgba(71,85,105,.45);
    }
    #fixerPwaActionV33 .fixer-pwa-v33-btn{
      position:static !important;
      inset:auto !important;
      transform:none !important;
      float:none !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      width:auto !important;
      min-width:180px !important;
      max-width:calc(100vw - 24px) !important;
      min-height:40px !important;
      height:40px !important;
      margin:0 auto !important;
      padding:0 18px !important;
      border:0 !important;
      border-radius:12px !important;
      white-space:nowrap !important;
      cursor:pointer !important;
      font-weight:700 !important;
    }
  }


/* ==== style block 32 ==== */

  /* Keep the original V33 Global button exactly as designed. */
  #fixerGlobalBar #fixerPreferencesButton{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 auto !important;
  }
  #fixerGlobalBar #fixerPreferencesButton .fixer-pref-label{ display:inline !important; }
  @media (max-width:640px){
    #fixerGlobalBar #fixerPreferencesButton{
      width:38px !important;
      min-width:38px !important;
      max-width:38px !important;
      padding:0 !important;
    }
    #fixerGlobalBar #fixerPreferencesButton .fixer-pref-label{ display:none !important; }
  }


/* ==== style block 33 ==== */

  #fixerGlobalBar #fixerPreferencesButton{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    z-index:20 !important;
  }
  @media (max-width:640px){
    #fixerGlobalBar #fixerPreferencesButton{
      width:38px !important;
      min-width:38px !important;
      max-width:38px !important;
      height:38px !important;
      padding:0 !important;
    }
    #fixerGlobalBar #fixerPreferencesButton .fixer-pref-label{display:none !important;}
  }


/* ==== style block 34 ==== */

  /* Legacy PWA controls remain in source for compatibility, but only V39 is allowed to be visible. */
  #fixerV8Install,
  #fixerV21InstallButton,
  #fixerV21UpdateButton,
  #fixerPwaActionV33,
  #fixerPwaActionSlot,
  .fixer-v8-install{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  #fixerPwaActionV39{display:none !important;}
  @media (max-width:767px){
    #fixerPwaActionV39{
      display:none;
      width:100%;
      box-sizing:border-box;
      padding:8px 12px 10px;
      text-align:center;
      background:rgba(248,250,252,.88);
      border-bottom:1px solid rgba(148,163,184,.20);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
      position:relative;
      z-index:39;
    }
    .dark #fixerPwaActionV39{
      background:rgba(15,23,42,.88);
      border-bottom-color:rgba(71,85,105,.45);
    }
    #fixerPwaActionV39 .fixer-pwa-v39-btn{
      appearance:none;
      -webkit-appearance:none;
      position:static !important;
      inset:auto !important;
      transform:none !important;
      float:none !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      width:auto !important;
      min-width:190px !important;
      max-width:calc(100vw - 24px) !important;
      min-height:42px !important;
      height:42px !important;
      margin:0 auto !important;
      padding:0 18px !important;
      border:0 !important;
      border-radius:12px !important;
      white-space:nowrap !important;
      cursor:pointer !important;
      font-weight:800 !important;
      box-shadow:0 8px 20px rgba(79,70,229,.18) !important;
    }
  }


/* ==== style block 35 ==== */

  html{scroll-behavior:auto !important;}
  body{scroll-behavior:auto !important;}


/* ==== style block 36 ==== */

  /* Legacy related-tools blocks may still be created by older code during language changes.
     Keep them completely out of layout; V67 is the only visible owner. */
  .fixer-related-tools,
  .fixer-related-tools-v55,
  .fixer-related-tools-v56,
  .fixer-related-tools-v59,
  .fixer-related-tools-v61 {
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }


/* V122 — product-grade home dashboard + deterministic theme */
:root{color-scheme:light;background:#f8fafc;--fixer-bg:#f8fafc;--fixer-surface:#fff;--fixer-surface-2:#f1f5f9;--fixer-text:#0f172a;--fixer-muted:#64748b;--fixer-border:#e2e8f0}
html.dark{color-scheme:dark;background:#020617;--fixer-bg:#020617;--fixer-surface:#0f172a;--fixer-surface-2:#1e293b;--fixer-text:#f8fafc;--fixer-muted:#94a3b8;--fixer-border:#334155}
html,body{background:var(--fixer-bg)}
html.dark body{background:#020617!important;color:#f8fafc!important}
html.dark main,html.dark header,html.dark nav,html.dark footer{color-scheme:dark}
.fixer-theme-transition, .fixer-theme-transition *{transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease!important}
.fixer-home-dashboard{display:block}
.fixer-home-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fixer-home-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--fixer-border);background:var(--fixer-surface);border-radius:18px;box-shadow:0 8px 25px rgba(15,23,42,.05)}
.fixer-home-stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;flex:none}.dark .fixer-home-stat-icon{background:#312e81;color:#c7d2fe}
.fixer-home-stat strong{display:block;font-size:19px;line-height:1.1;color:var(--fixer-text)}.fixer-home-stat small{display:block;margin-top:3px;font-size:10px;font-weight:800;color:var(--fixer-muted)}
.fixer-home-section{padding:20px;border:1px solid var(--fixer-border);background:var(--fixer-surface);border-radius:24px;box-shadow:0 12px 35px rgba(15,23,42,.045)}
.fixer-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.fixer-home-section-head h3{margin:2px 0 0;color:var(--fixer-text);font-size:18px;font-weight:900}.fixer-home-kicker{font-size:9px;letter-spacing:.14em;font-weight:900;color:#6366f1}.fixer-home-explore{border:1px solid var(--fixer-border);background:var(--fixer-surface-2);color:var(--fixer-text);padding:8px 11px;border-radius:10px;font-size:10px;font-weight:900;cursor:pointer}
.fixer-home-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fixer-home-tool-card{display:flex;align-items:center;gap:10px;min-width:0;text-align:start;padding:12px;border:1px solid var(--fixer-border);background:var(--fixer-surface-2);border-radius:15px;color:var(--fixer-text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.fixer-home-tool-card:hover{transform:translateY(-2px);border-color:#818cf8;background:#eef2ff}.dark .fixer-home-tool-card:hover{background:#312e81;border-color:#6366f1}.fixer-home-tool-card i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e0e7ff;color:#4f46e5;flex:none}.dark .fixer-home-tool-card i{background:#3730a3;color:#c7d2fe}.fixer-home-tool-card span{font-size:12px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixer-home-empty{display:none;margin:0;padding:10px 2px;font-size:11px;color:var(--fixer-muted)}
@media(max-width:700px){.fixer-home-stats-grid{grid-template-columns:1fr}.fixer-home-tool-grid{grid-template-columns:1fr 1fr}.fixer-home-section{padding:15px;border-radius:19px}}
@media(max-width:430px){.fixer-home-tool-grid{grid-template-columns:1fr}.fixer-home-section-head{align-items:start;flex-direction:column}}

/* V123 — deterministic full-page theme, persistent related cards, dashboard grid */
html.fixer-theme-dark, html.dark{background:#020617!important;color-scheme:dark!important}
html.fixer-theme-dark body, html.dark body{background:#020617!important;color:#f8fafc!important}
html.fixer-theme-dark main, html.dark main{background:transparent!important}
html.fixer-theme-dark .tab-content, html.dark .tab-content{background-color:#0f172a!important;border-color:#334155!important;color:#f8fafc!important}
html.fixer-theme-dark .fixer-home-section, html.dark .fixer-home-section{background:#0f172a!important;border-color:#334155!important}
html.fixer-theme-dark header,html.fixer-theme-dark nav,html.dark header,html.dark nav{background-color:rgba(15,23,42,.96)!important;border-color:#334155!important;color:#f8fafc!important}
html.fixer-theme-dark input,html.fixer-theme-dark select,html.fixer-theme-dark textarea,html.dark input,html.dark select,html.dark textarea{background-color:#1e293b!important;border-color:#475569!important;color:#f8fafc!important}
html.fixer-theme-dark .bg-white,html.fixer-theme-dark .bg-slate-50,html.fixer-theme-dark .bg-slate-100,html.dark .bg-white,html.dark .bg-slate-50,html.dark .bg-slate-100{background-color:#0f172a!important}
html.fixer-theme-dark .text-slate-900,html.fixer-theme-dark .text-slate-800,html.dark .text-slate-900,html.dark .text-slate-800{color:#f8fafc!important}
.fixer-home-sections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.fixer-home-sections-grid .fixer-home-section{min-width:0}
.fixer-home-section{height:100%}
.fixer-related-tools-v123{margin-top:22px;padding-top:16px;border-top:1px solid #e2e8f0}
.dark .fixer-related-tools-v123{border-color:#334155}
.fixer-related-head-v123{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}
.fixer-related-head-v123 h3{margin:0;font-size:12px;font-weight:900;color:#334155}
.dark .fixer-related-head-v123 h3{color:#e2e8f0}
.fixer-related-count-v123{font-size:9px;font-weight:900;padding:3px 7px;border-radius:999px;background:#eef2ff;color:#4f46e5}
.dark .fixer-related-count-v123{background:#312e81;color:#c7d2fe}
.fixer-related-grid-v123{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.fixer-related-card-v123{min-height:62px;width:100%;padding:9px 10px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;color:#0f172a;display:flex;align-items:center;justify-content:flex-start;gap:8px;text-align:start;font-size:11px;font-weight:900;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.fixer-related-card-v123:hover{transform:translateY(-2px);border-color:#818cf8;background:#eef2ff;box-shadow:0 8px 20px rgba(79,70,229,.1)}
.dark .fixer-related-card-v123{background:#1e293b;border-color:#334155;color:#f8fafc}
.dark .fixer-related-card-v123:hover{background:#312e81;border-color:#6366f1}
.fixer-related-card-v123>i:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e0e7ff;color:#4f46e5;flex:none}
.dark .fixer-related-card-v123>i:first-child{background:#3730a3;color:#c7d2fe}
.fixer-related-card-v123 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.fixer-related-arrow-v123{font-size:9px!important;opacity:.55;flex:none}
@media(max-width:900px){.fixer-home-sections-grid{grid-template-columns:1fr 1fr}.fixer-home-sections-grid .fixer-home-section:last-child{grid-column:1/-1}.fixer-related-grid-v123{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.fixer-home-sections-grid{grid-template-columns:1fr}.fixer-home-sections-grid .fixer-home-section:last-child{grid-column:auto}.fixer-related-grid-v123{grid-template-columns:1fr}.fixer-related-card-v123{min-height:52px}}

/* V124 — product-grade tool cards, related cards, and complete dark text treatment */
.fixer-home-tool-card{min-height:92px;align-items:flex-start;padding:14px;background:linear-gradient(145deg,#fff,#f1f5ff);border-color:#dbe4f3;box-shadow:0 8px 24px rgba(15,23,42,.06)}.fixer-home-tool-card:hover{background:linear-gradient(145deg,#eef2ff,#e0e7ff);box-shadow:0 12px 28px rgba(79,70,229,.13)}.fixer-home-tool-copy{display:flex;flex-direction:column;gap:5px;min-width:0;white-space:normal}.fixer-home-tool-copy strong{font-size:12px;line-height:1.3;color:var(--fixer-text)}.fixer-home-tool-copy small{font-size:10px;line-height:1.35;color:var(--fixer-muted);font-weight:700;white-space:normal}.dark .fixer-home-tool-card,.fixer-theme-dark .fixer-home-tool-card{background:linear-gradient(145deg,#111827,#172554);border-color:#334155;box-shadow:0 10px 28px rgba(0,0,0,.2)}.dark .fixer-home-tool-card:hover,.fixer-theme-dark .fixer-home-tool-card:hover{background:linear-gradient(145deg,#172554,#1e1b4b);border-color:#6366f1}
.fixer-related-tools-v124{display:block!important;visibility:visible!important;margin-top:24px;padding-top:18px;border-top:1px solid #dbe3ef}.dark .fixer-related-tools-v124,.fixer-theme-dark .fixer-related-tools-v124{border-color:#334155}.fixer-related-head-v124{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.fixer-related-head-v124 h3{margin:0;color:#334155;font-size:13px;font-weight:900}.dark .fixer-related-head-v124 h3,.fixer-theme-dark .fixer-related-head-v124 h3{color:#fff}.fixer-related-head-v124 span{padding:3px 8px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:9px;font-weight:900}.fixer-related-grid-v124{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fixer-related-card-v124{min-height:76px!important;width:100%;border:1px solid #dbe3ef!important;border-radius:15px!important;background:linear-gradient(145deg,#fff,#f8fafc)!important;color:#0f172a!important;padding:11px!important;display:flex!important;align-items:center!important;gap:9px!important;text-align:start!important;cursor:pointer;box-shadow:0 7px 20px rgba(15,23,42,.05);transition:.18s ease}.fixer-related-card-v124:hover{transform:translateY(-2px);border-color:#818cf8!important;background:#eef2ff!important}.fixer-related-card-v124>i:first-child{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e0e7ff;color:#4f46e5;flex:none}.fixer-related-card-v124 span{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.fixer-related-card-v124 strong{font-size:11px;line-height:1.3;color:#0f172a}.fixer-related-card-v124 small{font-size:9px;line-height:1.2;color:#64748b;font-weight:700}.fixer-related-card-v124>i:last-child{font-size:9px;color:#64748b;flex:none}.dark .fixer-related-card-v124,.fixer-theme-dark .fixer-related-card-v124{background:linear-gradient(145deg,#111827,#1e293b)!important;border-color:#475569!important;color:#fff!important}.dark .fixer-related-card-v124 strong,.fixer-theme-dark .fixer-related-card-v124 strong,.dark .fixer-related-card-v124 small,.fixer-theme-dark .fixer-related-card-v124 small{color:#fff!important}.dark .fixer-related-card-v124>i:first-child,.fixer-theme-dark .fixer-related-card-v124>i:first-child{background:#3730a3;color:#c7d2fe}
html.dark body,html.fixer-theme-dark body{color:#fff!important}html.dark p,html.dark label,html.dark small,html.dark li,html.dark td,html.dark th,html.dark dt,html.dark dd,html.dark span,html.dark strong,html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6,html.fixer-theme-dark p,html.fixer-theme-dark label,html.fixer-theme-dark small,html.fixer-theme-dark li,html.fixer-theme-dark td,html.fixer-theme-dark th,html.fixer-theme-dark dt,html.fixer-theme-dark dd,html.fixer-theme-dark span,html.fixer-theme-dark strong,html.fixer-theme-dark h1,html.fixer-theme-dark h2,html.fixer-theme-dark h3,html.fixer-theme-dark h4,html.fixer-theme-dark h5,html.fixer-theme-dark h6{color:#fff!important}html.dark [class*="text-slate-"],html.fixer-theme-dark [class*="text-slate-"]{color:#fff!important}html.dark input,html.dark textarea,html.dark select,html.fixer-theme-dark input,html.fixer-theme-dark textarea,html.fixer-theme-dark select{color:#fff!important}html.dark input::placeholder,html.dark textarea::placeholder,html.fixer-theme-dark input::placeholder,html.fixer-theme-dark textarea::placeholder{color:#e2e8f0!important;opacity:1}html.dark option,html.fixer-theme-dark option{background:#0f172a!important;color:#fff!important}
@media(max-width:900px){.fixer-related-grid-v124{grid-template-columns:1fr 1fr!important}}@media(max-width:600px){.fixer-related-grid-v124{grid-template-columns:1fr!important}.fixer-related-card-v124{min-height:66px!important}}


/* V125 — final UI polish */
.fixer-home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fixer-home-tool-card{min-height:132px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;padding:14px!important;overflow:hidden}
.fixer-home-tool-card i{width:38px!important;height:38px!important;border-radius:11px!important;flex:none!important}
.fixer-home-tool-copy{display:flex!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;gap:4px!important;overflow:visible!important}
.fixer-home-tool-copy strong{display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;font-size:12px!important;font-weight:900!important;line-height:1.35!important}
.fixer-home-tool-copy small{display:block!important;overflow:visible!important;white-space:normal!important;font-size:9.5px!important;line-height:1.35!important;font-weight:700!important}
html.dark #fixerGlobalBar button[onclick="handleNativeShare()"],html.fixer-theme-dark #fixerGlobalBar button[onclick="handleNativeShare()"]{background:#4f46e5!important;border-color:#6366f1!important;color:#fff!important;box-shadow:0 6px 18px rgba(79,70,229,.28)!important}
html.dark #fixerGlobalBar button[onclick="handleNativeShare()"] span,html.fixer-theme-dark #fixerGlobalBar button[onclick="handleNativeShare()"] span{color:#fff!important}
html.dark #fixerGlobalBar #fixerPreferencesButton,html.fixer-theme-dark #fixerGlobalBar #fixerPreferencesButton{color:#fff!important;background:#1e293b!important;border-color:#475569!important}
html.dark #fixerGlobalBar #fixerPreferencesButton .fixer-pref-label,html.fixer-theme-dark #fixerGlobalBar #fixerPreferencesButton .fixer-pref-label{color:#fff!important}
html.dark #fixerGlobalBar h1 span,html.fixer-theme-dark #fixerGlobalBar h1 span{color:#fff!important;background:#312e81!important}
html.dark [id^="drop"] button:hover,html.dark [id^="drop"] button:focus-visible,html.fixer-theme-dark [id^="drop"] button:hover,html.fixer-theme-dark [id^="drop"] button:focus-visible{background:#312e81!important;color:#fff!important}
html.dark [id^="drop"] button:hover span,html.dark [id^="drop"] button:focus-visible span,html.fixer-theme-dark [id^="drop"] button:hover span,html.fixer-theme-dark [id^="drop"] button:focus-visible span{color:#fff!important}
html.dark [id^="drop"] button:hover i,html.dark [id^="drop"] button:focus-visible i,html.fixer-theme-dark [id^="drop"] button:hover i,html.fixer-theme-dark [id^="drop"] button:focus-visible i{color:#c7d2fe!important}
html.dark #fixerPreferencesPopover select,html.fixer-theme-dark #fixerPreferencesPopover select{background:#1e293b!important;color:#fff!important;border-color:#475569!important}
html.dark #fixerPreferencesPopover option,html.fixer-theme-dark #fixerPreferencesPopover option{background:#0f172a!important;color:#fff!important}
#currentYear{font-variant-numeric:tabular-nums}
@media(max-width:700px){.fixer-home-tool-grid{grid-template-columns:1fr 1fr}.fixer-home-tool-card{min-height:122px!important}}
@media(max-width:430px){.fixer-home-tool-grid{grid-template-columns:1fr}.fixer-home-tool-card{min-height:110px!important}}

/* V126 — simpler two-panel home + stronger dark navigation/related contrast */
.fixer-home-sections-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.fixer-home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.fixer-home-tool-card{min-height:108px!important;aspect-ratio:1.55/1!important;padding:14px!important}
.fixer-home-tool-copy{gap:4px!important}
html.dark .nav-main-btn,html.fixer-theme-dark .nav-main-btn{color:#fff!important}
html.dark .nav-main-btn:hover,html.dark .nav-main-btn:focus-visible,html.fixer-theme-dark .nav-main-btn:hover,html.fixer-theme-dark .nav-main-btn:focus-visible{color:#fff!important}
html.dark [id^="drop"] button,html.fixer-theme-dark [id^="drop"] button{color:#fff!important}
html.dark [id^="drop"] button:hover,html.dark [id^="drop"] button:focus-visible,html.fixer-theme-dark [id^="drop"] button:hover,html.fixer-theme-dark [id^="drop"] button:focus-visible{color:#fff!important;background:#312e81!important}
html.dark [id^="drop"] button span,html.fixer-theme-dark [id^="drop"] button span{color:#fff!important}
html.dark [id^="drop"] button:hover span,html.dark [id^="drop"] button:focus-visible span,html.fixer-theme-dark [id^="drop"] button:hover span,html.fixer-theme-dark [id^="drop"] button:focus-visible span{color:#fff!important}
html.dark .fixer-related-head-v124 span,html.fixer-theme-dark .fixer-related-head-v124 span{background:#3730a3!important;color:#fff!important;border:1px solid #6366f1}
html.dark .fixer-related-card-v124>i:last-child,html.fixer-theme-dark .fixer-related-card-v124>i:last-child{color:#e2e8f0!important}
@media(max-width:900px){.fixer-home-sections-grid{grid-template-columns:1fr 1fr!important}.fixer-home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.fixer-home-sections-grid{grid-template-columns:1fr!important}.fixer-home-tool-grid{grid-template-columns:1fr 1fr!important}.fixer-home-tool-card{aspect-ratio:auto!important;min-height:100px!important}}
@media(max-width:430px){.fixer-home-tool-grid{grid-template-columns:1fr!important}.fixer-home-tool-card{min-height:96px!important}}

/* V128 — functional tool repairs and universal result actions */
html.dark .nav-main-btn,
html.dark .nav-main-btn span[data-i18n^="cat_dropdown_"],
html.dark .nav-main-btn span[data-i18n^="nav_"],
html.fixer-theme-dark .nav-main-btn,
html.fixer-theme-dark .nav-main-btn span[data-i18n^="cat_dropdown_"],
html.fixer-theme-dark .nav-main-btn span[data-i18n^="nav_"]{color:#fff!important}
html.dark [id^="drop"] .dropdown-title,
html.fixer-theme-dark [id^="drop"] .dropdown-title{color:#fff!important;background:#1e293b!important}

/* V129 — definitive dark navigation/dropdown title contrast + result action layout */
html.dark .dropdown-container > .nav-main-btn,
html.dark .dropdown-container > .nav-main-btn span,
html.dark .dropdown-container > .nav-main-btn i,
html.fixer-theme-dark .dropdown-container > .nav-main-btn,
html.fixer-theme-dark .dropdown-container > .nav-main-btn span,
html.fixer-theme-dark .dropdown-container > .nav-main-btn i{color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.08)!important}
html.dark [id^="drop"] .dropdown-title,
html.dark [id^="drop"] > div:first-child,
html.fixer-theme-dark [id^="drop"] .dropdown-title,
html.fixer-theme-dark [id^="drop"] > div:first-child{color:#fff!important;background:#0f172a!important}
html.dark [id^="drop"] .dropdown-title *,html.fixer-theme-dark [id^="drop"] .dropdown-title *{color:#fff!important}
.fixer-result-actions{position:relative;z-index:2}
html.dark .fixer-result-actions,html.fixer-theme-dark .fixer-result-actions{border-color:#334155!important}

/* V132 — definitive dark-mode dropdown text contrast. Tailwind text-slate utilities must not override menu labels. */
/* V132 — also fix the active category button in the dark header: white text must sit on a dark surface. */
html.dark .dropdown-container > .nav-main-btn,html.fixer-theme-dark .dropdown-container > .nav-main-btn{background:#1e293b!important;border-color:#475569!important;color:#fff!important;box-shadow:0 0 0 1px rgba(99,102,241,.25)!important}
html.dark .dropdown-container > .nav-main-btn:hover,html.dark .dropdown-container > .nav-main-btn:focus-visible,html.fixer-theme-dark .dropdown-container > .nav-main-btn:hover,html.fixer-theme-dark .dropdown-container > .nav-main-btn:focus-visible{background:#312e81!important;border-color:#6366f1!important;color:#fff!important}

html.dark #dropWork button span,html.dark #dropInvest button span,html.dark #dropDaily button span,html.dark #dropHealth button span,html.dark #dropUtils button span,
html.fixer-theme-dark #dropWork button span,html.fixer-theme-dark #dropInvest button span,html.fixer-theme-dark #dropDaily button span,html.fixer-theme-dark #dropHealth button span,html.fixer-theme-dark #dropUtils button span{color:#f8fafc!important;opacity:1!important;text-shadow:0 1px 2px rgba(0,0,0,.35)!important}
html.dark #dropWork button,html.dark #dropInvest button,html.dark #dropDaily button,html.dark #dropHealth button,html.dark #dropUtils button,
html.fixer-theme-dark #dropWork button,html.fixer-theme-dark #dropInvest button,html.fixer-theme-dark #dropDaily button,html.fixer-theme-dark #dropHealth button,html.fixer-theme-dark #dropUtils button{color:#f8fafc!important;background-color:transparent!important}
html.dark #dropWork button:hover,html.dark #dropInvest button:hover,html.dark #dropDaily button:hover,html.dark #dropHealth button:hover,html.dark #dropUtils button:hover,
html.fixer-theme-dark #dropWork button:hover,html.fixer-theme-dark #dropInvest button:hover,html.fixer-theme-dark #dropDaily button:hover,html.fixer-theme-dark #dropHealth button:hover,html.fixer-theme-dark #dropUtils button:hover{background-color:#312e81!important;color:#fff!important}
html.dark #dropWork button:hover span,html.dark #dropInvest button:hover span,html.dark #dropDaily button:hover span,html.dark #dropHealth button:hover span,html.dark #dropUtils button:hover span,
html.fixer-theme-dark #dropWork button:hover span,html.fixer-theme-dark #dropInvest button:hover span,html.fixer-theme-dark #dropDaily button:hover span,html.fixer-theme-dark #dropHealth button:hover span,html.fixer-theme-dark #dropUtils button:hover span{color:#fff!important}

/* V130 — result action controls must remain above Related Tools and clickable inside copy-enabled results. */
.fixer-result-actions button{position:relative!important;z-index:30!important;pointer-events:auto!important}
.dark .fixer-result-actions .fixer-result-print,.fixer-theme-dark .fixer-result-actions .fixer-result-print{background:#1e293b!important;color:#fff!important;border-color:#475569!important}
.dark .fixer-result-actions .fixer-result-pdf,.fixer-theme-dark .fixer-result-actions .fixer-result-pdf{background:#4f46e5!important;color:#fff!important}

/* Fixer V133 — authoritative action buttons, always visible and clickable. */
.fixer-universal-actions-v133{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;box-sizing:border-box!important;margin-top:18px!important;padding:14px 0 4px!important;border-top:1px solid rgba(148,163,184,.35)!important;position:relative!important;z-index:999!important;pointer-events:auto!important;clear:both!important}
.fixer-universal-actions-v133 button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:9px 16px!important;border-radius:11px!important;border:1px solid transparent!important;font-size:13px!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:1000!important;transition:transform .12s ease,filter .12s ease!important}
.fixer-universal-actions-v133 button:active{transform:translateY(1px)!important}
.fixer-v133-print{background:#e2e8f0!important;color:#0f172a!important;border-color:#cbd5e1!important}
.fixer-v133-pdf{background:#4f46e5!important;color:#fff!important;border-color:#6366f1!important}
.fixer-v133-print:hover,.fixer-v133-pdf:hover{filter:brightness(.96)!important}
html.dark .fixer-v133-print,html.fixer-theme-dark .fixer-v133-print{background:#1e293b!important;color:#fff!important;border-color:#475569!important}
html.dark .fixer-v133-pdf,html.fixer-theme-dark .fixer-v133-pdf{background:#4f46e5!important;color:#fff!important;border-color:#818cf8!important}
@media print{.fixer-universal-actions-v133{display:none!important}}

/* V136 — professional unified currency selector */
.fixer-currency-picker{position:relative;width:100%;margin:0;z-index:2147482500!important;pointer-events:auto!important}
.fixer-currency-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
.fixer-currency-trigger{width:100%!important;min-height:52px!important;display:flex!important;align-items:center!important;gap:11px!important;text-align:start!important;padding:9px 13px!important;border:1px solid #cbd5e1!important;border-radius:14px!important;background:#fff!important;color:#0f172a!important;box-shadow:0 1px 2px rgba(15,23,42,.05)!important;cursor:pointer!important;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important}
.fixer-currency-trigger:hover,.fixer-currency-trigger:focus-visible{border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.13)!important;outline:none!important}
.fixer-currency-flag{font-size:25px!important;line-height:1!important;flex:0 0 auto!important}
.fixer-currency-selected-copy{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.15!important;flex:1 1 auto!important}
.fixer-currency-selected-copy strong{font-size:14px!important;font-weight:850!important;letter-spacing:.02em!important}
.fixer-currency-selected-copy span{font-size:12px!important;color:#64748b!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.fixer-currency-chevron{font-size:12px!important;color:#64748b!important;flex:0 0 auto!important}
.fixer-currency-menu{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 8px)!important;min-width:280px!important;max-height:390px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;border-radius:16px!important;box-shadow:0 18px 45px rgba(15,23,42,.18),0 4px 12px rgba(15,23,42,.1)!important;padding:8px!important;z-index:10000!important}
.fixer-currency-search-wrap{position:sticky!important;top:0!important;z-index:2!important;padding:2px 2px 9px!important;background:inherit!important}
.fixer-currency-search-wrap>i{position:absolute!important;left:14px!important;top:15px!important;color:#64748b!important;font-size:13px!important}
.fixer-currency-search{width:100%!important;height:40px!important;padding:8px 11px 8px 35px!important;border:1px solid #cbd5e1!important;border-radius:11px!important;background:#f8fafc!important;color:#0f172a!important;outline:none!important;font-size:13px!important}
.fixer-currency-search:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.11)!important}
.fixer-currency-group-title{padding:8px 9px 6px!important;font-size:10px!important;font-weight:850!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#64748b!important}
.fixer-currency-option{width:100%!important;display:flex!important;align-items:center!important;gap:9px!important;padding:9px 9px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#0f172a!important;text-align:start!important;cursor:pointer!important}
.fixer-currency-option:hover,.fixer-currency-option:focus-visible{background:#eef2ff!important;color:#0f172a!important;outline:none!important}
.fixer-currency-option.is-selected{background:#eef2ff!important}
.fixer-currency-option-flag{font-size:21px!important;width:29px!important;text-align:center!important;flex:0 0 29px!important}
.fixer-currency-option-main{display:flex!important;flex-direction:column!important;width:48px!important;flex:0 0 48px!important;line-height:1.05!important}
.fixer-currency-option-main strong{font-size:12px!important;font-weight:850!important}
.fixer-currency-option-main span{font-size:11px!important;color:#64748b!important;margin-top:3px!important}
.fixer-currency-option-name{font-size:12px!important;color:#334155!important;flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.fixer-currency-check{color:#4f46e5!important;font-size:13px!important;margin-inline-start:auto!important}
.fixer-currency-empty{padding:25px 10px!important;text-align:center!important;color:#64748b!important;font-size:13px!important}
html.dark .fixer-currency-trigger,html.fixer-theme-dark .fixer-currency-trigger{background:#0f172a!important;color:#f8fafc!important;border-color:#475569!important;box-shadow:0 1px 2px rgba(0,0,0,.25)!important}
html.dark .fixer-currency-trigger:hover,html.dark .fixer-currency-trigger:focus-visible,html.fixer-theme-dark .fixer-currency-trigger:hover,html.fixer-theme-dark .fixer-currency-trigger:focus-visible{border-color:#818cf8!important;background:#111c33!important;box-shadow:0 0 0 3px rgba(99,102,241,.2)!important}
html.dark .fixer-currency-selected-copy span,html.fixer-theme-dark .fixer-currency-selected-copy span{color:#94a3b8!important}
html.dark .fixer-currency-chevron,html.fixer-theme-dark .fixer-currency-chevron{color:#94a3b8!important}
html.dark .fixer-currency-menu,html.fixer-theme-dark .fixer-currency-menu{background:#0f172a!important;color:#f8fafc!important;border-color:#475569!important;box-shadow:0 20px 50px rgba(0,0,0,.45)!important}
html.dark .fixer-currency-search,html.fixer-theme-dark .fixer-currency-search{background:#1e293b!important;color:#f8fafc!important;border-color:#475569!important}
html.dark .fixer-currency-search::placeholder,html.fixer-theme-dark .fixer-currency-search::placeholder{color:#94a3b8!important}
html.dark .fixer-currency-group-title,html.fixer-theme-dark .fixer-currency-group-title{color:#94a3b8!important}
html.dark .fixer-currency-option,html.fixer-theme-dark .fixer-currency-option{color:#f8fafc!important}
html.dark .fixer-currency-option:hover,html.dark .fixer-currency-option:focus-visible,html.dark .fixer-currency-option.is-selected,html.fixer-theme-dark .fixer-currency-option:hover,html.fixer-theme-dark .fixer-currency-option:focus-visible,html.fixer-theme-dark .fixer-currency-option.is-selected{background:#1e293b!important;color:#fff!important}
html.dark .fixer-currency-option-main span,html.dark .fixer-currency-option-name,html.fixer-theme-dark .fixer-currency-option-main span,html.fixer-theme-dark .fixer-currency-option-name{color:#cbd5e1!important}
@media(max-width:600px){.fixer-currency-menu{max-height:330px!important;overflow-y:auto!important;overflow-x:hidden!important}.fixer-currency-option-name{font-size:11px!important}.fixer-currency-selected-copy span{max-width:190px!important}}


/* V137 — persistent global header/search/navigation and visible search bar. */
:root{
  --fixer-global-header-height:64px;
  --fixer-search-height:65px;
}
#fixerGlobalBar{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  width:100%!important;
  box-sizing:border-box!important;
}
#fixerSearchBar{
  position:sticky!important;
  top:var(--fixer-global-header-height)!important;
  z-index:990!important;
  width:100%!important;
  min-height:var(--fixer-search-height)!important;
  box-sizing:border-box!important;
  background:rgba(248,250,252,.98)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  border-bottom:1px solid #e2e8f0!important;
  visibility:visible!important;
  opacity:1!important;
}
#fixerSearchBar>div{visibility:visible!important;opacity:1!important}
#globalSearchInput{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#0f172a!important;
  background:#fff!important;
  border-color:#cbd5e1!important;
}
#globalSearchInput::placeholder{color:#64748b!important;opacity:1!important}
#appNavbar{
  position:sticky!important;
  top:calc(var(--fixer-global-header-height) + var(--fixer-search-height))!important;
  z-index:980!important;
  width:100%!important;
  box-sizing:border-box!important;
}
html.dark #fixerSearchBar,html.fixer-theme-dark #fixerSearchBar{
  background:rgba(15,23,42,.98)!important;
  border-bottom-color:#334155!important;
}
html.dark #globalSearchInput,html.fixer-theme-dark #globalSearchInput{
  background:#1e293b!important;
  color:#f8fafc!important;
  border-color:#475569!important;
}
html.dark #globalSearchInput::placeholder,html.fixer-theme-dark #globalSearchInput::placeholder{color:#94a3b8!important}
@media(max-width:767px){
  :root{--fixer-global-header-height:58px;--fixer-search-height:59px}
  #fixerSearchBar{min-height:59px!important;padding:8px 12px 10px!important}
  #appNavbar{top:117px!important}
}


/* V138 — make the fixed header stack physically touch: top header → search → navigation. */
:root{
  --fixer-global-header-height:64px;
  --fixer-search-height:65px;
}
#fixerGlobalBar,
#fixerSearchBar,
#appNavbar{
  margin-block-start:0!important;
  margin-block-end:0!important;
}
#fixerGlobalBar{
  position:sticky!important;
  top:0!important;
  height:var(--fixer-global-header-height)!important;
  min-height:var(--fixer-global-header-height)!important;
  max-height:var(--fixer-global-header-height)!important;
}
#fixerSearchBar{
  position:sticky!important;
  top:var(--fixer-global-header-height)!important;
  height:var(--fixer-search-height)!important;
  min-height:var(--fixer-search-height)!important;
  max-height:var(--fixer-search-height)!important;
  padding-block:10px!important;
  display:flex!important;
  align-items:center!important;
}
#fixerSearchBar>div{width:100%!important;}
#appNavbar{
  position:sticky!important;
  top:calc(var(--fixer-global-header-height) + var(--fixer-search-height))!important;
  margin-top:0!important;
}
@media(max-width:767px){
  :root{
    --fixer-global-header-height:64px;
    --fixer-search-height:59px;
  }
  #fixerGlobalBar{
    height:var(--fixer-global-header-height)!important;
    min-height:var(--fixer-global-header-height)!important;
    max-height:var(--fixer-global-header-height)!important;
  }
  #fixerSearchBar{
    height:var(--fixer-search-height)!important;
    min-height:var(--fixer-search-height)!important;
    max-height:var(--fixer-search-height)!important;
    padding:8px 12px!important;
  }
  #appNavbar{
    top:calc(var(--fixer-global-header-height) + var(--fixer-search-height))!important;
  }
}

/* V145: keep the fuel calculator CTA visually centered and touch-friendly. */
.fixer-fuel-calc-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;line-height:1.25!important;text-align:center!important;white-space:normal!important;}
.fixer-fuel-calc-btn:focus-visible{outline:3px solid rgba(16,185,129,.35)!important;outline-offset:2px!important;}


/* V157 — History button uses the same dark-mode hover treatment as the category navigation buttons. */
html.dark button.nav-main-btn[data-tab-key="nav_history"]:hover,
html.dark button.nav-main-btn[data-tab-key="nav_history"]:focus-visible,
html.fixer-theme-dark button.nav-main-btn[data-tab-key="nav_history"]:hover,
html.fixer-theme-dark button.nav-main-btn[data-tab-key="nav_history"]:focus-visible{background:#312e81!important;border-color:#6366f1!important;color:#fff!important}
html.dark button.nav-main-btn[data-tab-key="nav_history"]:hover span,
html.dark button.nav-main-btn[data-tab-key="nav_history"]:focus-visible span,
html.fixer-theme-dark button.nav-main-btn[data-tab-key="nav_history"]:hover span,
html.fixer-theme-dark button.nav-main-btn[data-tab-key="nav_history"]:focus-visible span{color:#fff!important}

/* V160 — desktop translated category navigation: show every category by wrapping rows. */
@media (min-width: 761px){
  #appNavbar > .max-w-6xl,
  #appNavbar > div:first-child{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    height:auto!important;
    min-height:44px!important;
    padding-inline:0!important;
    row-gap:.5rem!important;
  }
  #appNavbar > .max-w-6xl > .dropdown-container,
  #appNavbar > div:first-child > .dropdown-container,
  #appNavbar > .max-w-6xl > .nav-main-btn,
  #appNavbar > div:first-child > .nav-main-btn{
    flex-shrink:1!important;
  }
  #appNavbar > .max-w-6xl > .dropdown-container .nav-main-btn,
  #appNavbar > div:first-child > .dropdown-container .nav-main-btn,
  #appNavbar > .max-w-6xl > .nav-main-btn,
  #appNavbar > div:first-child > .nav-main-btn{
    white-space:normal!important;
  }
}


/* V167 — responsive wide-shell foundation + universal smart side panel. */
:root{--fixer-wide-max:1440px;--fixer-tool-max:1280px;}
main.flex-1{max-width:none!important;width:100%!important;margin-inline:auto!important;padding-inline:clamp(12px,2.5vw,40px)!important;}
main.flex-1 > *{width:100%;max-width:var(--fixer-wide-max);margin-inline:auto;}
main.flex-1 > .tab-content{max-width:var(--fixer-tool-max);}
.fixer-tool-upgrade-shell{position:relative;min-width:0;}
.fixer-tool-upgrade-shell > .fixer-tool-upgrade-panel{position:absolute;inset-inline-end:18px;top:18px;width:min(320px,27%);z-index:3;}
.fixer-tool-upgrade-shell.fixer-has-panel{padding-inline-end:calc(min(320px,27%) + 34px)!important;}
.fixer-tool-upgrade-panel{border:1px solid rgb(226 232 240);background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(255,255,255,.98));border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.07);}
.dark .fixer-tool-upgrade-panel{border-color:rgb(51 65 85);background:linear-gradient(180deg,rgba(30,41,59,.96),rgba(15,23,42,.98));box-shadow:0 10px 28px rgba(0,0,0,.2);}
.fixer-tool-upgrade-kicker{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6366f1;margin-bottom:5px;}
.fixer-tool-upgrade-title{font-size:15px;font-weight:900;color:rgb(15 23 42);line-height:1.3;margin:0 0 8px;}
.dark .fixer-tool-upgrade-title{color:rgb(248 250 252);}
.fixer-tool-upgrade-copy{font-size:12px;line-height:1.65;color:rgb(71 85 105);margin:0 0 12px;}
.dark .fixer-tool-upgrade-copy{color:rgb(203 213 225);}
.fixer-tool-upgrade-list{display:grid;gap:7px;margin:0;padding:0;list-style:none;}
.fixer-tool-upgrade-list li{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.45;color:rgb(51 65 85);}
.dark .fixer-tool-upgrade-list li{color:rgb(226 232 240);}
.fixer-tool-upgrade-list i{width:18px;flex:none;margin-top:2px;color:#6366f1;}
.fixer-tool-upgrade-note{margin-top:13px;padding-top:11px;border-top:1px solid rgb(226 232 240);font-size:10px;line-height:1.5;color:rgb(100 116 139);}
.dark .fixer-tool-upgrade-note{border-color:rgb(51 65 85);color:rgb(148 163 184);}
@media(max-width:1100px){
  main.flex-1{padding-inline:clamp(10px,2vw,24px)!important;}
  .fixer-tool-upgrade-shell > .fixer-tool-upgrade-panel{position:static;width:auto;margin-top:18px;}
  .fixer-tool-upgrade-shell.fixer-has-panel{padding-inline-end:24px!important;}
}
@media(max-width:640px){
  main.flex-1{padding-inline:10px!important;padding-bottom:90px!important;}
  main.flex-1 > *{max-width:100%!important;}
  main.flex-1 > .tab-content{padding:16px!important;border-radius:18px!important;}
  .fixer-tool-upgrade-shell.fixer-has-panel{padding-inline-end:16px!important;}
  .fixer-tool-upgrade-panel{padding:14px;border-radius:16px;}
}

/* V168 — refined localized smart tool cards. */
.fixer-tool-upgrade-top{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.fixer-tool-upgrade-icon{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:rgba(99,102,241,.10);color:#6366f1;flex:none;}
.fixer-smart-feature-grid{display:grid;gap:7px;margin-top:10px;}
.fixer-smart-feature-grid>div{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:11px;background:rgba(99,102,241,.055);font-size:11px;line-height:1.35;color:rgb(51 65 85);}
.fixer-smart-feature-grid i{width:15px;flex:none;color:#6366f1;}
.dark .fixer-smart-feature-grid>div{background:rgba(99,102,241,.10);color:rgb(226 232 240);}
@media(max-width:1100px){.fixer-tool-upgrade-shell.fixer-has-panel{padding-inline-end:16px!important;}}

/* V169 — Smart Tool icons inherit the same category colors used by the main navigation. */
.fixer-tool-upgrade-icon.fixer-smart-group-finance{background:rgba(99,102,241,.12);color:#6366f1;}
.fixer-tool-upgrade-icon.fixer-smart-group-health{background:rgba(244,63,94,.12);color:#f43f5e;}
.fixer-tool-upgrade-icon.fixer-smart-group-shopping{background:rgba(16,185,129,.12);color:#10b981;}
.fixer-tool-upgrade-icon.fixer-smart-group-text,.fixer-tool-upgrade-icon.fixer-smart-group-productivity,.fixer-tool-upgrade-icon.fixer-smart-group-utility{background:rgba(245,158,11,.12);color:#f59e0b;}
.fixer-tool-upgrade-panel:has(.fixer-smart-group-finance) .fixer-tool-upgrade-kicker,.fixer-tool-upgrade-panel:has(.fixer-smart-group-finance) .fixer-smart-feature-grid i{color:#6366f1;}
.fixer-tool-upgrade-panel:has(.fixer-smart-group-health) .fixer-tool-upgrade-kicker,.fixer-tool-upgrade-panel:has(.fixer-smart-group-health) .fixer-smart-feature-grid i{color:#f43f5e;}
.fixer-tool-upgrade-panel:has(.fixer-smart-group-shopping) .fixer-tool-upgrade-kicker,.fixer-tool-upgrade-panel:has(.fixer-smart-group-shopping) .fixer-smart-feature-grid i{color:#10b981;}
.fixer-tool-upgrade-panel:has(.fixer-smart-group-text) .fixer-tool-upgrade-kicker,.fixer-tool-upgrade-panel:has(.fixer-smart-group-text) .fixer-smart-feature-grid i,.fixer-tool-upgrade-panel:has(.fixer-smart-group-productivity) .fixer-tool-upgrade-kicker,.fixer-tool-upgrade-panel:has(.fixer-smart-group-productivity) .fixer-smart-feature-grid i,.fixer-tool-upgrade-panel:has(.fixer-smart-group-utility) .fixer-tool-upgrade-kicker,.fixer-tool-upgrade-panel:has(.fixer-smart-group-utility) .fixer-smart-feature-grid i{color:#f59e0b;}

/* V170 — investment category uses the same violet family as the main navigation, plus the first real smart visualization. */
.fixer-tool-upgrade-icon.fixer-smart-group-invest{background:rgba(139,92,246,.12);color:#8b5cf6;}
.fixer-tool-upgrade-panel:has(.fixer-smart-group-invest) .fixer-tool-upgrade-kicker,.fixer-tool-upgrade-panel:has(.fixer-smart-group-invest) .fixer-smart-feature-grid i{color:#8b5cf6;}
.fixer-tool-upgrade-panel:has(.fixer-smart-group-invest) .fixer-smart-feature-grid>div{background:rgba(139,92,246,.055);}
.dark .fixer-tool-upgrade-panel:has(.fixer-smart-group-invest) .fixer-smart-feature-grid>div{background:rgba(139,92,246,.10);}
.fixer-investment-mini-chart{margin-top:12px;padding:11px 12px;border:1px solid rgba(139,92,246,.18);border-radius:14px;background:linear-gradient(180deg,rgba(139,92,246,.07),rgba(139,92,246,.025));}
.fixer-investment-mini-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#7c3aed;margin-bottom:8px;}
.dark .fixer-investment-mini-title{color:#a78bfa;}
.fixer-investment-bars{height:86px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;}
.fixer-investment-bars span{display:block;width:12%;min-height:12px;border-radius:7px 7px 3px 3px;background:#8b5cf6;opacity:.78;transition:height .25s ease;}
@media(max-width:640px){.fixer-investment-mini-chart{margin-top:10px;}}

/* V171 — bundled contextual smart charts */
.fixer-smart-chart-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;margin-bottom:10px;color:#475569}.dark .fixer-smart-chart-title{color:#cbd5e1}
.fixer-loan-chart,.fixer-sale-chart,.fixer-bmi-chart,.fixer-cal-chart{margin-top:12px;padding:11px 12px;border:1px solid rgba(99,102,241,.16);border-radius:14px;background:linear-gradient(180deg,rgba(99,102,241,.055),rgba(99,102,241,.015))}
.fixer-bar-row{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;margin:7px 0}.fixer-bar-label{font-size:10px;color:#64748b}.dark .fixer-bar-label{color:#94a3b8}.fixer-bar-track{height:9px;border-radius:999px;background:#e2e8f0;overflow:hidden}.dark .fixer-bar-track{background:#334155}.fixer-bar-track i{display:block;height:100%;width:0;border-radius:999px;background:#8b5cf6;transition:width .25s ease}
.fixer-sale-summary{text-align:center;font-size:11px;color:#64748b}.fixer-sale-summary strong{display:block;font-size:24px;line-height:1.1;color:#10b981}.dark .fixer-sale-summary{color:#94a3b8}.dark .fixer-sale-summary strong{color:#34d399}.fixer-sale-bar{height:10px;margin-top:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.dark .fixer-sale-bar{background:#334155}.fixer-sale-bar i{display:block;height:100%;width:0;background:#10b981;border-radius:999px;transition:width .25s ease}
.fixer-bmi-scale{height:10px;display:grid;grid-template-columns:14% 26% 20% 40%;border-radius:999px;overflow:hidden}.fixer-bmi-scale i:nth-child(1){background:#60a5fa}.fixer-bmi-scale i:nth-child(2){background:#34d399}.fixer-bmi-scale i:nth-child(3){background:#fbbf24}.fixer-bmi-scale i:nth-child(4){background:#fb7185}.fixer-bmi-marker{position:relative;height:0;width:7px;height:7px;border-radius:50%;background:#0f172a;top:-8px;left:0;transform:translateX(-50%);transition:left .25s ease}.dark .fixer-bmi-marker{background:#fff}.fixer-bmi-labels{display:flex;justify-content:space-between;font-size:9px;color:#94a3b8;margin-top:2px}.fixer-health-note{margin-top:9px;font-size:9px;line-height:1.45;color:#94a3b8}
.fixer-macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fixer-macro-grid div{padding:8px 5px;text-align:center;border-radius:10px;background:rgba(244,63,94,.06)}.fixer-macro-grid b{display:block;font-size:14px;color:#f43f5e}.fixer-macro-grid span{font-size:9px;color:#94a3b8}.dark .fixer-macro-grid div{background:rgba(244,63,94,.10)}


/* V172 — bundled micro-visuals for finance, utility and text tools. */
.fixer-salary-chart,.fixer-freelance-chart,.fixer-currency-chart,.fixer-vat-chart,.fixer-fuel-chart,.fixer-dates-chart,.fixer-conv-chart,.fixer-pass-chart,.fixer-wc-chart{margin-top:12px;padding:11px 12px;border:1px solid rgba(99,102,241,.16);border-radius:14px;background:linear-gradient(180deg,rgba(99,102,241,.055),rgba(99,102,241,.015));}
.fixer-mini-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.fixer-mini-metric-grid>div{padding:8px 6px;text-align:center;border-radius:10px;background:rgba(99,102,241,.055)}.fixer-mini-metric-grid b{display:block;font-size:14px;color:#6366f1}.fixer-mini-metric-grid span{font-size:9px;color:#94a3b8}.dark .fixer-mini-metric-grid>div{background:rgba(99,102,241,.10)}
.fixer-mini-breakdown{display:grid;gap:7px}.fixer-mini-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:9px;background:rgba(99,102,241,.05)}.fixer-mini-breakdown span{font-size:9px;color:#94a3b8}.fixer-mini-breakdown b{font-size:12px;color:#6366f1}.dark .fixer-mini-breakdown>div{background:rgba(99,102,241,.10)}
.fixer-currency-rate{text-align:center;padding:8px}.fixer-currency-rate span{font-size:12px;color:#94a3b8;margin-inline-end:7px}.fixer-currency-rate strong{font-size:22px;color:#6366f1}.fixer-currency-rate small{display:block;margin-top:4px;font-size:9px;color:#94a3b8}
.fixer-date-big{text-align:center}.fixer-date-big b{display:block;font-size:28px;color:#f59e0b;line-height:1.05}.fixer-date-big span,.fixer-date-sub{font-size:9px;color:#94a3b8}.fixer-date-sub{text-align:center;margin-top:4px}
.fixer-conv-result{text-align:center;font-size:25px;font-weight:900;color:#f59e0b;padding:6px}.fixer-strength-track{height:9px;border-radius:999px;background:#e2e8f0;overflow:hidden}.dark .fixer-strength-track{background:#334155}.fixer-strength-track i{display:block;height:100%;width:0;border-radius:999px;background:#f59e0b;transition:width .25s ease}.fixer-strength b{display:block;text-align:center;margin-top:7px;font-size:10px;color:#f59e0b}.fixer-wc-grid{grid-template-columns:repeat(3,1fr)}

/* Fixer V182 — site chrome is always the top visual layer. */
#fixerGlobalBar{
  position:sticky !important;
  top:0 !important;
  z-index:2147483000 !important;
}
#fixerSearchBar{
  position:sticky !important;
  top:var(--fixer-header-height,64px) !important;
  z-index:2147482999 !important;
}
#appNavbar{
  position:sticky !important;
  top:calc(var(--fixer-header-height,64px) + var(--fixer-search-height,64px)) !important;
  z-index:2147482998 !important;
}
#fixerGlobalBar .fixer-currency-menu,
#fixerSearchBar #searchResultsDropdown,
#appNavbar .dropdown-menu,
#appNavbar [id^="drop"],
body > [id^="drop"]{
  z-index:2147483001 !important;
}
@media(max-width:640px){
  #fixerGlobalBar{top:0 !important}
}


/* Fixer V185 — currency menus are portaled to <body> so card/section overflow cannot clip the full list. */
.fixer-currency-menu-portal{
  position:fixed!important;
  margin:0!important;
  z-index:2147482500!important;
  max-width:calc(100vw - 16px)!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
.fixer-currency-menu-portal[hidden]{display:none!important}
.fixer-currency-menu-portal .fixer-currency-search-wrap{position:sticky!important;top:0!important;z-index:5!important}

/* V187 — per-tool feedback */
.fixer-tool-feedback{margin-top:28px;padding:18px;border:1px solid rgba(148,163,184,.28);border-radius:18px;background:rgba(248,250,252,.72);color:#0f172a}
.dark .fixer-tool-feedback{background:rgba(15,23,42,.55);color:#e2e8f0;border-color:rgba(100,116,139,.35)}
.fixer-feedback-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.fixer-feedback-head h3{margin:0;font-size:15px;font-weight:800}.fixer-feedback-head p{margin:5px 0 0;font-size:12px;line-height:1.55;opacity:.72}.fixer-feedback-icon{font-size:24px;line-height:1}
.fixer-feedback-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.fixer-feedback-types label{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(148,163,184,.35);border-radius:11px;font-size:12px;cursor:pointer;background:rgba(255,255,255,.7)}.dark .fixer-feedback-types label{background:rgba(30,41,59,.7)}
.fixer-feedback-types input{accent-color:#6366f1}.fixer-tool-feedback textarea{width:100%;min-height:92px;resize:vertical;padding:11px 12px;border:1px solid rgba(148,163,184,.38);border-radius:12px;background:rgba(255,255,255,.82);color:inherit;outline:none;font:inherit;font-size:13px;box-sizing:border-box}.dark .fixer-tool-feedback textarea{background:rgba(15,23,42,.8)}.fixer-tool-feedback textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.fixer-tool-feedback button{margin-top:10px;border:0;border-radius:11px;padding:9px 14px;background:#4f46e5;color:#fff;font-weight:700;font-size:12px;cursor:pointer}.fixer-tool-feedback button:disabled{opacity:.6;cursor:wait}.fixer-feedback-status{margin-top:8px;font-size:12px;min-height:18px}
@media(max-width:640px){.fixer-feedback-types{flex-direction:column}.fixer-feedback-types label{width:100%;box-sizing:border-box}}

/* Fixer V188 — polished currency portal: generous viewport + reliable scrolling */
.fixer-currency-menu-portal{max-height:min(68vh,640px)!important;min-height:220px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
.fixer-currency-menu-portal .fixer-currency-option{min-height:44px!important}
.fixer-currency-menu-portal .fixer-currency-group-title{position:sticky!important;top:49px!important;background:inherit!important;z-index:3!important}
.fixer-currency-menu-portal{height:min(72vh,660px)!important;max-height:min(72vh,660px)!important;overflow-y:scroll!important;scrollbar-width:auto!important;scrollbar-gutter:stable!important}
.fixer-currency-menu-portal::-webkit-scrollbar{width:11px!important}
.fixer-currency-menu-portal::-webkit-scrollbar-track{background:rgba(148,163,184,.12)!important;border-radius:10px!important}
.fixer-currency-menu-portal::-webkit-scrollbar-thumb{background:rgba(100,116,139,.55)!important;border-radius:10px!important;border:2px solid transparent!important;background-clip:padding-box!important}
.fixer-currency-menu-portal::-webkit-scrollbar-thumb:hover{background:rgba(79,70,229,.72)!important;background-clip:padding-box!important}
.fixer-currency-menu-portal:after{content:'↕';position:sticky;display:block;bottom:4px;margin:4px auto 0;width:max-content;max-width:calc(100% - 20px);padding:5px 9px;border-radius:999px;background:rgba(99,102,241,.92);color:#fff;font-size:10px;font-weight:800;pointer-events:none;opacity:.9;z-index:20}
.dark .fixer-currency-menu-portal:after{background:rgba(79,70,229,.95)}

/* Fixer V188 — modern, inviting feedback card */
.fixer-tool-feedback{position:relative!important;isolation:isolate!important;margin:46px 0 4px!important;padding:26px!important;border:1px solid rgba(99,102,241,.18)!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(248,250,252,.96),rgba(238,242,255,.88))!important;box-shadow:0 18px 55px rgba(15,23,42,.08),0 3px 12px rgba(99,102,241,.07)!important;overflow:hidden!important}
.fixer-tool-feedback:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(120deg,rgba(99,102,241,.35),rgba(168,85,247,.12),rgba(14,165,233,.24));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}
.fixer-feedback-glow{position:absolute!important;width:180px;height:180px;inset-inline-end:-70px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.18),transparent 68%);pointer-events:none}
.dark .fixer-tool-feedback{background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.9))!important;border-color:rgba(129,140,248,.25)!important;box-shadow:0 20px 60px rgba(0,0,0,.25),0 3px 14px rgba(99,102,241,.08)!important}
.fixer-feedback-head{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px!important}.fixer-feedback-kicker{font-size:9px;font-weight:900;letter-spacing:.18em;color:#6366f1;margin-bottom:7px}.fixer-feedback-head h3{margin:0!important;font-size:20px!important;font-weight:850!important;letter-spacing:-.02em}.fixer-feedback-head p{margin:7px 0 0!important;font-size:13px!important;line-height:1.65!important;opacity:.68!important;max-width:720px}.fixer-feedback-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(99,102,241,.1);color:#6366f1;font-size:23px;box-shadow:inset 0 0 0 1px rgba(99,102,241,.12)}
.fixer-feedback-rating-label{font-size:11px;font-weight:800;opacity:.7;margin-bottom:8px}.fixer-feedback-stars{display:flex;gap:5px;align-items:center;min-height:45px}.fixer-star{appearance:none!important;border:0!important;background:transparent!important;color:#cbd5e1!important;font-size:31px!important;line-height:1!important;padding:2px 4px!important;margin:0!important;cursor:pointer!important;transition:transform .16s ease,color .16s ease,filter .16s ease!important;box-shadow:none!important}.dark .fixer-star{color:#475569!important}.fixer-star:hover,.fixer-star.is-hover,.fixer-star.is-on{color:#f59e0b!important;transform:translateY(-2px) scale(1.04)!important;filter:drop-shadow(0 4px 8px rgba(245,158,11,.2))}.fixer-feedback-star-caption{height:18px;font-size:11px;font-weight:700;color:#f59e0b;margin:-1px 0 13px 4px}.fixer-feedback-types{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 13px!important}.fixer-feedback-types label{display:flex!important;align-items:center;gap:8px;padding:10px 14px!important;border:1px solid rgba(148,163,184,.3)!important;border-radius:13px!important;font-size:12px!important;cursor:pointer;background:rgba(255,255,255,.68)!important;transition:border-color .16s,background .16s,transform .16s}.fixer-feedback-types label:has(input:checked){border-color:rgba(99,102,241,.5)!important;background:rgba(99,102,241,.08)!important;transform:translateY(-1px)}.dark .fixer-feedback-types label{background:rgba(30,41,59,.7)!important}.fixer-feedback-types input{accent-color:#6366f1}.fixer-tool-feedback textarea{width:100%!important;min-height:116px!important;resize:vertical!important;padding:13px 14px!important;border:1px solid rgba(148,163,184,.34)!important;border-radius:15px!important;background:rgba(255,255,255,.76)!important;color:inherit!important;outline:none!important;font:inherit!important;font-size:13px!important;box-sizing:border-box!important;transition:border-color .16s,box-shadow .16s,background .16s}.dark .fixer-tool-feedback textarea{background:rgba(15,23,42,.78)!important}.fixer-tool-feedback textarea:focus{border-color:#818cf8!important;box-shadow:0 0 0 4px rgba(99,102,241,.11)!important;background:#fff!important}.dark .fixer-tool-feedback textarea:focus{background:rgba(15,23,42,.96)!important}.fixer-feedback-send{margin-top:13px!important;border:0!important;border-radius:13px!important;padding:11px 18px!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important;font-weight:800!important;font-size:12px!important;cursor:pointer!important;box-shadow:0 8px 20px rgba(79,70,229,.2)!important;transition:transform .16s,box-shadow .16s,opacity .16s!important}.fixer-feedback-send:hover{transform:translateY(-1px)!important;box-shadow:0 11px 24px rgba(79,70,229,.26)!important}.fixer-feedback-send:disabled{opacity:.6!important;cursor:wait!important}.fixer-feedback-status{margin-top:10px!important;font-size:12px!important;min-height:18px!important;opacity:.8}.fixer-feedback-shake{animation:fixerFeedbackShake .42s ease}.fixer-tool-feedback{scroll-margin-top:150px}
@keyframes fixerFeedbackShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:640px){.fixer-tool-feedback{margin-top:34px!important;padding:20px!important;border-radius:20px!important}.fixer-feedback-head h3{font-size:17px!important}.fixer-feedback-head p{font-size:12px!important}.fixer-feedback-icon{width:38px;height:38px;font-size:19px}.fixer-feedback-types{flex-direction:column}.fixer-feedback-types label{width:100%;box-sizing:border-box}.fixer-star{font-size:29px!important}.fixer-currency-menu-portal{max-height:72vh!important;min-height:200px!important}}
@media print{.fixer-tool-feedback{display:none!important}}

/* V207 — menus must render above the entire site chrome.
 * Only stacking order is changed; layout, header, and menu behavior remain untouched.
 */
#fixerPreferencesPopover{z-index:2147483647!important}
.fixer-currency-menu-portal{z-index:2147483647!important}


/* V213 — navigation dropdowns are direct <body> children, not descendants of #appNavbar.
 * Give the real global dropdown nodes their own top stacking layer.
 * No layout or calculator behavior is changed.
 */
body > #dropWork,
body > #dropInvest,
body > #dropDaily,
body > #dropHealth,
body > #dropUtils{
  position:fixed !important;
  z-index:2147483647 !important;
}

/* V530: closed currency fields stay in content; the body portal alone floats. */
.tab-content .fixer-currency-picker{z-index:0!important}
#loanReceived521[hidden]{display:none!important}
@media(max-width:768px){
 html{scroll-padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}
 .tab-content .fixer-currency-picker{scroll-margin-bottom:calc(120px + env(safe-area-inset-bottom,0px))}
}

/* V533: accessibility toolbar on the physical left in every locale. */
#fixerAccessibilityToolbar533{inset-inline-start:auto!important;inset-inline-end:auto!important;left:16px!important;right:auto!important}

/* V536 compact decision support; tables scroll inside the calculator. */
#loanMeeting536 summary,#loanAssumptionsResult536 summary{cursor:pointer;font-weight:700;font-size:1.05rem;line-height:1.6}
#loanMeeting536 details[open]>summary,#loanAssumptionsResult536 details[open]>summary{margin-bottom:12px}
#loanArchive536 input[type=file]{max-width:100%;width:100%;min-width:0}
#loanDecisionSummary536{border-inline-start:4px solid #6366f1}

/* V537: desktop header breathing room; mobile controls remain unchanged. */
@media screen and (min-width:1024px){#fixerGlobalBar>#fixerHeaderControls537{margin-inline-end:16px!important}}

/* V539: readable comparison disclosures, keyboard focus and filter layout. */
.loan-advanced-details539{border:1px solid #cbd5e1;border-radius:14px;margin-block:12px;padding:12px;min-width:0}
.loan-advanced-details539>summary,#loanResultContent details>summary{cursor:pointer;font-weight:700;line-height:1.6}
.dark .loan-advanced-details539{border-color:#475569}
.loan-filter539{display:grid;gap:8px;min-width:0}
.loan-filter539 input,.loan-filter539 select{max-width:100%;min-width:0;padding:8px;border:1px solid #94a3b8;border-radius:9px;background:transparent;color:inherit}
.tab-content :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #6366f1!important;outline-offset:3px}
.fx-field-help529{position:relative}.fx-field-help529:before{content:"";position:absolute;inset:-4px}
@media(prefers-reduced-motion:reduce){.tab-content *{scroll-behavior:auto!important;transition:none!important}}

/* V541 — phone category menus: centered within viewport, icons at the opposite edge. */
@media screen and (max-width: 640px) {
  :is(#dropWork,#dropInvest,#dropDaily,#dropHealth,#dropUtils,#dropCalculators) {
    box-sizing: border-box;
    left: 8px !important;
    right: 8px !important;
    width: calc(100% - 16px) !important;
    max-width: 288px !important;
    min-width: 0 !important;
    margin-inline: auto !important;
  }
  :is(#dropWork,#dropInvest,#dropDaily,#dropHealth,#dropUtils,#dropCalculators) button {
    justify-content: space-between !important;
    gap: 8px !important;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  :is(#dropWork,#dropInvest,#dropDaily,#dropHealth,#dropUtils,#dropCalculators) button > span {
    flex: 0 1 auto;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  :is(#dropWork,#dropInvest,#dropDaily,#dropHealth,#dropUtils,#dropCalculators) button > i {
    flex: 0 0 auto;
    margin-inline: 0 !important;
  }
}