:root{--bg:#fffaf2;--fg:#1a1a2e;--mut:#6a6a82;--card:#fff;--soft:#fff0dc;--bd:#ecd7bb;--ac:#ff6b00;--ac2:#ffd60a;--ok:#0e9f6e;--ink:#1a1a2e;--rad:10px;--hh:58px;--tbh:62px;--gap:8px;--w:1160px;--wr:800px}
body{background:var(--bg)}
a{color:#c24f00}
/* header */
.kf-h{background:#1a1a2e;border-bottom:3px solid var(--ac)}
.kf-lg,.kf-lg:hover{color:#fff;letter-spacing:.02em}
.kf-lg::before{content:"";width:12px;height:12px;background:var(--ac2);transform:rotate(45deg);flex:none}
.kf-nv a{color:#d9d9f0;border-radius:6px}
.kf-nv a:hover,.kf-nv .on a{background:#2b2b55;color:#fff}
.kf-cta{background:var(--ac);color:var(--ink);border-radius:6px}
/* hero tool: dark band, full width */
.kf-gen{background:#1a1a2e;color:#e8e8f6;box-shadow:0 0 0 100vmax #1a1a2e;clip-path:inset(0 -100vmax);padding-top:30px;padding-bottom:26px}
.kf-gen h1{color:#fff}
.kf-gen .kf-lead,.kf-gen .kf-ttl{color:#b9b9d8}
.kf-gen .kf-row input{background:#fff;color:var(--ink);border:3px solid var(--ac2);border-radius:8px}
.kf-gen .kf-row input:focus{border-color:var(--ac)}
.kf-gen .kf-go{border-radius:8px;background:var(--ac);color:var(--ink)}
.kf-gen .kf-ghost,.kf-gen .kf-op summary{background:#26264d;border-color:#3b3b72;color:#e8e8f6;border-radius:8px}
.kf-gen .kf-op select{background:#26264d;border-color:#3b3b72;color:#fff;border-radius:8px}
.kf-gen .kf-op label{color:#b9b9d8}
.kf-gen .kf-sh2 h2{color:#fff}
.kf-gen .kf-sh2 h2 svg{background:var(--ac2);color:var(--ink)}
.kf-gen .kf-i{background:#26264d;border-color:#3b3b72;color:#fff;border-radius:8px}
.kf-gen .kf-i:hover{border-color:var(--ac2)}
.kf-gen .kf-i.ok{background:var(--ac);border-color:var(--ac);color:var(--ink)}
.kf-gen .kf-k2{background:#26264d;border-color:#3b3b72;border-radius:8px}
.kf-gen .kf-lk{background:#1f1f40;border-color:#3b3b72;color:#b9b9d8}
.kf-gen .kf-q{background:#26264d;border-color:#3b3b72;color:#fff;border-radius:8px}
.kf-gen .kf-q .r,.kf-gen .kf-q .m{color:#b9b9d8}
.kf-gen .kf-add label>span:first-child{color:#b9b9d8}
.kf-gen .kf-add input{background:#fff;color:var(--ink);border:2px solid #3b3b72;border-radius:8px}
/* boards */
.kf-gold{background:var(--soft);border:1px solid var(--bd);border-radius:var(--rad)}
.kf-top li.p1{border-color:var(--ac)}
.kf-top li.p2{border-color:var(--ac2)}
.kf-top li{border-width:3px;border-radius:var(--rad)}
.kf-i,.kf-k,.kf-q{border-radius:8px}
.kf-k{border-left:5px solid var(--ac)}
.kf-q{border-top:4px solid var(--ac2)}
.kf-sh2 h2{font-size:clamp(1.3rem,3vw,1.7rem)}
.kf-x .kf-xt button{border-radius:8px}
.kf-c{background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);padding:18px 22px;margin-top:30px}
.kf-c h2{padding-left:12px;border-left:5px solid var(--ac)}
.kf-c blockquote{background:var(--soft);border-left-color:var(--ac2)}
.kf-r{border-color:var(--ac2);background:#fffbe6}
/* footer */
.kf-ft{background:#14142a;color:#b9b9d8;border-top:3px solid var(--ac)}
.kf-ft a,.kf-ft .kf-lg{color:#e8e8f6}
.kf-fb p,.kf-cp{color:#9a9ac0}
.kf-cp{border-top-color:#2b2b55}
/* app bar (dark dock) */
@media(max-width:768px){
.kf-c{border-inline:0;border-radius:0;padding:14px 12px;margin-top:18px}
.kf-gen{padding-top:20px}
.kf-gold{border-inline:0;border-radius:0}
}