.hk{--hk-red:#e5484d;--hk-yellow:#d9870f;--hk-blue:#3b6fd4;--hk-purple:#8b5cf6;--hk-brand:var(--purple,#673AB7);--hk-surface:var(--kraft-light,#fffdf8);--hk-line:#e7e2d6;--hk-text:var(--ink,#1c1a17);--hk-dim:var(--ink-soft,#6b665c);--hk-pill:#efece3;max-width:1100px;margin:0 auto;padding:8px clamp(18px,4vw,32px) 48px;color:var(--hk-text)}.hk-head{padding:8px 0 14px}.hk h1{font-size:28px;font-weight:850;letter-spacing:-.02em;line-height:1.25}.hk-hl{background-image:linear-gradient(180deg,transparent 56%,rgba(103,58,183,.28) 56%,rgba(103,58,183,.28) 92%,transparent 92%)}.hk-lead{color:var(--hk-dim);margin-top:8px;font-size:15px;max-width:680px;line-height:1.7}.hk-lead b{color:var(--hk-text)}.hk-priv{font-size:11px;color:var(--hk-dim);margin-top:10px;display:flex;align-items:center;gap:5px}.hk-priv svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hk-grid{display:grid;grid-template-columns:1fr 320px;gap:20px}@media(max-width:820px){.hk-grid{grid-template-columns:1fr}.hk-aside{position:static}.hk-backdrop,.hk #input{min-height:40vh}.hk-btn{padding:12px 16px;font-size:14px}.hk .eye{padding:9px;margin:-7px}.hk .left{padding:12px 0}}.hk-col{min-width:0}.hk-tools{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.hk-btn{font-family:inherit;font-size:13px;font-weight:700;line-height:1;border-radius:8px;padding:9px 14px;cursor:pointer;border:1px solid transparent;background:var(--hk-brand);color:#fff;transition:filter .15s ease,background .15s ease,color .15s ease}.hk-btn:hover{filter:brightness(1.07)}.hk-btn:active{transform:translateY(1px)}.hk-btn-ghost{background:transparent;color:var(--hk-dim);border-color:var(--hk-line)}.hk-btn-ghost:hover{color:var(--hk-text);background:var(--hk-pill);filter:none}.hk-hint{font-size:12px;color:var(--hk-dim)}.hk-editor{position:relative}.hk-backdrop,.hk #input{width:100%;min-height:56vh;padding:18px;border:1px solid var(--hk-line);border-radius:12px;font-family:var(--sans);font-size:17px;line-height:1.9;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.hk-backdrop{position:absolute;inset:0;background:var(--hk-surface);color:transparent;overflow:auto;pointer-events:none}.hk #input{position:relative;background:transparent;color:var(--hk-text);resize:vertical;overflow:auto;display:block}.hk mark{border-radius:3px;padding:0 1px;color:inherit}.hk mark[data-color=red]{background:#e5484d42;box-shadow:inset 0 -2px 0 var(--hk-red)}.hk mark[data-color=yellow]{background:#d9870f3d;box-shadow:inset 0 -2px 0 var(--hk-yellow)}.hk mark[data-color=blue]{background:#3b6fd433;box-shadow:inset 0 -2px 0 var(--hk-blue)}.hk mark[data-color=purple]{background:#8b5cf633;box-shadow:inset 0 -2px 0 var(--hk-purple)}.hk mark.flash{animation:hk-flash 1.3s ease;border-radius:3px}@keyframes hk-flash{0%,to{outline:2px solid transparent;outline-offset:2px}35%{outline:2px solid var(--hk-brand);outline-offset:2px}}.hk-aside{position:sticky;top:16px;align-self:start}.hk-card{background:var(--hk-surface);border:1px solid var(--hk-line);border-radius:12px;padding:16px;margin-bottom:12px}.hk-card-title{font-size:14px;font-weight:800}.hk-score{--band:var(--hk-dim)}.hk-score[data-band=low]{--band:#2e9e5b}.hk-score[data-band=mid]{--band:#d9870f}.hk-score[data-band=high]{--band:#e5484d}.hk-score-top{display:flex;align-items:center;gap:14px}.hk-score-num{font-size:52px;font-weight:850;line-height:.9;letter-spacing:-.04em;color:var(--band);font-variant-numeric:tabular-nums;transition:color .25s ease}.hk-score-meta{min-width:0}.hk-score-lbl{font-size:13px;font-weight:700;color:var(--hk-text)}.hk-score-max{color:var(--hk-dim);font-weight:600}.hk-score-verdict{font-size:13px;font-weight:800;color:var(--band);margin-top:3px;transition:color .25s ease}.hk-gauge{height:7px;border-radius:999px;background:var(--hk-pill);margin-top:14px;overflow:hidden}.hk-gauge-fill{height:100%;width:0;border-radius:999px;background:var(--band);transition:width .35s cubic-bezier(.4,0,.2,1),background .25s ease}.hk-grade-row{display:flex;align-items:baseline;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid var(--hk-line);font-size:12px;color:var(--hk-dim)}.hk-grade-lbl{font-weight:600}.hk-grade-val{font-weight:850;font-size:15px;color:var(--hk-text);letter-spacing:-.02em}.hk-grade-sub{font-size:11px}.hk-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin:10px 0 4px}.hk-leg{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--hk-dim)}.hk-leg .dot{flex:0 0 8px;width:8px;height:8px;margin-top:0}.hk-item{border-top:1px solid var(--hk-line)}.hk-item:first-of-type{border-top:none}.hk-item.off{opacity:.42}.hk .row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.hk .left{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:7px;padding:9px 0;background:none;border:none;text-align:left;font:inherit;color:inherit;cursor:pointer}.hk .left:hover .row-msg{color:var(--hk-text)}.hk .row-msg{min-width:0;color:var(--hk-text)}.hk .caret{flex:0 0 12px;width:12px;height:12px;margin-left:4px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--hk-dim);transition:transform .15s ease}.hk .caret.open{transform:rotate(180deg)}.hk-fix{font-size:12px;color:var(--hk-dim);line-height:1.6;padding:2px 0 11px 16px}.hk .dot{flex:0 0 9px;width:9px;height:9px;border-radius:999px;margin-top:1px}.hk .dot.red{background:var(--hk-red)}.hk .dot.yellow{background:var(--hk-yellow)}.hk .dot.blue{background:var(--hk-blue)}.hk .dot.purple{background:var(--hk-purple)}.hk .n{font-weight:800}.hk .row.over .n{color:var(--hk-red)}.hk .right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.hk .eye{cursor:pointer;border:none;background:none;padding:2px;line-height:0;color:var(--hk-dim);display:inline-flex}.hk .eye:hover{color:var(--hk-text)}.hk .eye svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hk .goal{color:var(--hk-dim);font-size:11px}.hk .pill{display:inline-block;background:var(--hk-pill);border-radius:999px;padding:1px 7px;font-size:10px;color:var(--hk-dim)}.hk-empty{color:var(--hk-dim);font-size:13px;text-align:center;padding:18px 0}.hk-cta{display:block;text-decoration:none;color:var(--hk-text);background:#f3ecdb;border:1px solid #e2d6ba;border-radius:12px;padding:15px 16px;transition:border-color .15s ease}.hk-cta[hidden]{display:none}.hk-cta:hover{border-color:var(--hk-brand)}.hk-cta-h{font-size:14px;font-weight:850;letter-spacing:-.01em;line-height:1.4}.hk-cta-b{font-size:12px;color:var(--hk-dim);line-height:1.65;margin:7px 0 12px}.hk-cta-go{display:inline-flex;align-items:center;font-size:13px;font-weight:800;color:var(--hk-brand)}.hk-cta:hover .hk-cta-go{text-decoration:underline}.hk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hk-explain{margin:40px 0 8px;max-width:760px}.hk-explain h2{font-size:18px;font-weight:800;margin-top:28px}.hk-explain p{color:var(--hk-dim);margin-top:8px;font-size:15px;line-height:1.7}.hk-explain dt{font-weight:700;margin-top:16px;font-size:15px}.hk-explain dd{color:var(--hk-dim);margin-top:4px;font-size:14px}