:root{--kblue:#255ee9;--knavy:#10192c;--ktext:#46546b;--kline:#dce2eb}body{color:var(--knavy)}.kh4-hero{background:#f6f8fc;border-bottom:1px solid var(--kline);padding:70px 0 74px}.kh4-hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:56px;align-items:center}.kh4-kicker,.kh4-label,.kh4-step{font:700 12px/1.5 system-ui,Arial,sans-serif;letter-spacing:.085em;color:#536a91}.kh4-kicker{display:flex;align-items:center;gap:10px;margin:0 0 23px}.kh4-hero h1{font:750 clamp(40px,4.6vw,68px)/1.12 system-ui,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 22px;overflow-wrap:break-word}.kh4-accent{color:#285de5}.kh4-hero p{font-size:17px;line-height:1.7;max-width:620px;color:var(--ktext)}.kh4-hero code,.kh4-panel code{font-size:.9em;background:#edf2fc;padding:2px 5px;border-radius:4px}.kh4-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.kh4-schematic{background:#10192c;color:#dae5fa;padding:30px;border-radius:20px;min-width:0;box-shadow:0 16px 42px rgba(15,31,62,.08)}.kh4-schematic>span{font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#95b0d6;letter-spacing:.09em}.kh4-schematic pre{font:500 clamp(12px,1.1vw,16px)/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.kh4-schematic strong{color:#9ed7ad}.kh4-schematic>p{color:#a8b9d7;margin:0;font-size:12px}.kh4-section{background:#f8fafd;padding:68px 0 90px}.kh4-sectionintro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.kh4-sectionintro h2,.kh4-bottom h2{font:750 clamp(27px,3vw,40px)/1.2 system-ui,Arial,sans-serif;letter-spacing:-.02em;margin:8px 0 11px}.kh4-sectionintro p{color:#596579;line-height:1.6;max-width:760px;margin-bottom:0}.kh4-privacy{white-space:nowrap;font-size:13px!important;color:#237653!important}.kh4-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.kh4-panel{background:#fff;border:1px solid var(--kline);border-radius:16px;padding:25px;min-width:0;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 28px rgba(19,34,65,.025)}.kh4-panel h3{font:700 21px/1.3 system-ui,Arial,sans-serif;margin:0}.kh4-panel>p{font-size:13px;line-height:1.58;color:#5e697c;margin:0}.kh4-drop{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;min-height:144px;padding:19px;border:1px dashed #a4bce6;border-radius:12px;cursor:pointer;color:#234fa8;background:#f7f9ff;word-break:break-word}.kh4-drop:hover{border-color:#295be5;background:#edf3ff}.kh4-drop span{font-size:34px;font-weight:300;line-height:1}.kh4-drop strong{font-size:13px}.kh4-drop small{font-size:11px;color:#526582;line-height:1.5}.kh4-hide{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.kh4-filename{min-height:22px;overflow-wrap:anywhere}.kh4-wide{display:block;width:100%;text-align:center;justify-content:center;margin-top:2px}.kh4-panel button:disabled{opacity:.48;cursor:not-allowed}.kh4-cancel{border:none;background:transparent;color:#4e5b70;cursor:pointer;padding:4px;font-size:12px}.kh4-message{min-height:36px;overflow-wrap:anywhere}.kh4-panel progress{width:100%;height:8px;accent-color:var(--kblue);margin-top:auto}.kh4-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kh4-metrics>div{border:1px solid #e2e7f0;padding:12px 9px;border-radius:10px;min-width:0}.kh4-metrics span{display:block;color:#647089;font-size:11px;margin-bottom:7px}.kh4-metrics strong{display:block;overflow-wrap:anywhere;font-size:17px;font-weight:800}.kh4-caution{font-size:12px!important;color:#69748a!important;line-height:1.7}.kh4-methods{border-radius:9px;background:#f4f7fc;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere}.kh4-compat{margin-top:19px;padding:18px 22px;border:1px solid #dbe5f5;background:#fff;border-radius:12px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.kh4-compat>div{flex:1 1 280px;min-width:0}.kh4-compat p{font-size:13px;color:#53637a;margin:5px 0 0;line-height:1.5}.kh4-compat a{font-size:13px;white-space:nowrap;color:#285ce2;font-weight:700}.kh4-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.kh4-bottom p{line-height:1.7;color:#5c697e}@media(max-width:1100px){.kh4-grid{grid-template-columns:1fr 1fr}.kh4-hero-grid{gap:30px}}@media(max-width:760px){.kh4-hero{padding:45px 0}.kh4-hero-grid,.kh4-grid,.kh4-bottom{grid-template-columns:1fr}.kh4-hero h1{font-size:clamp(36px,9vw,54px)}.kh4-section{padding:48px 0}.kh4-sectionintro,.kh4-compat{display:block}.kh4-privacy{white-space:normal;margin-top:12px}.kh4-panel{padding:20px}.kh4-compat a{display:block;margin-top:12px;white-space:normal}.kh4-schematic{padding:20px}}@media(max-width:400px){.kh4-hero h1{font-size:36px}.kh4-actions .button{width:100%;justify-content:center;text-align:center}.kh4-metrics strong{font-size:15px}}

/* KHENOR 0.21: clearly visible progress and stage tracking */
.kh4-transfer-note{font-size:12px!important;color:#355b88!important;margin:-4px 0 2px!important;line-height:1.5!important}
.kh4-progress-widget{border:1px solid #c9d9f4;background:#f3f7ff;border-radius:12px;padding:14px 13px 13px;margin-top:4px;display:flex;flex-direction:column;gap:8px;min-width:0}
.kh4-progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 13px/1.4 system-ui,Arial,sans-serif;color:#183e82}
.kh4-progress-row strong{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.kh4-progress-widget progress{width:100%;height:15px;margin:0;display:block;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;overflow:hidden;background:#d7e2f7;accent-color:#285fe4}
.kh4-progress-widget progress::-webkit-progress-bar{background:#d7e2f7;border-radius:999px}
.kh4-progress-widget progress::-webkit-progress-value{background:linear-gradient(90deg,#356ae9,#123fa9);border-radius:999px;transition:width .2s ease}
.kh4-progress-widget progress::-moz-progress-bar{background:#285fe4;border-radius:999px}
.kh4-progress-detail{font:500 12px/1.5 system-ui,Arial,sans-serif;color:#536985!important;margin:0!important;min-height:18px;overflow-wrap:anywhere}
.kh4-phase-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:3px}
.kh4-phase-chips span{font:650 10px/1.4 system-ui,Arial,sans-serif;text-align:center;color:#687994;padding:6px 2px;border:1px solid #dae3f1;border-radius:6px;background:#fff}
.kh4-phase-chips span.is-active{color:#15408e;background:#dce9ff;border-color:#9fbdeb}
.kh4-phase-chips span.is-complete{color:#176447;background:#e6f6ee;border-color:#b7e2cb}
.kh4-phase-chips span.is-error{color:#9e3838;background:#fff0f0;border-color:#f0c3c3}
.kh4-drop:focus-within{outline:3px solid #8aafff;outline-offset:2px}
.kh4-drop.is-dragover{background:#e6eeff;border-color:#275fee;border-style:solid}
.kh4-filename.is-selected{color:#1b6650!important;font-weight:750}
.kh4-progress-widget.is-error{background:#fff5f5;border-color:#e5b6b6}
.kh4-progress-widget.is-finished{background:#effaf4;border-color:#a4d5b8}
@media (prefers-reduced-motion:reduce){.kh4-progress-widget progress::-webkit-progress-value{transition:none}}