:root{
    --green:#3A0751; --green-2:#F2C85B; --green-head:#3A0751; --page:#fff9f3; --panel:#ffffff;
    --panel-2:#f9efe6; --border:#e4c9b2; --border-soft:#efe0d3; --text:#2b1533; --muted:#8a6f76;
    --select-hl:#f7dcbc; --find-bg:#fff1e2; --find-border:#fbc79a; --link:#3A0751; --accent:#3A0751;
    --to-bg:#f7ece3; --pop:#D1193E;
    --header-bg:linear-gradient(120deg,#3A0751,#7a0f47 42%,#D1193E 78%,#F86E51);
    --hd-bg:linear-gradient(120deg,#3A0751,#D1193E); --shadow:0 10px 30px rgba(58,7,81,.16); --radius:6px;
  }
  body.dark{
    --green:#7c2e9c; --green-2:#F2C85B; --green-head:#f3cf7a; --page:#1a0a24; --panel:#271235;
    --panel-2:#200e2c; --border:#4a2a5e; --border-soft:#38203f; --text:#f0e5f4; --muted:#b79ec0;
    --select-hl:#4a1f5e; --find-bg:#2a1616; --find-border:#6e2f2a; --link:#e2b8ee; --accent:#e2b8ee;
    --to-bg:#1e0d29; --pop:#ff5d6c;
    --header-bg:linear-gradient(120deg,#2a0640,#5c0d34 45%,#a3142f 80%,#c93d33);
    --hd-bg:linear-gradient(120deg,#3A0751,#a3142f); --shadow:0 10px 30px rgba(0,0,0,.6);
  }
  *{box-sizing:border-box} html,body{margin:0;padding:0}
  body{font-family:Arial,Helvetica,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--page);color:var(--text);min-height:100vh;font-size:15px;transition:background .25s,color .25s}
  a{color:var(--link)}
  header.site{position:relative;background:var(--header-bg);color:#fff;padding:18px 26px;box-shadow:0 4px 16px rgba(109,40,217,.28)}
  .logo{font-size:28px;font-weight:800;letter-spacing:-.3px;cursor:pointer;display:inline-block}
  .logo .a{color:#fff} .logo .b{color:var(--green-2);text-shadow:0 1px 8px rgba(251,191,36,.35)}
  .theme-toggle{position:absolute;top:20px;right:22px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.35);padding:7px 13px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;transition:.15s}
  .theme-toggle:hover{background:rgba(255,255,255,.3)}
  .page-wrap{max-width:1180px;margin:26px auto 10px;padding:0 22px;display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:start}
  .main-col{min-width:0}
  h2.express{color:var(--green-head);font-size:23px;margin:0 0 16px;font-weight:800;display:flex;align-items:center;gap:10px}
  h2.express .calc{font-size:18px}
  .tabs{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:0;position:relative;z-index:2}
  .tab{background:var(--green);color:#fff;border:1px solid var(--green);border-bottom:none;padding:8px 15px;font-size:14px;font-weight:700;cursor:pointer;border-radius:5px 5px 0 0}
  .tab:hover{background:#8f1150}
  .tab.active{background:var(--panel-2);color:var(--green-head);border-color:var(--border-soft);position:relative;top:1px}
  .conv-box{border:1px solid var(--border-soft);background:var(--panel-2);padding:20px;border-radius:0 6px 6px 6px}
  .cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .col label.hd{display:block;font-weight:800;color:var(--green-head);margin-bottom:7px;font-size:15px}
  .col input.val{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:4px;font-size:16px;background:var(--panel);color:var(--text);outline:none}
  .col input.val:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(60,181,74,.2)}
  #toVal{background:var(--to-bg)}
  select.units{width:100%;margin-top:12px;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);font-size:15px;padding:4px;outline:none}
  select.units:focus{border-color:var(--green)} select.units option{padding:3px 6px}
  select.units option:checked{background:var(--select-hl) linear-gradient(var(--select-hl),var(--select-hl));color:var(--text)}
  .result{margin:16px 2px 0;font-size:16px;color:var(--green-head);font-weight:700;line-height:1.5;word-break:break-word}
  .result b{color:var(--pop)}
  .find{margin-top:26px;background:var(--find-bg);border:1px solid var(--find-border);border-radius:6px;padding:18px 20px 22px}
  .find h3{color:var(--green-head);margin:0 0 14px;font-size:19px;font-weight:800}
  .find .frow{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .find label{display:block;font-weight:700;margin-bottom:7px;font-size:14.5px}
  .find input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:4px;font-size:15px;background:var(--panel);color:var(--text);outline:none}
  .find input:focus{border-color:var(--green)} .find .hint{margin:12px 0 0;font-size:12.5px;color:var(--muted)}
  .common{margin-top:30px} .common h3{color:var(--green-head);font-size:21px;font-weight:800;margin:0 0 12px}
  .common ul{columns:2;column-gap:40px;list-style:disc;padding-left:20px;margin:0}
  .common li{padding:4px 0;break-inside:avoid} .common a{color:var(--link);text-decoration:underline;cursor:pointer}
  .common a:hover{color:var(--pop)}
  .allconv{border:1px solid var(--border-soft);border-radius:6px;overflow:hidden;position:sticky;top:20px;background:var(--panel-2)}
  .allconv .hd{background:var(--hd-bg);color:#fff;font-weight:800;padding:11px 16px;font-size:16px}
  .allconv .body{padding:12px 16px 16px}
  .allconv .grp{font-weight:800;color:var(--green-head);font-size:13px;text-transform:uppercase;letter-spacing:.4px;margin:12px 0 4px}
  .allconv .grp:first-child{margin-top:2px}
  .allconv a{display:block;padding:5px 0;color:var(--link);text-decoration:none;font-weight:700;font-size:14px;cursor:pointer}
  .allconv a:hover{text-decoration:underline} .allconv a.active{color:var(--pop)}
  .page-view{max-width:880px;margin:24px auto 20px;padding:0 22px}
  .page-card{background:var(--panel);border:1px solid var(--border-soft);border-radius:8px;box-shadow:var(--shadow);padding:32px 36px}
  .page-card h2{margin:0 0 4px;font-size:25px;font-weight:800;color:var(--green-head)}
  .page-card .updated{color:var(--muted);font-size:13.5px;margin:0 0 18px}
  .page-card h3{font-size:17px;margin:22px 0 8px;font-weight:700}
  .page-card p,.page-card ul{line-height:1.7;color:var(--text)} .page-card ul{padding-left:20px}
  .back-link{display:inline-block;margin:0 0 14px;color:var(--link);text-decoration:none;font-weight:700;font-size:14px}
  .back-link:hover{text-decoration:underline}
  .sitemap-cats{columns:2;column-gap:28px;margin-top:6px}
  .sitemap-cats a{display:block;padding:5px 0;text-decoration:none;break-inside:avoid} .sitemap-cats a:hover{text-decoration:underline}
  .site-footer{text-align:center;padding:30px 16px 46px;font-size:15px;margin-top:20px}
  .site-footer a{color:var(--muted);text-decoration:underline;text-underline-offset:2px} .site-footer a:hover{color:var(--green)}
  .site-footer .sep{color:var(--muted);margin:0 9px}
  @media (max-width:860px){.page-wrap{grid-template-columns:1fr;gap:22px}.allconv{position:static;top:auto}.cols,.find .frow{grid-template-columns:1fr}.common ul,.sitemap-cats{columns:1}.page-card{padding:24px 20px}}