:root {
 --bg: #071412; --surface: #0f1f1d; --surface2: #16302c; --border: #234842;
 --text: #e6faf6; --muted: #8fb8b1; --accent: #2dd4bf; --accent2: #0d9488;
 --warn: #fbbf24; --radius: 14px; --shadow: 0 10px 40px rgba(0,0,0,.4);
 --font: "Segoe UI", system-ui, -apple-system, sans-serif;
 --input-bg: #081614; --glow1: #0f3a34; --glow2: #0c2a40;
 --result-bg: linear-gradient(160deg, #102a28, #0c1c1a); --result-border: #2a5c54;
 }
 html[data-theme="light"] {
 --bg: #f0fdfa; --surface: #ffffff; --surface2: #ccfbf1; --border: #99f6e4;
 --text: #134e4a; --muted: #0f766e; --accent: #0d9488; --accent2: #0f766e;
 --shadow: 0 8px 28px rgba(6, 78, 59, 0.08);
 --input-bg: #ffffff; --glow1: #ccfbf1; --glow2: #e0f2fe;
 --result-bg: linear-gradient(160deg, #f0fdfa, #ecfeff); --result-border: #5eead4;
 }
 * { box-sizing: border-box; }
 body {
 margin: 0; font-family: var(--font); color: var(--text); line-height: 1.55;
 background: radial-gradient(900px 500px at 0% 0%, var(--glow1) 0%, transparent 50%),
 radial-gradient(800px 400px at 100% 10%, var(--glow2) 0%, transparent 45%), var(--bg);
 min-height: 100vh;
 }
 a { color: var(--accent2); }
 .wrap { max-width: 960px; margin: 0 auto; padding: 24px 18px 64px; }
 .site-bar {
 display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
 gap: 8px; padding-bottom: 14px; margin-bottom: 8px; border-bottom: 1px solid var(--border);
 }
 .site-bar .logo { font-weight: 800; color: var(--text); text-decoration: none; }
 .site-bar .logo span { color: var(--accent); }
 .site-bar .meta { font-size: .8rem; color: var(--muted); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
 .hero { text-align: center; padding: 24px 0 8px; }
 .badge {
 display: inline-block; font-size: 12px; text-transform: uppercase; letter-spacing: .04em;
 color: var(--accent); background: rgba(52,211,153,.12); border: 1px solid rgba(52,211,153,.35);
 padding: 6px 12px; border-radius: 999px; margin-bottom: 12px;
 }
 .trust-row { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 0 0 8px; }
 .trust-pill {
 font-size: .75rem; color: var(--muted); border: 1px solid var(--border);
 padding: 5px 10px; border-radius: 999px; background: rgba(255,255,255,.03);
 }
 .presets { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
 .preset {
 border: 1px dashed var(--border); background: transparent; color: var(--muted);
 font-size: .78rem; padding: 6px 10px; border-radius: 8px; cursor: pointer; font-weight: 600;
 }
 .preset:hover { border-color: var(--accent); color: var(--text); }
 h1 { font-size: clamp(1.65rem, 4vw, 2.3rem); margin: 0 0 12px; letter-spacing: -0.02em; }
 .lede { color: var(--muted); max-width: 600px; margin: 0 auto 20px; }
 .tabs {
 display: flex; flex-wrap: nowrap; gap: 8px; justify-content: flex-start; margin: 18px 0;
 overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 8px;
 }
 .tab {
 border: 1px solid var(--border); background: var(--surface); color: var(--muted);
 padding: 10px 14px; border-radius: 999px; font-weight: 600; cursor: pointer; font-size: .9rem;
 white-space: nowrap; flex: 0 0 auto;
 }
 .tab:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
 .tab.active {
 background: linear-gradient(135deg, var(--accent2), var(--accent)); color: #042f1a; border-color: transparent;
 }
 input:focus-visible, select:focus-visible, button:focus-visible {
 outline: 2px solid var(--accent); outline-offset: 2px;
 }
 .panel {
 display: none; background: var(--surface); border: 1px solid var(--border);
 border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden;
 }
 .panel.active { display: block; }
 .panel-head { padding: 18px 22px 6px; }
 .panel-head h2 { margin: 0 0 6px; font-size: 1.2rem; }
 .panel-head p { margin: 0; color: var(--muted); font-size: .95rem; }
 .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 16px 22px 22px; }
 @media (max-width: 720px) { .grid { grid-template-columns: 1fr; } }
 .card, .result {
 background: var(--surface2); border: 1px solid var(--border); border-radius: 12px; padding: 16px;
 }
 .result { background: var(--result-bg); border-color: var(--result-border); }
 h3 { margin: 0 0 12px; font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
 label { display: block; font-size: .88rem; color: var(--muted); margin-bottom: 5px; }
 .field { margin-bottom: 12px; }
 input, select {
 width: 100%; background: var(--input-bg); border: 1px solid var(--border); color: var(--text);
 border-radius: 10px; padding: 11px 12px; font-size: 1rem;
 }
 html[data-theme="light"] .tab.active { color: #fff; }
 html[data-theme="light"] .btn-p { color: #fff; }
 input:focus, select:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(52,211,153,.2); }
 .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
 .hint { font-size: .78rem; color: #6f8f80; margin-top: 4px; }
 .big { font-size: clamp(1.5rem, 4vw, 2rem); font-weight: 800; margin: 4px 0; }
 .sub { color: var(--muted); font-size: .9rem; }
 .metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
 .metric { background: rgba(255,255,255,.03); border: 1px solid var(--border); border-radius: 10px; padding: 10px; }
 .metric .k { font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
 .metric .v { font-size: 1.1rem; font-weight: 700; margin-top: 3px; }
 .good { color: var(--accent); }
 .actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
 .btn {
 border: none; border-radius: 10px; padding: 11px 16px; font-weight: 700; cursor: pointer; font-size: .9rem;
 }
 .btn-p { background: linear-gradient(135deg, var(--accent2), var(--accent)); color: #042f1a; }
 .btn-g { background: transparent; color: var(--muted); border: 1px solid var(--border); }
 .content { margin-top: 36px; color: var(--muted); }
 .content h2 { color: var(--text); font-size: 1.3rem; margin: 26px 0 10px; }
 .content ul { padding-left: 1.2rem; }
 .faq details {
 background: var(--surface); border: 1px solid var(--border); border-radius: 10px;
 padding: 12px 14px; margin-bottom: 8px;
 }
 .faq summary { cursor: pointer; font-weight: 650; color: var(--text); }
 .faq p { margin: 10px 0 0; }
 footer {
 margin-top: 36px; padding-top: 18px; border-top: 1px solid var(--border);
 text-align: center; color: #6a8578; font-size: .85rem;
 }
 .toast {
 position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%) translateY(16px);
 background: #14301f; color: #bbf7d0; border: 1px solid #2f6b42; padding: 10px 16px;
 border-radius: 999px; opacity: 0; transition: .2s; font-weight: 600; z-index: 40;
 }
 .toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
 .line-items { display: flex; flex-direction: column; gap: 8px; }
 .line-row { display: grid; grid-template-columns: 2fr 1fr 1fr auto; gap: 8px; align-items: end; }
 @media (max-width: 600px) { .line-row { grid-template-columns: 1fr 1fr; } }
 .line-row button {
 height: 42px; border-radius: 10px; border: 1px solid var(--border);
 background: #0a1210; color: #f87171; cursor: pointer;
 }
 .skip {
 position: absolute; left: -9999px; top: 0; background: var(--accent); color: #042f1a;
 padding: 8px 14px; z-index: 100; font-weight: 700; border-radius: 0 0 8px 0;
 }
 .skip:focus { left: 0; }
 .kbd-hint { text-align: center; font-size: .75rem; color: #6a8578; margin: -4px 0 12px; }
 kbd {
 font-size: .7rem; border: 1px solid var(--border); border-radius: 4px;
 padding: 1px 5px; background: var(--surface2); color: var(--muted);
 }
 @media print {
 body { background: #fff !important; color: #000 !important; }
 .site-bar, .tabs, .sister, .presets, .toast, .skip, .kbd-hint, .badge, .trust-row, .actions .btn-g { display: none !important; }
 .panel { display: none !important; }
 .panel.active { display: block !important; border: 1px solid #ccc !important; box-shadow: none !important; }
 .result, .card { background: #fff !important; color: #000 !important; border-color: #ccc !important; }
 .big, .good { color: #000 !important; }
 }
 
 /* r8 currency world panel */
 .cur-panel{max-width:760px;margin:16px auto 18px;padding:16px 16px 14px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 10px 28px rgba(0,0,0,.14)}
 .cur-panel-head{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-start;justify-content:space-between;margin:0 0 12px}
 .cur-panel-title{font-size:1rem;font-weight:800;color:var(--text)}
 .cur-panel-sub{font-size:.78rem;color:var(--muted);margin-top:4px;line-height:1.4;max-width:52ch}
 .cur-panel-active{font-size:1.15rem;font-weight:900;color:var(--accent);padding:12px 18px;border:2px solid color-mix(in srgb,var(--accent) 55%,var(--border));border-radius:999px;white-space:nowrap;letter-spacing:.02em;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.cur-panel-active #cur-active{font-size:1.15rem !important;font-weight:900 !important;display:inline !important;gap:0 !important}.cur-sort-wrap{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}.cur-country-dd{min-width:min(100%,220px);flex:1 1 200px;box-sizing:border-box;background:var(--input-bg,var(--card));color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:.88rem;font-weight:700}
 .cur-step{margin:0 0 12px}
 .cur-step-label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 7px}
 .cur-chip-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
 .cur-chip{appearance:none;border:1px dashed var(--border);background:var(--input-bg,var(--card));color:var(--text);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700;cursor:pointer}
 .cur-chip.is-on,.cur-chip[aria-pressed="true"]{border-style:solid;border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}
 .cur-search{width:100%;box-sizing:border-box;background:var(--input-bg,var(--card));color:var(--text);border:1px solid var(--border);border-radius:12px;padding:11px 12px;font-size:.9rem;font-weight:600}
 .cur-country-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:280px;overflow:auto;padding:2px;margin:0;list-style:none}
 @media (max-width:640px){.cur-country-list{grid-template-columns:1fr}}
 .cur-country-btn{width:100%;text-align:left;border:1px solid var(--border);background:var(--input-bg,var(--card));color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer}
 .cur-country-btn:hover{border-color:var(--accent)}
 .cur-country-btn strong{display:block;font-size:.9rem}
 .cur-country-btn span{display:block;font-size:.75rem;color:var(--muted);margin-top:2px}
 .cur-panel-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
 .cur-panel-actions #cur-region-btn{padding:9px 12px;border-radius:10px;font-weight:700}
 #cur-status{font-size:.78rem;color:var(--muted);min-height:1.2em}
 .cur-hidden-select{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
 .preset.cur-btn{display:none!important}

 /* r8c polish standout */
 .cur-panel{
 max-width:820px;
 margin:18px auto 22px;
 padding:18px 18px 16px;
 border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));
 border-radius:18px;
 background:
 linear-gradient(180deg, color-mix(in srgb,var(--accent) 10%,transparent), transparent 42%),
 color-mix(in srgb,var(--card,var(--surface2,var(--surface))) 96%,transparent);
 box-shadow:0 14px 36px rgba(0,0,0,.18);
 }
 .cur-panel-title{font-size:1.08rem;font-weight:900;letter-spacing:-.01em}
 .cur-panel-sub{font-size:.8rem;line-height:1.45}
 .cur-panel-active{
 font-size:1.2rem!important;
 font-weight:900!important;
 padding:12px 18px!important;
 border-width:2px!important;
 box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)!important;
 }
 .cur-panel-active #cur-active{font-size:1.45rem!important;font-weight:900!important}
 .cur-step-label{font-size:.74rem;opacity:.95}
 .cur-chip.is-on,.cur-chip[aria-pressed="true"]{
 background:color-mix(in srgb,var(--accent) 16%,var(--input-bg,var(--card,var(--surface))));
 border-color:var(--accent)!important;
 transform:translateY(-1px);
 }
 .cur-country-btn{
 transition:border-color .12s ease, box-shadow .12s ease, transform .12s ease;
 }
 .cur-country-btn:hover{
 border-color:var(--accent);
 box-shadow:0 6px 16px rgba(0,0,0,.12);
 transform:translateY(-1px);
 }
 .cur-country-dd{
 min-height:44px;
 border-width:1.5px;
 font-weight:800;
 }
 .cur-country-list{
 max-height:300px;
 padding:4px;
 border:1px dashed color-mix(in srgb,var(--border) 80%,transparent);
 border-radius:14px;
 }
 #cur-region-btn{
 font-weight:800;
 border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));
 background:color-mix(in srgb,var(--accent) 12%,transparent);
 }
 #cur-status{font-weight:700}
 h1{letter-spacing:-.025em}
 .lede{line-height:1.5}
 .badge{
 font-weight:800;
 padding:6px 12px;
 border-radius:999px;
 }

 .result{
 padding:18px!important;
 border-width:1.5px!important;
 box-shadow:0 10px 28px rgba(0,0,0,.12);
 border-radius:14px!important;
 }
 .big{
 font-size:clamp(1.75rem, 4.5vw, 2.35rem)!important;
 font-weight:900!important;
 letter-spacing:-.03em!important;
 line-height:1.1!important;
 }
 .big.good{text-shadow:0 0 24px color-mix(in srgb,var(--accent) 35%,transparent)}
 .btn-p{
 box-shadow:0 8px 20px rgba(5,150,105,.28);
 padding:12px 18px!important;
 font-weight:800!important;
 }
 .btn-p:hover{filter:brightness(1.08); transform:translateY(-1px)}
 .metric{border-radius:12px}
 .metrics .metric strong, .metric b{font-weight:900}

 /* r8e flags + quick picks */
 .cur-flag{width:20px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.18);vertical-align:-2px;margin-right:6px;flex:0 0 auto}
 .cur-flag-lg{width:28px;height:21px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.2);vertical-align:-4px;margin-right:8px}
 .cur-flag-fallback{display:inline-block;width:20px;text-align:center;margin-right:4px}
 .cur-country-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
 .cur-country-btn .cur-row{display:flex;align-items:center;gap:2px;width:100%}
 .cur-country-btn strong{font-size:.92rem;line-height:1.25}
 .cur-quick{margin:0 0 14px}
 .cur-quick-label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
 .cur-quick-row{display:flex;flex-wrap:wrap;gap:8px}
 .cur-quick-btn{appearance:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--input-bg,var(--card,var(--surface)));color:var(--text);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:800;cursor:pointer}
 .cur-quick-btn:hover{border-color:var(--accent);transform:translateY(-1px)}
 .cur-quick-btn.is-on{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
 .cur-panel-active{display:inline-flex;align-items:center;gap:6px}
 .cur-panel-active #cur-active{display:inline-flex;align-items:center;gap:6px}

 /* r8f final sweep */
 .cur-panel{
 max-width:840px !important;
 margin:20px auto 24px !important;
 padding:20px 18px 16px !important;
 border-radius:20px !important;
 border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border)) !important;
 background:
 radial-gradient(1200px 180px at 20% -10%, color-mix(in srgb,var(--accent) 16%,transparent), transparent 60%),
 color-mix(in srgb,var(--card,var(--surface2,var(--surface))) 96%,transparent) !important;
 box-shadow:0 16px 40px rgba(0,0,0,.18) !important;
 }
 .cur-panel-title{font-size:1.12rem !important;font-weight:900 !important;letter-spacing:-.015em}
 .cur-panel-sub{font-size:.82rem !important;line-height:1.45 !important;max-width:54ch}
 .cur-panel-active{
 font-size:1.22rem !important;
 font-weight:900 !important;
 padding:12px 16px !important;
 border-width:2px !important;
 box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent) !important;
 backdrop-filter:blur(6px);
 }
 .cur-panel-active #cur-active{font-size:1.15rem !important;font-weight:900 !important;gap:0 !important}
 .cur-flag{width:22px !important;height:16px !important;border-radius:3px !important;margin-right:7px !important}
 .cur-flag-lg{width:30px !important;height:22px !important;border-radius:4px !important;margin-right:8px !important}
 .cur-quick{margin:2px 0 16px !important;padding:12px 12px 10px;border:1px dashed color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,transparent)}
 .cur-quick-label{margin-bottom:10px !important;color:var(--text) !important;opacity:.85}
 .cur-quick-btn{
 padding:9px 12px !important;
 font-size:.84rem !important;
 box-shadow:0 4px 12px rgba(0,0,0,.08);
 transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease;
 }
 .cur-quick-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.12)}
 .cur-quick-btn.is-on{transform:translateY(-1px)}
 .cur-step{margin:0 0 14px !important}
 .cur-step-label{margin-bottom:8px !important}
 .cur-chip{padding:9px 13px !important}
 .cur-country-dd{
 min-height:46px !important;
 border-width:1.5px !important;
 font-weight:800 !important;
 box-shadow:0 4px 12px rgba(0,0,0,.06);
 }
 .cur-country-list{
 max-height:320px !important;
 gap:10px !important;
 padding:8px !important;
 border:1px solid color-mix(in srgb,var(--border) 85%,transparent) !important;
 border-radius:16px !important;
 background:color-mix(in srgb,var(--input-bg,var(--card,var(--surface))) 55%,transparent);
 }
 .cur-country-btn{
 padding:12px 12px !important;
 border-radius:14px !important;
 box-shadow:0 3px 10px rgba(0,0,0,.05);
 }
 .cur-country-btn:hover{
 border-color:var(--accent) !important;
 box-shadow:0 8px 18px rgba(0,0,0,.12) !important;
 transform:translateY(-1px);
 }
 .cur-panel-actions{margin-top:10px !important;gap:10px !important}
 #cur-region-btn{
 padding:10px 14px !important;
 border-radius:12px !important;
 font-weight:800 !important;
 }
 #cur-status{font-size:.8rem !important;font-weight:700 !important}
 @media (max-width:640px){
 .cur-panel{margin:14px 0 18px !important;padding:16px 14px 14px !important;border-radius:16px !important}
 .cur-panel-head{gap:12px !important}
 .cur-panel-active{width:100%;justify-content:center}
 .cur-sort-wrap{flex-direction:column;align-items:stretch}
 .cur-country-dd{width:100%;min-width:0 !important}
 .cur-country-list{grid-template-columns:1fr !important;max-height:280px !important}
 .cur-quick-row{gap:8px}
 }


 /* r8g pro tips */
 .hc-tip{
 position:fixed; z-index:99999; max-width:min(300px, calc(100vw - 24px));
 padding:10px 12px; border-radius:12px;
 background:linear-gradient(180deg, #1a2438, #121a2b);
 color:#f4f7ff; font-size:.78rem; font-weight:650; line-height:1.4;
 border:1px solid rgba(255,255,255,.12);
 box-shadow:0 14px 34px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.15);
 pointer-events:none; opacity:0; transform:translateY(4px);
 transition:opacity .12s ease, transform .12s ease;
 white-space:normal; text-align:left;
 }
 .hc-tip.is-on{opacity:1; transform:translateY(0)}
 .hc-tip::after{
 content:""; position:absolute; left:var(--arrow-x,50%); bottom:-6px;
 width:10px; height:10px; background:#121a2b; border-right:1px solid rgba(255,255,255,.12);
 border-bottom:1px solid rgba(255,255,255,.12); transform:translateX(-50%) rotate(45deg);
 }
 .hc-tip.is-below::after{top:-6px; bottom:auto; transform:translateX(-50%) rotate(225deg)}
 /* r8g5 tips + currency badge */
 .info-tip{display:inline-flex;align-items:center;gap:6px;cursor:help;border-bottom:1px dotted color-mix(in srgb,var(--muted) 75%,transparent)}
 .info-tip .tip-mark,
 .tip-mark{
 display:inline-flex;align-items:center;justify-content:center;
 width:15px;height:15px;border-radius:999px;flex:0 0 auto;
 font-size:10px;font-weight:800;line-height:1;
 color:var(--bg,#0b1220);
 background:color-mix(in srgb,var(--accent) 85%, #fff);
 box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%, transparent);
 }
 .calc-currency-bar{
 display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
 margin:0 0 12px;padding:10px 12px;border-radius:12px;
 border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));
 background:linear-gradient(180deg, color-mix(in srgb,var(--accent) 14%,transparent), color-mix(in srgb,var(--card,var(--surface)) 92%,transparent));
 box-shadow:0 8px 18px rgba(0,0,0,.08);
 }
 .calc-currency-bar .ccl{
 font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);
 }
 .calc-currency-bar .ccc{
 font-size:1.05rem;font-weight:900;color:var(--text);
 padding:4px 10px;border-radius:999px;
 border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));
 background:color-mix(in srgb,var(--accent) 12%,var(--card,var(--surface)));
 }
 .calc-currency-bar .ccs{font-size:.78rem;color:var(--muted);font-weight:650}
 .result-box > .calc-currency-bar, .result > .calc-currency-bar{margin:0 0 14px}
 /* r8g6 currency flags + tip polish */
 .calc-currency-bar .ccc{
 display:inline-flex;align-items:center;gap:8px;
 font-size:1.05rem;font-weight:900;color:var(--text);
 padding:6px 12px 6px 8px;border-radius:999px;
 border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));
 background:color-mix(in srgb,var(--accent) 12%,var(--card,var(--surface)));
 }
 .calc-cur-flag, img.calc-cur-flag{
 width:22px;height:16px;object-fit:cover;border-radius:3px;
 box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 2px 6px rgba(0,0,0,.18);
 flex:0 0 auto;display:block;
 }
 .calc-cur-flag-fallback{
 width:22px;height:16px;display:inline-flex;align-items:center;justify-content:center;
 font-size:12px;border-radius:3px;background:rgba(255,255,255,.08);
 }
 .cur-active-wrap{
 display:inline-flex;align-items:center;gap:8px;
 margin-left:6px;padding:4px 10px 4px 6px;border-radius:999px;
 border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));
 background:color-mix(in srgb,var(--accent) 10%,var(--card,var(--surface)));
 }
 .cur-active-wrap #cur-active{font-size:1.2rem;font-weight:900}
 .cur-active-flag, img.cur-active-flag{
 width:24px;height:18px;object-fit:cover;border-radius:3px;
 box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 2px 6px rgba(0,0,0,.18);
 display:block;
 }
 .tip-mark{
 display:inline-flex;align-items:center;justify-content:center;
 width:15px;height:15px;border-radius:999px;flex:0 0 auto;
 font-size:10px;font-weight:800;line-height:1;
 color:var(--bg,#0b1220);
 background:color-mix(in srgb,var(--accent) 85%, #fff);
 box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%, transparent);
 }
 .info-tip{display:inline-flex;align-items:center;gap:6px;cursor:help;
 border-bottom:1px dotted color-mix(in srgb,var(--muted) 75%,transparent)}
 .calc-currency-bar[data-tip]{cursor:help}
 .trust-pill[data-tip], .cur-panel-title[data-tip], .cur-quick-label[data-tip],
 .cur-step-label[data-tip], .kbd-hint[data-tip], .result-sub[data-tip], .sub[data-tip]{cursor:help}
 /* r8g6b one active flag */
 .cur-panel-active{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap}
 .cur-panel-active .cur-active-label{font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);line-height:1;margin:0}
 .cur-active-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important;padding:6px 12px 6px 8px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border))!important;background:color-mix(in srgb,var(--accent) 12%,var(--card,var(--surface)))!important;min-height:34px;line-height:1!important;box-shadow:none!important}
 .cur-active-wrap #cur-active,.cur-panel-active #cur-active{display:inline!important;align-items:center!important;gap:0!important;font-size:1.15rem!important;font-weight:900!important;line-height:1!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
 .cur-active-wrap #cur-active::before,.cur-active-wrap #cur-active::after,.cur-panel-active #cur-active::before,.cur-panel-active #cur-active::after,.cur-active-wrap::before,.cur-active-wrap::after{content:none!important;display:none!important}
 #cur-active-flag{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px;height:16px;line-height:0;overflow:hidden}
 #cur-active-flag img,.cur-active-wrap img.cur-active-flag{width:22px!important;height:16px!important;object-fit:cover!important;border-radius:3px!important;display:block!important;margin:0!important}
 #cur-active-flag > *:not(:first-child),.cur-active-wrap img + img{display:none!important}
 .cur-active-wrap > img{display:none!important}
 .calc-currency-bar .ccc{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:34px;padding:6px 12px 6px 8px!important;line-height:1}
 .calc-currency-bar .ccc img,img.calc-cur-flag{width:22px!important;height:16px!important;object-fit:cover!important;border-radius:3px!important;display:block!important;margin:0!important}
 [data-calc-currency-flag] > *:not(:first-child){display:none!important}
 /* r8h accent themes + one active flag */
 

 


 .cur-panel-active{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-height:40px}
 .cur-active-label{display:inline-flex!important;align-items:center!important;line-height:1!important;margin:0!important}
 .cur-active-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:34px;padding:6px 12px 6px 8px!important;line-height:1!important}
 #cur-active-flag{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px;height:16px;line-height:0;overflow:hidden;flex:0 0 auto}
 #cur-active-flag img{width:22px!important;height:16px!important;object-fit:cover!important;border-radius:3px!important;display:block!important;margin:0!important}
 #cur-active-flag > *:not(:first-child),.cur-active-wrap > img,#cur-active img,#cur-active .cur-flag,#cur-active .cur-active-flag,#cur-active > span{display:none!important}
 #cur-active,.cur-panel-active #cur-active{display:inline!important;gap:0!important;margin:0!important;padding:0!important;line-height:1!important;background:none!important;border:0!important;box-shadow:none!important;vertical-align:middle}
 .cur-active-wrap::before,.cur-active-wrap::after,#cur-active::before,#cur-active::after{content:none!important;display:none!important}
 /* r8h2 active line center */
 .cur-panel-head{align-items:center!important}
 .cur-panel-active{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:10px!important;
 width:auto!important;
 min-height:42px!important;
 padding:10px 16px!important;
 line-height:1!important;
 margin:0!important;
 }
 .cur-active-label{
 display:inline-flex!important;
 align-items:center!important;
 align-self:center!important;
 line-height:1!important;
 margin:0!important;
 position:relative!important;
 top:0!important;
 }
 .cur-active-wrap{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 align-self:center!important;
 gap:8px!important;
 min-height:32px!important;
 padding:6px 12px!important;
 line-height:1!important;
 margin:0!important;
 }
 #cur-active-flag{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 align-self:center!important;
 width:22px!important;
 height:16px!important;
 line-height:0!important;
 margin:0!important;
 position:relative!important;
 top:0!important;
 }
 #cur-active,.cur-panel-active #cur-active{
 display:inline-flex!important;
 align-items:center!important;
 align-self:center!important;
 line-height:1!important;
 margin:0!important;
 padding:0!important;
 position:relative!important;
 top:0!important;
 vertical-align:middle!important;
 }

 /* theme controls: row 2 under top bar actions */
 .site-bar{
 display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
 gap:8px 12px;padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--border);
 }
 .site-bar .meta{
 display:flex;align-items:center;justify-content:flex-end;gap:8px;
 flex-wrap:nowrap;font-size:.8rem;color:var(--muted);min-width:0;
 }
 .theme-controls{
 display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:14px;
 width:100%;flex-basis:100%;order:5;
 margin:2px 0 0;padding:8px 0 0;
 border-top:1px solid var(--border);border-left:none;padding-left:0;min-width:0;
 }
 .theme-swatches,.bg-swatches{
 display:inline-flex;align-items:center;flex-wrap:nowrap;gap:6px;
 margin-left:0;vertical-align:middle;max-width:none;
 }
 .theme-swatches::before{
 content:"Color";display:inline-block;font-size:.68rem;font-weight:700;
 letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-right:2px;
 }
 .bg-swatches-label{
 display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.04em;
 text-transform:uppercase;color:var(--muted);margin-right:2px;
 }
 .theme-swatch,.bg-swatch{
 width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.4);
 padding:0;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.3);
 background:var(--sw,#888);flex:0 0 auto;
 }
 .bg-swatch{border-radius:5px}
 .theme-swatch[aria-pressed="true"],.bg-swatch[aria-pressed="true"]{
 outline:2px solid var(--text);outline-offset:1px;border-color:#fff;transform:scale(1.08);
 }
 .theme-swatch:hover,.bg-swatch:hover{transform:scale(1.12)}
 .theme-swatch:focus-visible,.bg-swatch:focus-visible{
 outline:2px solid var(--accent);outline-offset:1px;
 }
 @media (max-width: 720px){
 .site-bar .meta{flex-wrap:wrap;justify-content:flex-start}
 .theme-controls{flex-wrap:wrap;gap:10px}
 }

 
 /* first-screen tabs: salary / profitable / day */
 .tabs {
 display: flex !important;
 flex-wrap: wrap !important;
 gap: 8px !important;
 justify-content: center !important;
 align-items: stretch !important;
 margin: 18px auto !important;
 max-width: 960px !important;
 width: 100% !important;
 overflow: visible !important;
 padding: 0 !important;
 }
 .tab {
 flex: 1 1 160px !important;
 min-height: 44px !important;
 width: auto !important;
 max-width: none !important;
 padding: 12px 14px !important;
 font-size: 1rem !important;
 white-space: nowrap !important;
 }
 @media (max-width: 700px) {
 .tabs { display: grid !important; grid-template-columns: 1fr !important; }
 .tab { width: 100% !important; min-height: 44px !important; white-space: normal !important; }
 }

 /* cur-panel collapsed details (calculator-first) */
 details.cur-panel{
 max-width:840px !important;
 margin:12px auto 14px !important;
 padding:0 !important;
 border-radius:14px !important;
 overflow:hidden;
 }
 details.cur-panel > summary.cur-panel-summary{
 list-style:none;
 cursor:pointer;
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-between;
 gap:8px 12px;
 padding:10px 14px !important;
 margin:0 !important;
 font-weight:800;
 user-select:none;
 }
 details.cur-panel > summary.cur-panel-summary::-webkit-details-marker{display:none}
 details.cur-panel > summary.cur-panel-summary::after{
 content:"▸";
 font-size:.9rem;
 color:var(--muted);
 margin-left:auto;
 order:3;
 }
 details.cur-panel[open] > summary.cur-panel-summary::after{content:"▾"}
 .cur-panel-summary-title{
 font-size:.88rem !important;
 font-weight:800 !important;
 letter-spacing:-.01em;
 color:var(--text);
 flex:1 1 auto;
 min-width:12ch;
 }
 details.cur-panel .cur-panel-active{
 order:2;
 width:auto !important;
 min-height:auto !important;
 padding:4px 8px !important;
 margin:0 !important;
 box-shadow:none !important;
 border-width:1px !important;
 font-size:.9rem !important;
 gap:6px !important;
 flex:0 0 auto;
 }
 details.cur-panel .cur-panel-active .cur-active-label{
 font-size:.68rem !important;
 }
 details.cur-panel .cur-active-wrap{
 min-height:28px !important;
 padding:4px 8px !important;
 }
 details.cur-panel .cur-panel-body{
 padding:0 14px 14px !important;
 border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent);
 }
 details.cur-panel:not([open]) .cur-panel-body{display:none}

 /* hub-v1: after-result handoff + 3 next calculators */
 .hub-after{
 margin-top:14px;padding-top:12px;border-top:1px solid var(--border);
 }
 .hub-using{
 font-size:.82rem;color:var(--muted);margin:0 0 10px;font-weight:600;
 }
 .hub-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
 .hub-next{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
 }
 .hub-card{
 display:block;text-decoration:none;color:var(--text);
 border:1px solid var(--border);background:var(--input-bg,var(--surface));
 border-radius:12px;padding:10px 12px;font-size:.82rem;line-height:1.35;
 font-weight:500;transition:border-color .12s ease, transform .12s ease;
 }
 .hub-card:hover{border-color:var(--accent);transform:translateY(-1px);color:var(--text);}
 .hub-card strong{display:block;font-size:.86rem;margin:0 0 4px;color:var(--text);font-weight:800;}
 .hub-card span{color:var(--muted);font-weight:500;}
 .hub-using-line{
 font-size:.82rem;color:var(--muted);margin:8px 0 10px;padding:8px 10px;
 border:1px dashed var(--border);border-radius:10px;
 background:color-mix(in srgb,var(--accent) 8%,transparent);font-weight:600;
 }
 @media (max-width:720px){
 .hub-next{grid-template-columns:1fr;}
 }

 .first-keep{
 display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 16px;
 }
 .first-keep a{
 display:inline-block;text-decoration:none;font-weight:700;font-size:.85rem;
 padding:8px 12px;border-radius:999px;border:1px solid var(--border);
 color:var(--text);background:var(--surface);
 }
 .first-keep a:hover{border-color:var(--accent);}
 .extra-dir{text-align:center;margin:8px 0 0;font-size:.88rem;line-height:1.85}
 .extra-dir{font-size:1rem;line-height:1.95;color:var(--text)}.extra-dir a{color:var(--text);font-weight:800;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.extra-dir a:hover{color:var(--accent)}
 @media (max-width:720px){
 .kbd-hint{display:none;}
 }

 /* keep-card-r1: RPM result-first treatment */
 .hero-keep {
 padding: 18px 20px 16px;
 border-color: color-mix(in srgb, var(--accent) 62%, var(--border));
 box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 38%, transparent), 0 18px 40px rgba(0,0,0,.25);
 overflow: visible;
 }
 .hero-keep .panel-head { padding: 0 0 10px; }
 .keep-stage {
 background: color-mix(in srgb, var(--bg) 70%, #000);
 border-radius: 18px;
 padding: 20px;
 margin: 0 0 16px;
 box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 11%, transparent);
 }
 html[data-theme="light"] .keep-stage {
 background: var(--surface2);
 box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 70%, transparent), inset 0 0 0 1px rgba(0,0,0,.06);
 }
 .keep-kicker {
 font-size: .72rem; text-transform: uppercase; letter-spacing: .08em;
 color: var(--muted); font-weight: 800; margin: 0 0 6px;
 }
 .keep-num {
 font-size: clamp(2.4rem, 8vw, 4rem) !important;
 font-weight: 900 !important;
 line-height: 1.05 !important;
 letter-spacing: -0.04em !important;
 color: var(--accent);
 margin: 0 0 6px;
 font-variant-numeric: tabular-nums;
 text-shadow: 0 1px 0 color-mix(in srgb, #fff 14%, transparent);
 }
 .keep-num.good { color: var(--good, var(--accent)); }
 .keep-num.bad { color: #f87171; }
 html[data-theme="light"] .keep-num { text-shadow: none; }
 .keep-cap { margin: 0; color: var(--text); font-weight: 650; font-size: .98rem; }
 .keep-stage .metrics {
 display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 8px; margin: 14px 0 0;
 }
 .keep-stage .metrics-extra { margin-top: 8px; }
 .keep-stage .metric {
 background: color-mix(in srgb, var(--surface) 88%, transparent);
 border: 1px solid var(--border); border-radius: 12px;
 padding: 8px 8px 9px; text-align: center;
 }
 html[data-theme="light"] .keep-stage .metric { background: #fff; }
 .keep-stage .metric .k {
 font-size: 11px; text-transform: uppercase; letter-spacing: .04em;
 color: var(--muted); font-weight: 800; line-height: 1.2;
 }
 .keep-stage .metric .v {
 font-weight: 800; margin-top: 3px; color: var(--text);
 font-variant-numeric: tabular-nums; font-size: .92rem; line-height: 1.25;
 word-break: break-word;
 }
 .keep-stage .sub { margin: 10px 0 0; font-size: .82rem; }
 button.copy-nums, .copy-nums {
 display: flex; width: 100%; min-height: 44px; align-items: center; justify-content: center;
 margin-top: 12px; box-sizing: border-box; font-weight: 800; font-size: .95rem;
 padding: 12px 16px; border: none; border-radius: 12px; cursor: pointer;
 background: var(--accent); color: #042f1a; font-family: inherit;
 }
 html[data-theme="light"] button.copy-nums, html[data-theme="light"] .copy-nums { color:#06240f; }
 button.copy-nums:hover, .copy-nums:hover { filter: brightness(1.08); }
 .copy-nums[hidden]{display:none !important;}
 .more-tools{
 margin: 4px 0 22px;
 border: 2px solid var(--accent);
 border-radius: 14px;
 padding: 0 !important;
 background: color-mix(in srgb, var(--accent) 16%, var(--surface));
 box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
 }
 .more-tools > summary{
 cursor: pointer;
 list-style: none;
 font-weight: 900;
 color: var(--text);
 font-size: 1.05rem;
 min-height: 72px;
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 gap: 14px;
 padding: 18px 18px 16px;
 }
 .more-tools-title{
 display: block;
 font-size: clamp(1.35rem, 4.2vw, 1.75rem);
 font-weight: 900;
 letter-spacing: -0.03em;
 line-height: 1.15;
 color: var(--text);
 }
 .more-tools > summary::-webkit-details-marker { display: none; }
 .more-tools > summary::after{
 content: "Show";
 flex: 0 0 auto;
 margin-top: 4px;
 font-size: .85rem;
 font-weight: 800;
 letter-spacing: .06em;
 text-transform: uppercase;
 color: #042f1a;
 background: var(--accent);
 border-radius: 999px;
 padding: 10px 14px;
 }
 html[data-theme="light"] .more-tools > summary::after { color: #fff; }
 .more-tools[open] > summary::after { content: "Hide"; }
 .more-tools-copy{
 display: block;
 font-size: 1.05rem;
 font-weight: 750;
 color: var(--text);
 margin-top: 8px;
 line-height: 1.45;
 max-width: 46ch;
 }
 .more-tools .tabs{margin:0;padding:4px 12px 14px;}
 .more-tools > .extra-dir,
 .more-tools > .hub-using,
 .more-tools > .hub-next,
 .more-tools > p {
 padding: 0 18px 16px;
 margin: 0;
 }
 .more-tools .extra-dir{text-align:left;}
 .more-tools-hint{
 margin: 10px 0 0;
 font-size: .88rem;
 font-weight: 700;
 }
 .more-tools-hint a{font-weight: 800;}

 #panel-salary.hero-keep, #panel-profit.hero-keep, #panel-day.hero-keep {
 margin: 8px 0 16px;
 }
 .hero-keep .keep-next { margin-top: 12px; }
 .hero-keep .actions { margin-top: 12px; }


 /* keep-next-r1: result-tied next step, not a 50-link dump */
 .keep-next{
 margin-top:14px;padding:12px 14px;
 border:1px solid color-mix(in srgb,var(--accent) 55%, var(--border));
 border-radius:12px;
 background:color-mix(in srgb,var(--accent) 10%, var(--surface,transparent));
 }
 .keep-next[hidden]{display:none !important;}
 .keep-next p{margin:0 0 10px;color:var(--text);font-size:.92rem;font-weight:650;line-height:1.45;}
 .keep-next .keep-next-ctas{display:flex;flex-wrap:wrap;gap:8px;}
 .keep-next a.keep-next-cta{
 display:inline-block;text-decoration:none;font-weight:800;font-size:.85rem;
 padding:8px 12px;border-radius:10px;
 background:linear-gradient(135deg, var(--accent2, #059669), var(--accent, #34d399));
 color:#042f1a;border:none;
 }
 html[data-theme="light"] .keep-next a.keep-next-cta{color:#fff;}

 
 /* Mobile Impact dock */
 .kcr-impact-dock{display:none}
 @media (max-width:720px){
 .kcr-impact-dock{
 display:block;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;
 padding:10px 12px 8px;border-radius:16px;
 background:color-mix(in srgb,var(--surface) 94%,transparent);
 border:1px solid color-mix(in srgb,#fbbf24 45%,var(--border));
 backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(0,0,0,.28);
 }
 .kcr-impact-dock .kcr-dock-cta{
 display:block;text-align:center;text-decoration:none;font-weight:800;font-size:.88rem;
 padding:12px 14px;border-radius:12px;color:#042f1a;
 background:linear-gradient(135deg,color-mix(in srgb,#fbbf24 40%,var(--accent,#7F0353)),var(--accent,#7F0353));
 }
 html[data-theme="light"] .kcr-impact-dock .kcr-dock-cta{color:#fff}
 .kcr-impact-dock .kcr-dock-ftc{margin:6px 0 0;font-size:.62rem;color:var(--muted);font-weight:600;line-height:1.3;text-align:center}
 body{padding-bottom:96px}
 }
 @media print{.kcr-impact-dock{display:none !important}}