:root{--bg:#f7f8fb;--surface:#fff;--ink:#101828;--muted:#667085;--line:#e5e7eb;--brand:#2457ff;--soft:#eef3ff;--shadow:0 18px 50px rgba(16,24,40,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;font-size:22px;letter-spacing:-.5px}.brand b{color:var(--brand)}.navlinks{display:flex;gap:18px;color:var(--muted);font-size:14px}
.hero{padding:76px 0 26px}.eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--soft);color:var(--brand);font-size:13px;font-weight:800}
.hero h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-3px;margin:18px 0}.hero p{max-width:720px;font-size:19px;line-height:1.7;color:var(--muted)}
.searchbar{margin-top:28px;display:flex;gap:10px}.searchbar input{flex:1;border:1px solid var(--line);border-radius:16px;padding:17px 18px;font-size:17px;background:#fff;outline:none}.searchbar input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(36,87,255,.1)}
.stats{display:flex;gap:26px;flex-wrap:wrap;padding:26px 0}.stat strong{font-size:24px}.stat span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.chips{display:flex;gap:9px;overflow:auto;padding:12px 0 24px;scrollbar-width:none}.chip{white-space:nowrap;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);cursor:pointer}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.section-head{display:flex;align-items:end;justify-content:space-between;margin:26px 0 14px}.section-head h2{margin:0;font-size:28px;letter-spacing:-1px}.section-head span{color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:13px;padding-bottom:70px}.card,.mini-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:18px;transition:.18s}.card:hover,.mini-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#d5dcff}.card strong,.mini-card strong{display:block;font-size:15px}.card span,.mini-card span{display:block;color:var(--muted);font-size:12px;margin-top:7px}
.calc-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;max-width:1050px;margin:46px auto 70px;padding:0 22px}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.calc-main h1{font-size:clamp(34px,5vw,54px);letter-spacing:-2px;margin:10px 0}.desc{color:var(--muted);line-height:1.7}.toprow{display:flex;justify-content:space-between;gap:10px;align-items:center}.badge{font-size:12px;font-weight:800;color:var(--brand);background:var(--soft);padding:7px 9px;border-radius:999px}.save{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;cursor:pointer}
.field{display:block;margin:17px 0}.field span{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.field input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;font-size:16px;outline:none}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(36,87,255,.09)}
.primary{width:100%;border:0;border-radius:13px;padding:14px;background:var(--brand);color:#fff;font-weight:850;font-size:16px;cursor:pointer}.result{margin-top:17px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#eef3ff,#f7f9ff)}.result small{color:var(--muted)}.result strong{display:block;font-size:30px;margin-top:7px;word-break:break-word}
.info h3{margin-top:0}.info p{color:var(--muted);line-height:1.65}.side .panel{padding:20px;margin-bottom:14px}.side h3{font-size:15px;margin:0 0 12px}.related{display:grid;gap:9px}.mini-card{padding:13px;border-radius:13px}
.adslot{border:1px dashed #cbd5e1;border-radius:14px;padding:28px 10px;text-align:center;color:#98a2b3;font-size:12px;background:#fafafa}
footer{background:#fff;border-top:1px solid var(--line);padding:36px 0;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footlinks{display:flex;gap:15px;flex-wrap:wrap}
.content-page{max-width:800px;margin:50px auto 80px;padding:0 22px}.content-page h1{font-size:44px}.content-page p{line-height:1.75;color:var(--muted)}
@media(max-width:850px){.calc-layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.side .panel{margin:0}.navlinks{display:none}}
@media(max-width:600px){.hero{padding-top:48px}.hero h1{letter-spacing:-2px}.panel{padding:20px}.side{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.wrap{padding:0 16px}.calc-layout{padding:0 16px}.searchbar input{min-width:0}}
@media(max-width:430px){.grid{grid-template-columns:1fr}.hero p{font-size:16px}}

/* SEO/navigation additions */
.breadcrumbs{display:flex;gap:7px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:18px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.category-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:20px 0 70px}
.category-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.category-card strong{display:block;font-size:18px}.category-card p{font-size:14px;color:var(--muted);line-height:1.55}
.category-card span{font-size:12px;color:var(--brand);font-weight:800}
.category-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.category-links a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px}
.seo-footer-categories{display:flex;gap:12px;flex-wrap:wrap;padding-top:20px;font-size:12px}
.seo-footer-categories a{text-decoration:underline;text-underline-offset:3px}
.static-explanation{margin-top:18px}
.static-explanation h2{font-size:22px;margin:0 0 10px}
.static-explanation p{color:var(--muted);line-height:1.7}
.category-intro{max-width:800px;color:var(--muted);line-height:1.7}

select{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fff;font-size:15px;outline:none}
.converter-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}
.swap{width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:20px;margin-bottom:17px;cursor:pointer}
.api-status{font-size:12px;color:var(--muted);line-height:1.5}
.big-display{font-size:36px;font-weight:850;text-align:right;background:var(--bg);padding:18px;border-radius:14px;margin:15px 0;min-height:74px;overflow:auto}
.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.key,.qkey{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:13px;font-weight:750;cursor:pointer}.key:last-child{background:var(--brand);color:#fff}
.quickkeys{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.qkey{width:auto}
.fraction-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.fraction-grid select{grid-column:1/-1}
@media(max-width:600px){.converter-row{grid-template-columns:1fr}.swap{margin:0;width:100%}}

.all-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin-top:18px}
.convert-result-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 13px}
.convert-result-row span{font-size:13px;color:var(--muted);text-transform:capitalize}.convert-result-row strong{font-size:14px;text-align:right}
.currency-tools{margin-top:15px}.currency-tools input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px}

/* ===== Zelvaniq Pro ===== */
:root{--bg:#f7f8fb;--surface:#fff;--ink:#101828;--muted:#667085;--line:#e5e7eb;--brand:#2457ff;--soft:#eef3ff;--good:#16794b;--warn:#9a6700;--danger:#b42318;--shadow:0 20px 70px rgba(16,24,40,.10)}
[data-theme="dark"]{--bg:#0e1117;--surface:#161b22;--ink:#f5f7fa;--muted:#98a2b3;--line:#2a313c;--soft:#1c294f;--shadow:0 20px 70px rgba(0,0,0,.35)}
body{transition:background .2s,color .2s}
.top-actions{display:flex;gap:8px;align-items:center}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;padding:9px 11px;cursor:pointer;font-weight:750}
.hero-pro{padding-top:64px}.hero-pro h1{max-width:900px}.search-shell{position:relative;max-width:850px;margin-top:26px}.search-shell input{width:100%;padding:20px 52px 20px 19px;border-radius:18px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:18px;box-shadow:var(--shadow);outline:none}.search-shell .search-icon{position:absolute;right:17px;top:16px;font-size:22px;color:var(--muted)}
.quick-strip{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.quick-pill{padding:9px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px}
.dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.dash-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px}.dash-panel h3{margin:0 0 14px}.mini-list{display:flex;gap:8px;flex-wrap:wrap}.mini-list a{padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.popular-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:35px}.popular-card{background:linear-gradient(145deg,var(--surface),var(--soft));border:1px solid var(--line);border-radius:18px;padding:18px}.popular-card small{color:var(--brand);font-weight:800}.popular-card strong{display:block;margin-top:8px}
.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.result-actions button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 10px;cursor:pointer}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:16px}.metric{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:20px;margin-top:5px}
.chart-card{border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:16px;background:var(--surface)}.chart-card canvas{width:100%;height:220px;display:block}
.table-wrap{overflow:auto;margin-top:16px;border:1px solid var(--line);border-radius:14px}.pro-table{width:100%;border-collapse:collapse;min-width:620px}.pro-table th,.pro-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;font-size:13px}.pro-table th:first-child,.pro-table td:first-child{text-align:left}.pro-table th{background:var(--bg);position:sticky;top:0}
.status-bar{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--bg);font-size:13px;color:var(--muted)}
.gauge{height:12px;background:var(--line);border-radius:999px;overflow:hidden;margin:12px 0}.gauge>span{display:block;height:100%;background:linear-gradient(90deg,#2e90fa,#12b76a);border-radius:999px}
.row-editor{display:grid;grid-template-columns:2fr 1fr auto;gap:8px;margin-bottom:8px}.row-editor input{width:100%}.remove-row{border:1px solid var(--line);background:var(--surface);border-radius:10px;cursor:pointer}
.add-row{border:1px dashed var(--line);background:transparent;color:var(--ink);border-radius:10px;padding:10px;cursor:pointer;width:100%}
.command-hint{font-size:12px;color:var(--muted);margin-top:9px}
.pwa-note{font-size:12px;color:var(--muted)}
@media(max-width:760px){.dashboard-row{grid-template-columns:1fr}.row-editor{grid-template-columns:1fr 1fr auto}.chart-card canvas{height:180px}}

/* ===== Premium 100 ===== */
.premium-badge{margin-left:auto;margin-right:8px;padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,#eef4ff,#f4f0ff);border:1px solid #d8e2ff;color:#3448a5;font-size:11px;font-weight:850;letter-spacing:.02em}
[data-theme="dark"] .premium-badge{background:#20284a;border-color:#354173;color:#c9d2ff}
.premium-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.premium-toolbar button,.converter-pro-tools button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:700}.premium-toolbar span,.converter-pro-tools span{font-size:12px;color:var(--muted)}
.premium-insights{margin-top:18px;border-top:1px solid var(--line);padding-top:20px}.premium-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.premium-title small{font-size:10px;letter-spacing:.15em;color:var(--brand);font-weight:900}.premium-title h2{margin:4px 0 0;font-size:21px}.premium-title>span{font-size:12px;color:var(--muted)}
.premium-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.insight-card,.interpret-card,.whatif{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:15px;margin-top:12px}.insight-card h3,.whatif h3{font-size:14px;margin:0 0 10px}.pi-list{display:grid;gap:7px}.pi-row{display:flex;justify-content:space-between;gap:14px;font-size:13px}.pi-row span{color:var(--muted)}.pi-row strong{text-align:right}
.formula-box code{white-space:normal;word-break:break-word;font-size:12px;color:var(--ink);background:var(--bg);padding:9px 10px;border-radius:9px;display:block}
.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scenario-grid>div{border:1px solid var(--line);border-radius:11px;padding:10px;text-align:center}.scenario-grid span{display:block;font-size:11px;color:var(--muted)}.scenario-grid strong{display:block;margin-top:5px}.scenario-grid .current{background:var(--soft)}
.mini-bars{display:grid;gap:5px;margin-top:10px}.mini-bars i{display:block;height:5px;border-radius:999px;background:var(--brand);opacity:.7}
.interpret-card strong{font-size:14px}.interpret-card p,.whatif p{font-size:13px;color:var(--muted);line-height:1.55;margin:6px 0}
.history-head{display:flex;justify-content:space-between;align-items:center}.history-head span{font-size:11px;color:var(--muted)}.history-list{display:grid;gap:7px}.history-item{display:flex;justify-content:space-between;gap:12px;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);padding:9px 10px;cursor:pointer;text-align:left}.history-item span{font-size:11px;color:var(--muted)}.history-item strong{font-size:12px;text-align:right}.premium-empty{font-size:12px;color:var(--muted)}
.converter-pro-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:12px}
@media(max-width:680px){.premium-grid{grid-template-columns:1fr}.premium-title{align-items:flex-start;flex-direction:column}.premium-badge{margin-left:0}.scenario-grid{grid-template-columns:1fr}}

/* ===== Elite 25 ===== */
.elite-badge{padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,#fff4cc,#f4e8ff);border:1px solid #e6cf82;color:#6b4f00;font-size:11px;font-weight:900;white-space:nowrap}
[data-theme="dark"] .elite-badge{background:#392f18;border-color:#67572b;color:#ffe49a}
.elite-panel{margin-top:18px;border:1px solid var(--line);border-radius:18px;padding:17px;background:linear-gradient(160deg,var(--surface),var(--soft))}
.elite-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.elite-head small{font-size:10px;font-weight:900;letter-spacing:.16em;color:#7c3aed}.elite-head h2{margin:4px 0 0;font-size:22px}.elite-head p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.elite-head>span{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:6px 8px;background:var(--surface)}
.elite-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}.elite-input-grid label{font-size:12px;color:var(--muted);font-weight:700}.elite-input-grid input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:var(--surface);color:var(--ink)}
.elite-callout{margin-top:12px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 13px;color:var(--muted);font-size:13px;line-height:1.55}
.bmi-scale{position:relative;height:18px;border-radius:999px;margin-top:10px;background:linear-gradient(90deg,#60a5fa 0 14%,#34d399 14% 40%,#fbbf24 40% 60%,#f87171 60% 100%)}.bmi-scale>span{position:absolute;top:-5px;width:4px;height:28px;background:var(--ink);border-radius:3px;transform:translateX(-2px)}
.elite-scale-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:5px}
@media(max-width:680px){.elite-head{flex-direction:column}}

/* ===== Flagship Top 10 ===== */
.flagship-badge{padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,#111827,#4338ca);color:#fff;border:1px solid rgba(255,255,255,.15);font-size:11px;font-weight:900;white-space:nowrap}
.flagship-app{margin-top:20px;border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:20px;box-shadow:0 18px 50px rgba(16,24,40,.08)}
.flagship-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.flagship-head small{font-weight:900;letter-spacing:.15em;font-size:10px;color:#7c3aed}.flagship-head h2{font-size:24px;line-height:1.15;margin:5px 0 5px}.flagship-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.55;max-width:620px}.flagship-rank{font-size:11px;font-weight:900;letter-spacing:.08em;background:var(--ink);color:var(--surface);padding:8px 10px;border-radius:10px;white-space:nowrap}
.app-tabs{display:flex;gap:6px;margin:18px 0 14px;padding:4px;background:var(--bg);border-radius:12px;width:max-content;max-width:100%}.app-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:9px;font-weight:800;cursor:pointer}.app-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px rgba(16,24,40,.08)}
.app-tab{display:none}.app-tab.active{display:block}.hero-metric{border-radius:18px;padding:20px;background:linear-gradient(135deg,var(--soft),var(--surface));border:1px solid var(--line);margin-bottom:12px}.hero-metric span{display:block;color:var(--muted);font-size:12px;font-weight:700}.hero-metric strong{font-size:34px;letter-spacing:-.03em;display:block;margin-top:5px}.hero-metric strong small{font-size:14px;color:var(--muted);font-weight:700}.hero-metric.compact strong{font-size:26px}
.app-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.app-form-grid label{font-size:12px;color:var(--muted);font-weight:750}.app-form-grid input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
.decision-note{padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--bg);font-size:13px;color:var(--muted);line-height:1.6}.decision-note strong{color:var(--ink)}
.scientific-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.scientific-shortcuts button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:9px 11px;cursor:pointer}
.pin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px}.pin-card{position:relative;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--bg)}.pin-card span{display:block;color:var(--muted);font-size:11px}.pin-card strong{display:block;font-size:17px;margin-top:3px}.pin-card button{position:absolute;right:7px;top:6px;border:0;background:transparent;color:var(--muted);cursor:pointer}.clickable-result{cursor:pointer}.clickable-result:hover{background:var(--soft)}
@media(max-width:680px){.flagship-head{flex-direction:column}.flagship-rank{align-self:flex-start}.app-tabs{width:100%}.app-tabs button{flex:1;padding:8px 6px}.hero-metric strong{font-size:28px}}


/* ===== Zelvaniq Mobile UX ===== */
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
img,svg,canvas,video{max-width:100%}
input,select,textarea,button{font:inherit}
.mobile-menu-btn{display:none}
.mobile-result-dock{display:none}
.mobile-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
.touch-target{touch-action:manipulation}

@media(max-width:820px){
  body{padding-bottom:78px}
  .wrap{width:min(100% - 28px,1180px)}
  header{position:sticky;top:0;z-index:1000;background:var(--surface);border-bottom:1px solid var(--line)}
  header .nav{min-height:58px;position:relative;display:flex;align-items:center;gap:10px}
  .brand{font-size:18px}
  .top-actions{margin-left:auto;gap:6px}
  .icon-btn{min-width:42px;min-height:42px;padding:8px}
  .mobile-menu-btn{display:grid;width:42px;height:42px;place-content:center;gap:4px;border:1px solid var(--line);border-radius:11px;background:var(--surface);margin-left:auto;order:8}
  .mobile-menu-btn span{display:block;width:18px;height:2px;background:var(--ink);border-radius:4px;transition:.2s}
  .mobile-menu-btn.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mobile-menu-btn.open span:nth-child(2){opacity:0}
  .mobile-menu-btn.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .navlinks{display:none!important;position:absolute!important;left:0!important;right:0!important;top:calc(100% + 1px)!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:0 0 16px 16px!important;padding:10px!important;box-shadow:0 18px 40px rgba(16,24,40,.12)!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;z-index:1001!important}
  .navlinks.mobile-open{display:flex!important}
  .navlinks a{display:block!important;padding:12px!important;border-radius:9px!important}
  .navlinks a:hover{background:var(--bg)}
  body.menu-open{overflow:hidden}

  .hero,.hero-pro{padding-top:34px!important;padding-bottom:22px!important}
  .hero h1,.hero-pro h1{font-size:clamp(30px,9vw,44px)!important;line-height:1.06!important;letter-spacing:-.04em!important}
  .hero p,.hero-pro p{font-size:15px!important;line-height:1.6!important}
  .search-shell{margin-top:18px!important}
  .search-shell input{font-size:16px!important;padding:16px 46px 16px 15px!important;border-radius:14px!important}

  .grid,.popular-grid{grid-template-columns:1fr!important}
  .dashboard-row{grid-template-columns:1fr!important;gap:12px!important}
  .dash-panel,.popular-card,.card{border-radius:15px!important}

  .calc-layout,.calculator-layout,.calc-grid,.main-grid{display:block!important}
  .calc-main,.calc-side,.sidebar{width:100%!important;max-width:100%!important}
  .calc-main .panel,.panel{padding:16px!important;border-radius:16px!important}
  .toprow{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important}
  .premium-badge,.elite-badge,.flagship-badge{font-size:10px!important;padding:5px 7px!important}

  .field{margin-bottom:13px!important}
  .field span{font-size:12px!important}
  .field input,.field select,.field textarea,
  #calc-form input,#calc-form select,#calc-form textarea{
    width:100%!important;
    min-height:48px!important;
    font-size:16px!important;
    padding:12px 13px!important;
    border-radius:11px!important;
  }
  #calc-form .primary,.primary,button.primary{
    width:100%!important;
    min-height:50px!important;
    font-size:16px!important;
    border-radius:12px!important;
  }
  button,.qkey,.result-actions button,.premium-toolbar button,.converter-pro-tools button{
    min-height:42px
  }

  .quickkeys{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}
  .qkey{padding:9px 5px!important;font-size:13px!important}
  .result-actions,.premium-toolbar,.converter-pro-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .result-actions button,.premium-toolbar button,.converter-pro-tools button{width:100%!important}
  .premium-toolbar span,.converter-pro-tools span{grid-column:1/-1}

  #resultbox{scroll-margin-top:76px}
  #result{font-size:clamp(24px,8vw,36px)!important;word-break:break-word!important;overflow-wrap:anywhere!important}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .metric{padding:12px!important;border-radius:12px!important;min-width:0}
  .metric strong{font-size:17px!important;word-break:break-word}
  .metric span{font-size:11px!important}

  .chart-card{padding:10px!important;margin-top:12px!important;overflow:hidden}
  .chart-card canvas{height:185px!important;max-width:100%!important}

  .premium-grid{grid-template-columns:1fr!important}
  .scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .scenario-grid strong{font-size:13px!important}
  .pi-row{font-size:12px!important}
  .history-item{align-items:flex-start!important}

  .elite-panel,.flagship-app{padding:14px!important;border-radius:16px!important}
  .elite-head,.flagship-head{flex-direction:column!important;gap:8px!important}
  .elite-head h2,.flagship-head h2{font-size:21px!important}
  .elite-input-grid,.app-form-grid{grid-template-columns:1fr!important}
  .hero-metric{padding:16px!important}
  .hero-metric strong{font-size:28px!important}
  .app-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important;overflow:visible!important}
  .app-tabs button{min-width:0!important;font-size:12px!important;padding:9px 5px!important}
  .decision-note,.elite-callout{font-size:12px!important}

  .row-editor{grid-template-columns:minmax(0,1fr) 86px 42px!important;gap:6px!important}
  .row-editor input{min-width:0!important}

  .all-results{grid-template-columns:1fr!important}
  .convert-result-row{min-height:46px!important;padding:11px 12px!important}
  .mobile-dense-results{max-height:58vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:4px!important}
  .currency-tools input{font-size:16px!important;min-height:46px!important}

  .pin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pin-card strong{font-size:15px!important;overflow-wrap:anywhere}

  .table-wrap,.mobile-table-scroll{margin-left:0!important;margin-right:0!important;width:100%!important;overflow-x:auto!important}
  table,.pro-table{min-width:620px!important}
  .pro-table th,.pro-table td{padding:9px 10px!important;font-size:12px!important}

  .section-head{align-items:flex-start!important;gap:8px!important}
  .section-head h2{font-size:22px!important}
  footer{padding-bottom:95px!important}

  .mobile-result-dock{
    position:fixed;display:flex;left:12px;right:12px;bottom:12px;z-index:1200;
    align-items:center;justify-content:space-between;gap:10px;
    background:rgba(17,24,39,.96);color:#fff;border:1px solid rgba(255,255,255,.12);
    border-radius:15px;padding:10px 10px 10px 14px;box-shadow:0 16px 40px rgba(0,0,0,.28);
    transform:translateY(120%);opacity:0;pointer-events:none;transition:.22s ease
  }
  .mobile-result-dock.show{transform:translateY(0);opacity:1;pointer-events:auto}
  .mobile-result-dock span{display:block;font-size:10px;opacity:.7;text-transform:uppercase;letter-spacing:.08em}
  .mobile-result-dock strong{display:block;max-width:68vw;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-result-dock button{border:0;background:#fff;color:#111827;border-radius:10px;padding:9px 12px;font-weight:850;min-height:40px}
}

@media(max-width:430px){
  .wrap{width:min(100% - 20px,1180px)}
  .metric-grid{grid-template-columns:1fr!important}
  .scenario-grid{grid-template-columns:1fr!important}
  .pin-grid{grid-template-columns:1fr 1fr!important}
  .quickkeys{grid-template-columns:repeat(3,1fr)!important}
  .result-actions,.premium-toolbar,.converter-pro-tools{grid-template-columns:1fr!important}
  .row-editor{grid-template-columns:minmax(0,1fr) 72px 40px!important}
  .hero-metric strong{font-size:26px!important}
  .flagship-app{margin-left:-2px!important;margin-right:-2px!important}
}

@media(hover:none) and (pointer:coarse){
  a,button,input,select,.convert-result-row{ -webkit-tap-highlight-color:transparent }
  .card:hover,.popular-card:hover{transform:none!important}
}


/* ===== Dark Theme Contrast Overhaul ===== */
.brand{color:var(--ink)!important}.brand b{color:var(--brand)!important}
[data-theme="dark"] header{background:rgba(14,17,23,.96)!important}
[data-theme="dark"] .brand{color:#f8fafc!important}
[data-theme="dark"] .brand b{color:#5f7cff!important}
[data-theme="dark"] .card,
[data-theme="dark"] .popular-card,
[data-theme="dark"] .dash-panel,
[data-theme="dark"] .panel,
[data-theme="dark"] .calc-card,
[data-theme="dark"] .sidebar-card,
[data-theme="dark"] .ad-card,
[data-theme="dark"] .category-card,
[data-theme="dark"] .premium-panel,
[data-theme="dark"] .elite-panel,
[data-theme="dark"] .flagship-app,
[data-theme="dark"] .formula-panel,
[data-theme="dark"] .history-panel{
  background:#151922!important;color:#f7f8fb!important;border-color:#2a313c!important
}
[data-theme="dark"] .card strong,
[data-theme="dark"] .popular-card strong,
[data-theme="dark"] .panel h1,
[data-theme="dark"] .panel h2,
[data-theme="dark"] .panel h3,
[data-theme="dark"] .calc-card h1,
[data-theme="dark"] .category-card h3,
[data-theme="dark"] .formula-panel h2,
[data-theme="dark"] .section-head h2{color:#f8fafc!important}
[data-theme="dark"] p,
[data-theme="dark"] .muted,
[data-theme="dark"] .card span,
[data-theme="dark"] .category-card p,
[data-theme="dark"] .field span,
[data-theme="dark"] .api-status,
[data-theme="dark"] .status-bar{color:#aeb8c7!important}
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea{
  background:#0f131a!important;color:#f8fafc!important;border-color:#475569!important
}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#7f8a9b!important}
[data-theme="dark"] table,
[data-theme="dark"] .pro-table{background:#11161f!important;color:#f8fafc!important}
[data-theme="dark"] table th,
[data-theme="dark"] .pro-table th{background:#1a2130!important;color:#f8fafc!important;border-color:#394150!important}
[data-theme="dark"] table td,
[data-theme="dark"] .pro-table td{background:#121821!important;color:#e6ebf2!important;border-color:#303846!important}
[data-theme="dark"] .convert-result-row,
[data-theme="dark"] .metric,
[data-theme="dark"] .analysis-card,
[data-theme="dark"] .trig-result{background:#11161f!important;color:#f8fafc!important;border-color:#303846!important}
[data-theme="dark"] .ad-slot{background:#10151d!important;color:#8f9bad!important;border-color:#3a4350!important}
[data-theme="dark"] .breadcrumb,
[data-theme="dark"] .breadcrumb a{color:#aeb8c7!important}
[data-theme="dark"] .hero h1{color:#f8fafc!important}
[data-theme="dark"] .searchbar input{background:#151922!important;color:#fff!important;border-color:#384152!important}

/* ===== Advanced Math / Trig UX ===== */
.math-lab{margin-top:20px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}
.math-lab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.math-lab-head small{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--brand)}
.math-lab-head h2{margin:5px 0 5px;font-size:24px}.math-lab-head p{margin:0;color:var(--muted);line-height:1.55}
.numeric-badge{font-size:11px;font-weight:850;padding:7px 9px;border-radius:999px;background:var(--soft);color:var(--brand);white-space:nowrap}
.math-controls,.graph-range{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end}
.math-controls label,.graph-range label,.function-list label{font-size:12px;color:var(--muted);font-weight:750}
.math-controls input,.math-controls select,.graph-range input,.function-list input,.surface-row input{
 width:100%;display:block;margin-top:6px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font-size:16px
}
.angle-equivalence{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin:16px 0}
.angle-equivalence strong{font-size:28px}.angle-equivalence span{color:var(--muted)}
.trig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.trig-result{border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--bg)}
.trig-result span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:850}
.trig-result strong{display:block;margin-top:4px;font-size:18px;overflow-wrap:anywhere}
.unit-circle-wrap{margin-top:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.unit-circle-wrap canvas{display:block;width:100%;height:auto}
.math-note{font-size:12px!important;color:var(--muted)!important}
.symbol-palette{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 12px}
.symbol-palette button{min-width:48px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-weight:800;cursor:pointer}
.function-list{display:grid;gap:9px;margin-bottom:12px}
#graph2d,#graph3d{display:block;width:100%;height:auto;margin-top:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px;margin-top:12px}
.analysis-card{border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--bg)}
.analysis-card strong,.analysis-card span{display:block}.analysis-card span{font-size:12px;color:var(--muted);margin-top:5px}
.math-help{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.math-help summary{cursor:pointer;font-weight:850}
.surface-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.surface-section h3{margin:0 0 4px}.surface-section p{margin:0;color:var(--muted)}
.surface-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.surface-row button{padding:0 16px;border:0;border-radius:11px;background:var(--ink);color:var(--surface);font-weight:850}
@media(max-width:680px){
 .math-lab{padding:14px;border-radius:16px}.math-lab-head{flex-direction:column}
 .trig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .surface-row{grid-template-columns:1fr}.surface-row button{min-height:48px}
}

/* Extra dark fixes for screenshots */
[data-theme="dark"] .math-lab{background:#151922!important}
[data-theme="dark"] .unit-circle-wrap,[data-theme="dark"] #graph2d,[data-theme="dark"] #graph3d{border-color:#303846!important}


/* ===== Interactive Graph / Matrix / Regression ===== */
.canvas-shell{position:relative}
.graph-tooltip{position:absolute;z-index:4;pointer-events:none;background:rgba(15,23,42,.92);color:#fff;border-radius:9px;padding:7px 9px;font-size:11px;line-height:1.45;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.graph-helpbar{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0;color:var(--muted);font-size:11px}
.graph-helpbar span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--bg)}
#graph2d,#graph3d{cursor:grab;touch-action:none;user-select:none}
#graph2d.dragging,#graph3d.dragging{cursor:grabbing}
.surface-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.surface-title-row button,.graph-range button:not(.primary){padding:10px 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;font-weight:800}
.projection-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;align-items:end;margin-top:12px}
.projection-controls label{font-size:12px;color:var(--muted);font-weight:750}
.projection-controls select,.projection-controls input[type="number"]{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
.switch-label{display:flex;align-items:center;gap:8px;min-height:42px}.switch-label input{width:auto!important;margin:0!important}
.matrix-input-grid,.reg-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.matrix-input-grid label,.reg-input-grid label{font-size:12px;font-weight:750;color:var(--muted)}
.matrix-input-grid textarea,.reg-input-grid textarea{width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}
.matrix-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.matrix-actions button{padding:9px 11px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:9px;font-weight:800;cursor:pointer}
.matrix-output{overflow-x:auto}.matrix-table{border-collapse:collapse;margin-top:10px;background:transparent!important;min-width:0!important}.matrix-table td{border:1px solid var(--line);padding:9px 12px;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface)!important;color:var(--ink)!important}
#regChart{display:block;width:100%;height:auto;margin:14px 0;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
@media(max-width:680px){.surface-title-row{flex-direction:column}.projection-controls{grid-template-columns:1fr 1fr}.matrix-actions{display:grid;grid-template-columns:1fr 1fr}.graph-range{grid-template-columns:1fr 1fr}}


/* ===== Matrix Spreadsheet Input ===== */
.matrix-builder-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.matrix-size-control{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.matrix-size-control strong{margin-right:4px}.matrix-size-control label{font-size:11px;color:var(--muted);font-weight:750}
.matrix-size-control select{margin-left:4px;padding:6px 7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.matrix-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.matrix-editor-card,.vector-block{padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.vector-block{margin-top:12px;max-width:320px}
.matrix-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.matrix-editor-head strong{font-size:18px}.matrix-editor-head span{font-size:11px;color:var(--muted);font-weight:800}
.matrix-cell-grid{display:grid;grid-template-columns:repeat(var(--matrix-cols),minmax(54px,1fr));gap:6px;overflow-x:auto}
.matrix-cell{
 width:100%;min-width:54px;height:46px;padding:7px 8px!important;text-align:center;
 border:1px solid var(--line)!important;border-radius:8px!important;
 background:var(--surface)!important;color:var(--ink)!important;
 font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:15px!important
}
.matrix-cell:focus{outline:2px solid var(--brand)!important;outline-offset:1px;border-color:var(--brand)!important}
.matrix-keyboard-note{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0;color:var(--muted);font-size:11px}
.matrix-keyboard-note span{padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}
.matrix-keyboard-note kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 5px;color:var(--ink)}
[data-theme="dark"] .matrix-editor-card,[data-theme="dark"] .vector-block,[data-theme="dark"] .matrix-size-control,[data-theme="dark"] .matrix-keyboard-note span{background:#11161f!important}
@media(max-width:760px){
 .matrix-grid-layout{grid-template-columns:1fr}
 .matrix-builder-toolbar{display:grid;grid-template-columns:1fr}
 .matrix-size-control{justify-content:space-between}
 .vector-block{max-width:none}
 .matrix-cell{min-width:48px;height:44px}
}


/* ===== Matrix Spreadsheet Input UX ===== */
.matrix-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-bottom:14px}
.matrix-toolbar label{font-size:12px;color:var(--muted);font-weight:750}
.matrix-toolbar select{display:block;margin-top:5px;min-width:74px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
.matrix-toolbar button{min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-weight:800;cursor:pointer}
.matrix-panels{display:grid;grid-template-columns:1fr 1fr minmax(120px,.42fr);gap:12px;align-items:start}
.matrix-entry-card{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:12px;min-width:0}
.matrix-entry-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.matrix-entry-head strong{font-size:14px}.matrix-entry-head span{font-size:11px;color:var(--muted)}
.matrix-cell-grid{display:grid;grid-template-columns:repeat(var(--matrix-cols),minmax(46px,1fr));gap:5px}
.vector-grid{grid-template-columns:1fr}
.matrix-cell{width:100%!important;min-width:0!important;height:44px!important;padding:7px 8px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface)!important;color:var(--ink)!important;text-align:center!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:15px!important;outline:none}
.matrix-cell:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)!important;position:relative;z-index:2}
.matrix-keyboard-help{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.matrix-keyboard-help span{font-size:11px;color:var(--muted);padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--bg)}
.matrix-keyboard-help kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);font-weight:850}
[data-theme="dark"] .matrix-entry-card{background:#11161f!important;border-color:#303846!important}
[data-theme="dark"] .matrix-cell{background:#0c1118!important;color:#fff!important;border-color:#3c4656!important}
@media(max-width:900px){.matrix-panels{grid-template-columns:1fr 1fr}.vector-entry-card{grid-column:1/-1;max-width:220px}}
@media(max-width:620px){.matrix-panels{grid-template-columns:1fr}.vector-entry-card{grid-column:auto;max-width:none}.matrix-cell{height:46px!important}.matrix-toolbar{display:grid;grid-template-columns:1fr 1fr}.matrix-toolbar button{width:100%}}


/* ===== Zelvaniq 500+ Expansion ===== */
.matrix-panels.single-matrix{grid-template-columns:minmax(280px,620px)}
.matrix-output-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin-top:10px}
.matrix-output-grid>div{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--bg)}
.matrix-output-grid>div>span{display:block;font-size:11px;color:var(--muted);font-weight:800;margin-bottom:5px}
.reg-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:end;margin-bottom:12px}
.reg-toolbar label{font-size:12px;color:var(--muted);font-weight:750}
.reg-toolbar select{display:block;margin-top:5px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
.reg-toolbar button{min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-weight:800}
.reg-sheet-wrap{overflow:auto;max-height:480px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
.reg-sheet{border-collapse:collapse;width:100%;min-width:420px!important}
.reg-sheet th{position:sticky;top:0;background:var(--bg);color:var(--ink);z-index:2;padding:8px;border-bottom:1px solid var(--line)}
.reg-sheet td{padding:4px!important;background:var(--surface)!important}
.reg-cell{width:100%;min-width:90px;padding:9px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.reg-cell:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 16%,transparent)}
#expandedRegChart{display:block;width:100%;height:auto;margin-top:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
[data-theme="dark"] .reg-sheet th{background:#1a2130!important;color:#fff!important}
[data-theme="dark"] .reg-cell{background:#0f131a!important;color:#fff!important;border-color:#475569!important}
@media(max-width:680px){.reg-toolbar{display:grid;grid-template-columns:1fr 1fr}.reg-toolbar button{grid-column:1/-1}.matrix-panels.single-matrix{grid-template-columns:1fr}}


/* ===== Statistics Education + Hypothesis Tests ===== */
.stats-edu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.stats-edu-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--bg)}
.stats-edu-card.full{margin-top:14px}.stats-edu-card span{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--brand)}
.stats-edu-card p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.two-group-grid,.anova-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:10px}
.two-group-grid fieldset{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--bg)}
.two-group-grid legend{font-weight:850;padding:0 5px}.two-group-grid label,.anova-groups label{display:block;color:var(--muted);font-size:12px;font-weight:750;margin-bottom:8px}
.two-group-grid input,.anova-groups textarea{display:block;width:100%;margin-top:5px;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:15px}
.hypothesis-lab .primary{margin-top:10px}
[data-theme="dark"] .stats-edu-card,[data-theme="dark"] .two-group-grid fieldset{background:#11161f!important;border-color:#303846!important}
@media(max-width:680px){.stats-edu-grid{grid-template-columns:1fr}}

/* ===== Statistics Category Grouping ===== */
.stats-category-group{margin:34px 0 48px}
.stats-category-group .grid{align-items:stretch}
.featured-stat-card{border-color:color-mix(in srgb,var(--brand) 28%,var(--line));background:linear-gradient(145deg,var(--surface),var(--soft))}
.featured-stat-card strong{color:var(--brand)}
.stats-category-group .card span{line-height:1.5}


/* ===== Professional Tools ===== */
.professional-badge{padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,var(--ink),#334155);color:var(--surface);font-size:10px;font-weight:900;letter-spacing:.03em}
.professional-workspace{margin-top:20px}
.steps-panel{margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.steps-panel>strong{display:block;margin-bottom:8px}.steps-panel ol{margin:0;padding-left:20px}.steps-panel li{margin:7px 0;color:var(--muted);line-height:1.55}
.debt-table{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:8px}
.debt-head,.debt-row{display:grid;grid-template-columns:1.3fr 1fr .8fr 1fr;gap:1px;background:var(--line)}
.debt-head span{background:var(--bg);padding:9px;font-size:11px;font-weight:850;color:var(--muted)}
.debt-row input{min-width:0;border:0!important;border-radius:0!important;padding:10px!important;background:var(--surface)!important;color:var(--ink)!important}
.shift-grid{display:grid;grid-template-columns:repeat(7,minmax(80px,1fr));gap:7px;margin-bottom:12px}
.shift-grid label{font-size:11px;color:var(--muted);font-weight:750}.shift-grid input{width:100%;display:block;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
.grade-rows{display:grid;gap:7px;margin-bottom:8px}.grade-row{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:7px}.grade-row input{min-width:0;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
#pCanvas{display:block;width:100%;height:auto;margin-top:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
[data-theme="dark"] .steps-panel,[data-theme="dark"] .debt-table{background:#11161f!important;border-color:#303846!important}
@media(max-width:760px){.shift-grid{grid-template-columns:repeat(2,1fr)}.debt-head,.debt-row{grid-template-columns:1.2fr 1fr}.debt-head span:nth-child(n+3){display:none}.debt-row input:nth-child(n+3){display:block}.grade-row{grid-template-columns:1fr}.professional-badge{order:2}}


/* ===== Activity-based Calorie Planner ===== */
.calorie-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}
.planner-block{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
.planner-block h3{margin:0 0 10px}
.planner-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.planner-title-row button{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:9px;padding:8px 10px;font-weight:800}
.activity-head,.activity-row{display:grid;grid-template-columns:minmax(180px,1.6fr) 90px 38px 110px 40px;gap:7px;align-items:center}
.activity-head{font-size:10px;color:var(--muted);font-weight:850;padding:0 3px 5px}
.activity-row{margin-bottom:7px}
.activity-row select,.activity-row input{min-width:0;width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
.activity-row strong{font-size:13px;text-align:right}.act-unit{font-size:11px;color:var(--muted)}
.act-remove{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:9px;height:38px;font-size:20px;cursor:pointer}
.mini-result-line{margin-top:10px;padding:11px 12px;border-radius:10px;background:var(--bg);color:var(--muted);font-size:13px;line-height:1.5}
.mini-result-line strong{color:var(--ink)}
[data-theme="dark"] .planner-block{border-color:#303846!important}
@media(max-width:760px){
 .calorie-summary-grid{grid-template-columns:1fr 1fr}
 .activity-head{display:none}
 .activity-row{grid-template-columns:1fr 80px 32px;grid-template-areas:"type type type" "min unit remove" "kcal kcal kcal";border:1px solid var(--line);border-radius:12px;padding:10px}
 .activity-row .act-type{grid-area:type}.activity-row .act-min{grid-area:min}.activity-row .act-unit{grid-area:unit}.activity-row .act-kcal{grid-area:kcal;text-align:left}.activity-row .act-remove{grid-area:remove}
}
@media(max-width:430px){.calorie-summary-grid{grid-template-columns:1fr}}


/* ===== Search UX Upgrade ===== */
#calculators{scroll-margin-top:84px}
.search-empty{margin-top:18px;padding:22px;border:1px dashed var(--line);border-radius:14px;background:var(--bg);text-align:center}
.search-empty strong,.search-empty span,.search-empty small{display:block}
.search-empty strong{font-size:18px;color:var(--ink)}
.search-empty span{margin-top:6px;color:var(--muted)}
.search-empty small{margin-top:10px;color:var(--brand);font-weight:750}
.calc.search-focus{outline:3px solid color-mix(in srgb,var(--brand) 28%,transparent);outline-offset:3px;transition:outline-color .8s}

/* ===== Combined Math Workspaces ===== */
#combinedMathApp h3{font-size:15px;margin:10px 0}

/* ===== Cross-Category Combined Workspaces ===== */
.loan-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.comparison-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--bg)}
.comparison-card h3{margin:0 0 10px}.comparison-card label{display:block;font-size:12px;color:var(--muted);font-weight:750;margin-bottom:8px}
.comparison-card input{width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
.comparison-card.best-card{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent)}
@media(max-width:780px){.loan-compare-grid{grid-template-columns:1fr}}

/* ===== All Calculators Search Placement ===== */
#calculators .searchbar{margin:14px 0 16px;max-width:none}#calculators .searchbar input{width:100%}

/* Split Bill itemized calculator */
.splitbill-app{margin-top:18px;border-top:1px solid var(--line);padding-top:22px}.splitbill-head,.people-toolbar,.person-top,.pay-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.splitbill-head h2{margin:4px 0 5px}.splitbill-head p,.tax-note{color:var(--muted);margin:0}.splitbill-settings{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin:20px 0 10px}.splitbill-settings label{font-size:12px;font-weight:800}.splitbill-settings input,.splitbill-settings select,.person-name,.food-row input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:11px;padding:11px 12px;font-size:15px;margin-top:6px}.primary-btn,.secondary-btn,.tip-presets button,.add-item,.remove-person,.remove-item{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 12px;font-weight:750;cursor:pointer}.primary-btn{background:var(--brand);border-color:var(--brand);color:#fff}.tip-presets{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0}.tip-presets span{font-size:12px;font-weight:800;color:var(--muted)}.tax-note{font-size:12px;line-height:1.55;margin:10px 0 22px}.people-toolbar{margin:8px 0 10px}.person-card{border:1px solid var(--line);border-radius:15px;padding:14px;margin:10px 0;background:var(--surface)}.person-name{max-width:240px;font-weight:800;margin:0}.remove-person{font-size:12px}.remove-person:disabled{opacity:.35;cursor:not-allowed}.food-row{display:grid;grid-template-columns:minmax(120px,1fr) 130px 38px;gap:8px;align-items:end;margin-top:8px}.food-row input{margin:0}.money-input{position:relative}.money-input span{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);z-index:1}.money-input input{padding-left:25px}.remove-item{padding:10px 0;font-size:18px;line-height:1}.add-item{margin-top:9px;font-size:12px}.person-mini{margin-top:11px;padding-top:10px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}.person-mini b{color:var(--text)}.splitbill-summary{margin-top:20px}.bill-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:18px}.bill-totals>div{border:1px solid var(--line);border-radius:13px;padding:12px}.bill-totals span{display:block;color:var(--muted);font-size:11px}.bill-totals strong{display:block;margin-top:4px;font-size:17px}.bill-totals .grand{border-color:var(--brand)}.pay-table{border-top:1px solid var(--line)}.pay-row{padding:12px 0;border-bottom:1px solid var(--line)}.pay-row strong{min-width:110px}.pay-row span{flex:1;color:var(--muted);font-size:12px;text-align:right}.pay-row b{min-width:82px;text-align:right}.empty-hint{color:var(--muted);font-size:13px}.dark .splitbill-app{color:var(--text)}
@media(max-width:700px){.splitbill-settings{grid-template-columns:1fr}.splitbill-head,.people-toolbar{align-items:flex-start}.bill-totals{grid-template-columns:1fr 1fr}.food-row{grid-template-columns:minmax(0,1fr) 108px 36px}.pay-row{display:grid;grid-template-columns:1fr auto}.pay-row span{grid-column:1/-1;grid-row:2;text-align:left}.pay-row b{grid-column:2;grid-row:1}.person-name{max-width:65%}}

/* Car finance calculator */
.carfin-section{margin-top:22px;padding-top:6px}.carfin-section h2,.carfin-results h2{font-size:1.15rem;margin:0 0 12px}.carfin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.carfin-note{font-size:.9rem;opacity:.76;line-height:1.55;margin:10px 0 0}.carfin-mainpay{display:flex;flex-direction:column;gap:4px}.carfin-mainpay small{font-size:.82rem;font-weight:500;opacity:.72}.carfin-results{margin-top:18px}.carfin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px}.carfin-metrics>div{border:1px solid var(--line,#e5e7eb);border-radius:14px;padding:13px;min-width:0}.carfin-metrics span{display:block;font-size:.8rem;opacity:.72;margin-bottom:5px}.carfin-metrics strong{display:block;font-size:1.03rem;overflow-wrap:anywhere}.carfin-callout{display:flex;flex-direction:column;gap:5px;border-left:3px solid currentColor;padding:10px 13px;margin:14px 0;line-height:1.5}.carfin-callout span{font-size:.91rem;opacity:.82}.carfin-results h3{margin:22px 0 9px;font-size:1rem}.carfin-tablewrap{overflow:auto;border:1px solid var(--line,#e5e7eb);border-radius:14px}.carfin-tablewrap table{width:100%;border-collapse:collapse;min-width:560px}.carfin-tablewrap th,.carfin-tablewrap td{text-align:right;padding:10px 12px;border-bottom:1px solid var(--line,#e5e7eb);white-space:nowrap}.carfin-tablewrap th:first-child,.carfin-tablewrap td:first-child{text-align:left}.carfin-tablewrap th{font-size:.8rem;opacity:.75}.carfin-tablewrap tr:last-child td{border-bottom:0}.carfin-tablewrap tr.is-current{font-weight:750}.carfin-details{margin-top:18px}.carfin-details summary{cursor:pointer;font-weight:700;margin-bottom:10px}@media(max-width:760px){.carfin-grid{grid-template-columns:1fr}.carfin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.carfin-metrics{grid-template-columns:1fr}}

/* Detailed finance / insurance comparison tools */
.fc-shared,.fc-explain{margin-top:20px}.fc-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.fc-option{border:1px solid var(--line,#dfe3ea);border-radius:16px;padding:16px;background:var(--panel,#fff)}.fc-option h3{margin:0 0 12px}.fc-option label{display:block;margin:10px 0;font-size:.92rem}.fc-option input,.fc-option select{width:100%;margin-top:6px}.fc-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.fc-compare-card{border:1px solid var(--line,#dfe3ea);border-radius:18px;padding:16px;background:var(--panel,#fff)}.fc-compare-card.fc-best{outline:2px solid #6f8cff}.fc-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.fc-card-head span{font-size:.72rem;padding:4px 7px;border-radius:999px;background:rgba(80,110,255,.12)}.fc-result-card{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line,#e6e8ee);padding:10px 0}.fc-result-card:first-of-type{border-top:0}.fc-result-card span{color:var(--muted,#667085);font-size:.86rem}.fc-result-card strong{text-align:right}.fc-tablewrap{overflow:auto;margin:16px 0}.fc-tablewrap table{width:100%;border-collapse:collapse;min-width:760px}.fc-tablewrap th,.fc-tablewrap td{padding:10px;border-bottom:1px solid var(--line,#e6e8ee);text-align:right;white-space:nowrap}.fc-tablewrap th:first-child,.fc-tablewrap td:first-child{text-align:left}.fc-callout{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;background:rgba(80,110,255,.08);margin:16px 0}.fc-note{font-size:.9rem;color:var(--muted,#667085)}@media(max-width:850px){.fc-options,.fc-compare-grid{grid-template-columns:1fr}}

/* AdSense/readability content enhancements */
.content-page h2{margin-top:34px;font-size:24px}.content-page h3{margin-top:24px;font-size:18px}.content-page ul{line-height:1.75;color:var(--muted);padding-left:22px}.content-page .lead{font-size:18px;color:var(--text);max-width:760px}.content-page .trust-note{margin-top:28px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.education-panel h2{margin-bottom:8px}.education-panel h3{margin:20px 0 6px;font-size:17px}.education-panel p,.education-panel li{line-height:1.7}.education-panel ul{padding-left:20px}.education-panel .example-box{padding:14px 16px;border:1px solid var(--line);border-radius:14px;margin-top:12px;background:var(--panel)}

/* Professional result details */
.expert-results{margin-top:16px;padding:20px;border:1px solid var(--line,#e4e8ef);border-radius:18px;background:var(--panel,#fff)}
.expert-head h2{margin:3px 0 14px;font-size:1.15rem}.expert-head small{color:var(--muted,#667085);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.expert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.expert-metric{padding:14px;border:1px solid var(--line,#e4e8ef);border-radius:14px;background:var(--soft,#f8fafc)}
.expert-metric span,.expert-metric small{display:block;color:var(--muted,#667085);font-size:.82rem}.expert-metric strong{display:block;margin:4px 0;font-size:1.12rem;overflow-wrap:anywhere}.expert-note{margin-top:16px;color:var(--text,#172033);line-height:1.65}.expert-note h3{font-size:1rem;margin:14px 0 8px}.expert-note p{margin:8px 0}.table-scroll{overflow-x:auto}.expert-table{width:100%;border-collapse:collapse;font-size:.9rem}.expert-table th,.expert-table td{padding:9px 10px;border-bottom:1px solid var(--line,#e4e8ef);text-align:right;white-space:nowrap}.expert-table th:first-child,.expert-table td:first-child{text-align:left}
@media(max-width:720px){.expert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}