:root{--gray-0:#fff;--gray-25:#fcfcfd;--gray-50:#f8f9fb;--gray-100:#f1f3f6;--gray-150:#e9ecf1;--gray-200:#e2e6ec;--gray-300:#d3d9e1;--gray-400:#aab2bf;--gray-500:#8a93a2;--gray-600:#5f6b7c;--gray-700:#3f4854;--gray-800:#2a313b;--gray-900:#161b22;--teal-50:#e0fafc;--teal-100:#b6f2f7;--teal-200:#84e6ef;--teal-300:#41d4e2;--teal-400:#14bdd1;--teal-500:#06b0c6;--teal-600:#0892a6;--teal-700:#0a6f80;--green-50:#e8f6ee;--green-100:#d2efe0;--green-500:#1f9d57;--green-600:#16864a;--green-700:#11703d;--amber-50:#fdf3e0;--amber-100:#fae7bf;--amber-500:#d68909;--amber-600:#b06f06;--amber-700:#8c5804;--red-50:#fdeaef;--red-100:#fad3dc;--red-500:#e23950;--red-600:#c8283f;--red-700:#a51f33;--violet-50:#f2effc;--violet-100:#e6e0f8;--violet-500:#6e56cf;--violet-600:#5a45b3;--violet-700:#483893;--viz-blue:#3d7fd1;--surface-app:var(--gray-50);--surface-card:var(--gray-0);--surface-sunken:var(--gray-100);--surface-hover:var(--gray-100);--surface-active:var(--gray-150);--surface-inverse:var(--gray-900);--text-strong:var(--gray-900);--text-body:var(--gray-700);--text-muted:var(--gray-600);--text-subtle:var(--gray-500);--text-disabled:var(--gray-400);--text-inverse:var(--gray-0);--text-onaccent:var(--gray-0);--border-subtle:var(--gray-150);--border-default:var(--gray-200);--border-strong:var(--gray-300);--border-focus:var(--teal-500);--accent:var(--teal-500);--accent-hover:var(--teal-600);--accent-active:var(--teal-700);--accent-soft:var(--teal-50);--accent-soft-2:var(--teal-100);--accent-text:var(--teal-700);--focus-ring:#06b0c657;--good:var(--green-600);--good-soft:var(--green-50);--good-border:var(--green-100);--good-solid:var(--green-500);--warn:var(--amber-700);--warn-soft:var(--amber-50);--warn-border:var(--amber-100);--warn-solid:var(--amber-500);--bad:var(--red-600);--bad-soft:var(--red-50);--bad-border:var(--red-100);--bad-solid:var(--red-500);--special:var(--violet-600);--special-soft:var(--violet-50);--special-border:var(--violet-100);--special-solid:var(--violet-500);--score-high:var(--green-500);--score-mid:var(--amber-500);--score-low:var(--gray-400);--meter-track:var(--gray-150);--meter-fill:var(--gray-400);--meter-good:var(--green-500);--meter-info:var(--viz-blue)}
:root{--font-sans:"IBM Plex Sans", "IBM Plex Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-thai:"IBM Plex Sans Thai", "IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-2xs:11px;--text-xs:12px;--text-13:13px;--text-sm:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:34px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.014em;--tracking-snug:-.006em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.08em;--feat-tabular:"tnum" 1, "lnum" 1}.kp-tnum{font-feature-settings:var(--feat-tabular);font-variant-numeric:tabular-nums}
:root{--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:16px;--space-8:20px;--space-9:24px;--space-10:32px;--space-11:40px;--space-12:48px;--space-13:64px;--space-14:80px;--sidebar-w:232px;--sidebar-w-sm:64px;--topbar-h:56px;--subbar-h:48px;--row-h:52px;--content-max:1440px;--gutter:24px}
:root{--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--border-hairline:1px;--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #1018280a;--shadow-md:0 4px 8px -2px #10182814, 0 2px 4px -2px #1018280d;--shadow-lg:0 12px 24px -6px #1018281a, 0 4px 8px -4px #1018280f;--shadow-xl:0 24px 48px -12px #10182829, 0 8px 16px -8px #10182814;--ring-width:3px;--card-border:var(--border-hairline) solid var(--border-default);--card-shadow:var(--shadow-xs)}
:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-standard:cubic-bezier(.3, 0, .2, 1);--dur-instant:80ms;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.32s}@keyframes kp-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes kp-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@keyframes kp-indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface-app);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);letter-spacing:var(--tracking-snug);font-feature-settings:var(--feat-tabular);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6{color:var(--text-strong);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}p{margin:0}a{color:var(--accent-text);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}button{font:inherit;color:inherit;margin:0}::selection{background:var(--accent-soft-2);color:var(--text-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kp-scroll{scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}.kp-scroll::-webkit-scrollbar{width:10px;height:10px}.kp-scroll::-webkit-scrollbar-thumb{background:var(--gray-300);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.kp-scroll::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}
.kp-btn{--_bg:var(--gray-0);--_fg:var(--text-body);--_bd:var(--border-default);--_bgh:var(--surface-hover);--_bgha:var(--surface-active);font-family:var(--font-sans);font-weight:var(--weight-medium);white-space:nowrap;border:1px solid var(--_bd);background:var(--_bg);color:var(--_fg);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-instant) var(--ease-out), border-color var(--dur-instant) var(--ease-out), color var(--dur-instant) var(--ease-out), box-shadow var(--dur-instant) var(--ease-out);justify-content:center;align-items:center;gap:7px;display:inline-flex}.kp-btn:hover{background:var(--_bgh)}.kp-btn:active{background:var(--_bgha)}.kp-btn:focus-visible{box-shadow:0 0 0 var(--ring-width) var(--focus-ring);outline:none}.kp-btn[disabled]{cursor:not-allowed;opacity:.5}.kp-btn.sz-sm{height:28px;font-size:var(--text-xs);padding:0 10px}.kp-btn.sz-md{height:34px;font-size:var(--text-13);padding:0 14px}.kp-btn.sz-lg{height:40px;font-size:var(--text-sm);padding:0 18px}.kp-btn.v-primary{--_bg:var(--accent);--_fg:var(--text-onaccent);--_bd:var(--accent);--_bgh:var(--accent-hover);--_bgha:var(--accent-active);box-shadow:var(--shadow-xs)}.kp-btn.v-primary:hover{border-color:var(--accent-hover)}.kp-btn.v-primary:active{border-color:var(--accent-active)}.kp-btn.v-secondary{--_bg:var(--gray-0);--_fg:var(--text-strong);--_bd:var(--border-default);box-shadow:var(--shadow-xs)}.kp-btn.v-secondary:hover{--_bd:var(--border-strong)}.kp-btn.v-ghost{--_bg:transparent;--_fg:var(--text-body);--_bd:transparent}.kp-btn.v-danger{--_bg:var(--gray-0);--_fg:var(--bad);--_bd:var(--bad-border);--_bgh:var(--bad-soft);box-shadow:var(--shadow-xs)}.kp-btn.v-danger:hover{--_bd:var(--bad)}.kp-btn .kp-btn-ico{width:1em;height:1em;display:inline-flex}.kp-btn .kp-btn-ico svg{width:100%;height:100%}.kp-iconbtn{color:var(--text-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-instant) var(--ease-out), color var(--dur-instant) var(--ease-out), border-color var(--dur-instant) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.kp-iconbtn:hover{background:var(--surface-hover);color:var(--text-strong)}.kp-iconbtn:active{background:var(--surface-active)}.kp-iconbtn:focus-visible{box-shadow:0 0 0 var(--ring-width) var(--focus-ring);outline:none}.kp-iconbtn[disabled]{cursor:not-allowed;opacity:.45}.kp-iconbtn.sz-sm{width:28px;height:28px}.kp-iconbtn.sz-md{width:34px;height:34px}.kp-iconbtn.bordered{border-color:var(--border-default);background:var(--gray-0);box-shadow:var(--shadow-xs)}.kp-iconbtn.bordered:hover{border-color:var(--border-strong)}.kp-iconbtn.active{background:var(--accent-soft);color:var(--accent-text)}.kp-iconbtn svg{width:18px;height:18px}.kp-iconbtn.sz-sm svg{width:16px;height:16px}.kp-badge{font-family:var(--font-sans);font-weight:var(--weight-semibold);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;line-height:1;display:inline-flex}.kp-badge .kp-badge-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.kp-badge svg{width:1em;height:1em}.kp-badge.sh-pill{border-radius:var(--radius-full)}.kp-badge.sh-tag{border-radius:var(--radius-xs)}.kp-badge.bs-sm{font-size:var(--text-2xs);letter-spacing:.01em;padding:2px 7px}.kp-badge.bs-md{font-size:var(--text-xs);padding:3px 9px}.kp-badge.t-neutral{background:var(--gray-100);color:var(--text-muted);border-color:var(--border-default)}.kp-badge.t-accent{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-soft-2)}.kp-badge.t-good{background:var(--good-soft);color:var(--good);border-color:var(--good-border)}.kp-badge.t-warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-border)}.kp-badge.t-bad{background:var(--bad-soft);color:var(--bad);border-color:var(--bad-border)}.kp-badge.t-special{background:var(--special-soft);color:var(--special);border-color:var(--special-border)}.kp-badge.solid.t-neutral{background:var(--gray-800);color:#fff;border-color:#0000}.kp-badge.solid.t-accent{background:var(--accent);color:#fff;border-color:#0000}.kp-badge.solid.t-good{background:var(--good-solid);color:#fff;border-color:#0000}.kp-badge.solid.t-special{background:var(--special-solid);color:#fff;border-color:#0000}.kp-badge.upper{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.kp-tag{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);background:var(--gray-0);color:var(--text-muted);border:1px solid var(--border-default);cursor:default;white-space:nowrap;transition:background var(--dur-instant) var(--ease-out), border-color var(--dur-instant) var(--ease-out), color var(--dur-instant) var(--ease-out);align-items:center;gap:6px;padding:4px 9px;line-height:1;display:inline-flex}.kp-tag.clickable{cursor:pointer}.kp-tag.clickable:hover{border-color:var(--border-strong);color:var(--text-strong)}.kp-tag.selected,.kp-tag.matched{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-soft-2)}.kp-tag .kp-tag-x{width:14px;height:14px;color:var(--text-subtle);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-right:-2px;display:inline-flex}.kp-tag .kp-tag-x:hover{background:var(--surface-active);color:var(--text-strong)}.kp-tag .kp-tag-x svg{width:11px;height:11px}.kp-tag svg.kp-tag-lead{opacity:.8;width:13px;height:13px}.kp-avatar{background:var(--gray-100);color:var(--text-muted);font-family:var(--font-sans);font-weight:var(--weight-semibold);border-radius:var(--radius-full);flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1018280f}.kp-avatar.sq{border-radius:var(--radius-sm)}.kp-avatar img{object-fit:cover;width:100%;height:100%;display:block}.kp-avatar .kp-avatar-ring{border-radius:inherit;border:2px solid var(--_ring,transparent);pointer-events:none;position:absolute;inset:-3px}.kp-avatar.av-xs{width:24px;height:24px;font-size:9px}.kp-avatar.av-sm{width:32px;height:32px;font-size:11px}.kp-avatar.av-md{width:40px;height:40px;font-size:13px}.kp-avatar.av-lg{width:56px;height:56px;font-size:18px}.kp-assignee{align-items:center;gap:6px;min-width:0;display:inline-flex}.kp-assignee .kp-select{min-width:0}.kp-assignee-empty{border-radius:var(--radius-full);background:var(--gray-100);width:24px;height:24px;color:var(--text-subtle);flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 1px #1018280f}.kp-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--text-body)}.kp-card.flat{box-shadow:none}.kp-card.raised{box-shadow:var(--shadow-md)}.kp-card.interactive{cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.kp-card.interactive:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.kp-card-head{padding:var(--space-7) var(--space-9);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;display:flex}.kp-card-head .kp-card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-strong);letter-spacing:var(--tracking-snug)}.kp-card-head .kp-card-sub{font-size:var(--text-xs);color:var(--text-subtle);margin-top:1px}.kp-card.kp-danger{border-color:var(--bad-border)}.kp-field{flex-direction:column;gap:6px;display:inline-flex}.kp-field.block{width:100%;display:flex}.kp-field-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.kp-field-label .req{color:var(--bad);margin-left:2px}.kp-input{background:var(--gray-0);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-strong);transition:border-color var(--dur-instant) var(--ease-out), box-shadow var(--dur-instant) var(--ease-out);align-items:center;gap:8px;padding:0 10px;display:flex}.kp-input.is-md{height:34px}.kp-input.is-sm{height:28px}.kp-input.is-lg{height:40px}.kp-input:hover{border-color:var(--border-strong)}.kp-input.focused{border-color:var(--border-focus);box-shadow:0 0 0 var(--ring-width) var(--focus-ring)}.kp-input.invalid{border-color:var(--bad)}.kp-input.invalid.focused{box-shadow:0 0 0 var(--ring-width) #e0484d47}.kp-input.disabled{background:var(--gray-50);cursor:not-allowed}.kp-input input{width:100%;min-width:0;font:inherit;font-size:var(--text-13);color:inherit;font-feature-settings:var(--feat-tabular);background:0 0;border:none;outline:none}.kp-input input::placeholder{color:var(--text-subtle)}.kp-input .kp-input-ico{color:var(--text-subtle);flex:none;display:inline-flex}.kp-input .kp-input-ico svg{width:16px;height:16px}.kp-field-hint{font-size:var(--text-2xs);color:var(--text-subtle)}.kp-field-hint.err{color:var(--bad)}.kp-select{align-items:center;display:inline-flex;position:relative}.kp-select.block{width:100%;display:flex}.kp-select select{appearance:none;font:inherit;font-size:var(--text-13);color:var(--text-strong);background:var(--gray-0);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:border-color var(--dur-instant) var(--ease-out), box-shadow var(--dur-instant) var(--ease-out);padding:0 30px 0 10px}.kp-select.is-md select{height:34px}.kp-select.is-sm select{height:28px;font-size:var(--text-xs)}.kp-select select:hover{border-color:var(--border-strong)}.kp-select select:focus-visible{border-color:var(--border-focus);box-shadow:0 0 0 var(--ring-width) var(--focus-ring);outline:none}.kp-select select:disabled{background:var(--gray-50);color:var(--text-disabled);cursor:not-allowed}.kp-select .kp-select-chev{pointer-events:none;color:var(--text-subtle);display:inline-flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.kp-select .kp-select-chev svg{width:15px;height:15px}select.kp-dec-sel.is-reach{background:var(--good-soft);color:var(--good);border-color:color-mix(in srgb, var(--good) 40%, var(--border-default));font-weight:var(--weight-semibold)}select.kp-dec-sel.is-maybe{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, var(--border-default));font-weight:var(--weight-semibold)}select.kp-dec-sel.is-pass{background:var(--bad-soft);color:var(--bad);border-color:color-mix(in srgb, var(--bad) 40%, var(--border-default));font-weight:var(--weight-semibold)}.kp-check{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-13);color:var(--text-body);align-items:center;gap:9px;display:inline-flex}.kp-check.disabled{cursor:not-allowed;opacity:.5}.kp-check input{opacity:0;width:0;height:0;position:absolute}.kp-check .box{border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--gray-0);color:#fff;width:17px;height:17px;transition:background var(--dur-instant) var(--ease-out), border-color var(--dur-instant) var(--ease-out), box-shadow var(--dur-instant) var(--ease-out);flex:none;place-items:center;display:grid}.kp-check:hover .box{border-color:var(--accent)}.kp-check input:focus-visible+.box{box-shadow:0 0 0 var(--ring-width) var(--focus-ring)}.kp-check .box svg{opacity:0;width:12px;height:12px;transition:opacity var(--dur-instant) var(--ease-out), transform var(--dur-instant) var(--ease-out);transform:scale(.6)}.kp-check.checked .box,.kp-check.indeterminate .box{background:var(--accent);border-color:var(--accent)}.kp-check.checked .box svg,.kp-check.indeterminate .box svg{opacity:1;transform:none}.kp-switch{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-13);color:var(--text-body);align-items:center;gap:10px;display:inline-flex}.kp-switch.disabled{cursor:not-allowed;opacity:.5}.kp-switch input{opacity:0;width:0;height:0;position:absolute}.kp-switch .track{border-radius:var(--radius-full);background:var(--gray-300);width:34px;height:20px;transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-instant) var(--ease-out);flex:none;position:relative}.kp-switch .thumb{width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.kp-switch.on .track{background:var(--accent)}.kp-switch.on .thumb{transform:translate(14px)}.kp-switch input:focus-visible+.track{box-shadow:0 0 0 var(--ring-width) var(--focus-ring)}.kp-tip-anchor{display:inline-flex;position:relative}.kp-tip{z-index:90;border-radius:var(--radius-md);background:var(--surface-inverse);width:max-content;max-width:280px;color:var(--gray-50);font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-snug);letter-spacing:0;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);text-align:left;white-space:normal;padding:9px 11px;position:absolute;transform:translateY(2px)}.kp-tip.show{opacity:1;transform:none}.kp-tip .kp-tip-title{color:#fff;font-weight:var(--weight-semibold);margin-bottom:3px;display:block}.kp-tip b,.kp-tip strong{color:#fff;font-weight:var(--weight-semibold)}.kp-tip-arrow{background:var(--surface-inverse);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.kp-tip.pl-top{bottom:calc(100% + 9px);left:50%;transform:translate(-50%,2px)}.kp-tip.pl-top.show{transform:translate(-50%)}.kp-tip.pl-top .kp-tip-arrow{margin-left:-4px;bottom:-4px;left:50%}.kp-tip.pl-bottom{top:calc(100% + 9px);left:50%;transform:translate(-50%,-2px)}.kp-tip.pl-bottom.show{transform:translate(-50%)}.kp-tip.pl-bottom .kp-tip-arrow{margin-left:-4px;top:-4px;left:50%}.kp-tip.pl-right{top:50%;left:calc(100% + 9px);transform:translate(-2px,-50%)}.kp-tip.pl-right.show{transform:translateY(-50%)}.kp-tip.pl-right .kp-tip-arrow{margin-top:-4px;top:50%;left:-4px}.kp-tabs{border-bottom:1px solid var(--border-default);align-items:center;gap:2px;display:flex}.kp-tabs.pills{border-bottom:none;gap:4px}.kp-tab{font-family:var(--font-sans);font-size:var(--text-13);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;transition:color var(--dur-instant) var(--ease-out);background:0 0;border:none;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 12px;display:inline-flex;position:relative}.kp-tab:hover{color:var(--text-strong)}.kp-tab .kp-tab-ul{background:0 0;border-radius:2px;height:2px;position:absolute;bottom:0;left:8px;right:8px}.kp-tab.active{color:var(--text-strong);font-weight:var(--weight-semibold)}.kp-tab.active .kp-tab-ul{background:var(--accent)}.kp-tab .kp-tab-count{font-size:var(--text-2xs);color:var(--text-subtle);background:var(--gray-100);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;padding:1px 6px}.kp-tab.active .kp-tab-count{background:var(--accent-soft);color:var(--accent-text)}.kp-tab svg{width:16px;height:16px}.kp-tabs.pills .kp-tab{border-radius:var(--radius-sm);margin-bottom:0;padding:6px 12px}.kp-tabs.pills .kp-tab.active{background:var(--surface-active)}.kp-tabs.pills .kp-tab .kp-tab-ul{display:none}.kp-score{align-items:center;gap:8px;width:100%;min-width:0;display:inline-flex}.kp-score .kp-score-val{font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);color:var(--text-strong);text-align:right;letter-spacing:var(--tracking-snug);flex:none}.kp-score.sz-sm .kp-score-val{font-size:var(--text-xs);width:30px}.kp-score.sz-md .kp-score-val{font-size:var(--text-sm);width:36px}.kp-score .kp-score-track{background:var(--meter-track);border-radius:var(--radius-full);flex:1;position:relative;overflow:hidden}.kp-score.sz-sm .kp-score-track{height:6px}.kp-score.sz-md .kp-score-track{height:8px}.kp-score .kp-score-fill{border-radius:var(--radius-full);height:100%;transition:width var(--dur-base) var(--ease-out)}.kp-score .kp-score-tier{font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex:none}.kp-metric{align-items:center;gap:7px;width:100%;min-width:0;display:inline-flex}.kp-metric .kp-metric-track{background:var(--meter-track);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.kp-metric .kp-metric-fill{border-radius:var(--radius-full);background:var(--meter-fill);height:100%;transition:width var(--dur-base) var(--ease-out)}.kp-metric.tone-good .kp-metric-fill{background:var(--meter-good)}.kp-metric.tone-info .kp-metric-fill{background:var(--meter-info)}.kp-metric .kp-metric-val{text-align:right;min-width:38px;font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--text-body);flex:none}.kp-metric.tone-good .kp-metric-val{color:var(--good);font-weight:var(--weight-medium)}.kp-metric .kp-metric-empty{color:var(--text-disabled);font-size:var(--text-xs)}.kp-tier{font-family:var(--font-sans);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-xs);border:1px solid var(--border-default);background:var(--gray-50);color:var(--text-muted);align-items:center;line-height:1;display:inline-flex}.kp-tier.bs-sm{letter-spacing:.06em;padding:2px 5px;font-size:9px}.kp-tier.bs-md{font-size:var(--text-2xs);padding:3px 7px}.kp-tier .kp-tier-tick{border-radius:1px;flex:none;width:4px;height:4px;margin-right:5px}.kp-tier.t-mega .kp-tier-tick{background:var(--special-solid)}.kp-tier.t-macro .kp-tier-tick{background:var(--accent)}.kp-tier.t-mid .kp-tier-tick{background:var(--amber-500)}.kp-tier.t-micro .kp-tier-tick{background:var(--gray-400)}.kp-rel{font-family:var(--font-sans);font-weight:var(--weight-semibold);white-space:nowrap;border-radius:var(--radius-full);border:1px solid #0000;align-items:center;gap:5px;line-height:1;display:inline-flex}.kp-rel.bs-sm{font-size:var(--text-2xs);padding:2px 8px}.kp-rel.bs-md{font-size:var(--text-xs);padding:3px 10px}.kp-rel .kp-rel-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.kp-rel.r-high{background:var(--good-soft);color:var(--good);border-color:var(--good-border)}.kp-rel.r-medium{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-border)}.kp-rel.r-low{background:var(--bad-soft);color:var(--bad);border-color:var(--bad-border)}.kp-rel.r-unknown{background:var(--gray-100);color:var(--text-subtle);border-color:var(--border-default)}.kp-credit{flex-direction:column;gap:6px;min-width:160px;display:flex}.kp-credit-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.kp-credit-label{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.kp-credit-label svg{width:14px;height:14px;color:var(--text-subtle)}.kp-credit-count{font-size:var(--text-13);font-weight:var(--weight-semibold);color:var(--text-strong);font-variant-numeric:tabular-nums}.kp-credit-count .total{color:var(--text-subtle);font-weight:var(--weight-regular)}.kp-credit-track{background:var(--meter-track);border-radius:var(--radius-full);height:6px;overflow:hidden}.kp-credit-fill{border-radius:var(--radius-full);background:var(--accent);height:100%;transition:width var(--dur-base) var(--ease-out)}.kp-credit.low .kp-credit-fill{background:var(--warn-solid)}.kp-credit.empty .kp-credit-fill{background:var(--bad-solid)}.kp-credit-pill{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--gray-0);box-shadow:var(--shadow-xs);align-items:center;gap:8px;padding:5px 8px 5px 10px;display:inline-flex}.kp-credit-pill .mini{background:var(--meter-track);border-radius:var(--radius-full);width:44px;height:5px;overflow:hidden}.kp-credit-pill .mini>span{background:var(--accent);border-radius:var(--radius-full);height:100%;display:block}.kp-credit-pill.low .mini>span{background:var(--warn-solid)}.kp-credit-pill.empty .mini>span{background:var(--bad-solid)}.kp-credit-pill .n{font-size:var(--text-13);font-weight:var(--weight-semibold);color:var(--text-strong);font-variant-numeric:tabular-nums}.kp-credit-pill .lc{color:var(--text-subtle);display:inline-flex}.kp-credit-pill .lc svg{width:15px;height:15px}.kp-creator{align-items:center;gap:10px;min-width:0;display:flex}.kp-creator-main{flex-direction:column;gap:1px;min-width:0;display:flex}.kp-creator-name{min-width:0;font-size:var(--text-13);font-weight:var(--weight-semibold);color:var(--text-strong);letter-spacing:var(--tracking-snug);align-items:center;gap:6px;display:flex}.kp-creator-name .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kp-creator-flag{color:var(--special);flex:none;line-height:0;display:inline-flex}.kp-creator-handle{min-width:0;font-size:var(--text-xs);color:var(--text-subtle);align-items:center;gap:6px;display:flex}.kp-creator-handle .hd{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kp-creator-handle a{color:var(--text-subtle);line-height:0;display:inline-flex}.kp-creator-handle a:hover{color:var(--accent)}.kp-creator-handle svg{width:13px;height:13px}.kp-creator-gender{color:var(--text-disabled);font-size:var(--text-xs);flex:none}.kp-stat{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;gap:5px;min-width:0;padding:14px 16px;display:flex}.kp-stat.plain{background:0 0;border:none;padding:0}.kp-stat-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-subtle);font-weight:var(--weight-semibold);align-items:center;gap:6px;display:inline-flex}.kp-stat-label svg{width:13px;height:13px}.kp-stat-value{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-strong);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;line-height:1.1}.kp-stat-value .unit{font-size:var(--text-md);color:var(--text-muted);font-weight:var(--weight-medium);margin-left:2px}.kp-stat-sub{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:5px;display:inline-flex}.kp-stat-delta{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.kp-stat-delta.up{color:var(--good)}.kp-stat-delta.down{color:var(--bad)}.kp-stat-delta.flat{color:var(--text-subtle)}.kp-pipe{align-items:center;gap:0;width:100%;display:flex}.kp-pipe-step{align-items:center;gap:8px;min-width:0;display:flex}.kp-pipe-node{border:1.5px solid var(--border-strong);background:var(--gray-0);width:22px;height:22px;color:var(--text-subtle);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.kp-pipe-node svg{width:12px;height:12px}.kp-pipe-node .num{font-size:10px;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.kp-pipe-label{flex-direction:column;gap:0;min-width:0;display:flex}.kp-pipe-name{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);white-space:nowrap}.kp-pipe-meta{font-size:var(--text-2xs);color:var(--text-subtle);white-space:nowrap;font-variant-numeric:tabular-nums}.kp-pipe-bar{background:var(--border-default);border-radius:2px;flex:1;min-width:18px;height:2px;margin:0 10px;position:relative;overflow:hidden}.kp-pipe-bar>span{background:var(--good-solid);transition:right var(--dur-base) var(--ease-out);border-radius:2px;position:absolute;inset:0 100% 0 0}.kp-pipe-step.done .kp-pipe-node{background:var(--good-solid);border-color:var(--good-solid);color:#fff}.kp-pipe-step.done .kp-pipe-name{color:var(--text-body)}.kp-pipe-bar.done>span{right:0}.kp-pipe-step.active .kp-pipe-node{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 4px var(--accent-soft)}.kp-pipe-step.active .kp-pipe-name{color:var(--text-strong);font-weight:var(--weight-semibold)}.kp-pipe-bar.active>span{background:var(--accent);right:50%}.kp-pipe-step.error .kp-pipe-node{background:var(--bad-soft);border-color:var(--bad-solid);color:var(--bad)}.kp-pipe-step.error .kp-pipe-name{color:var(--bad)}.kp-pipe-live{background:#fff;border-radius:50%;width:6px;height:6px}@media (prefers-reduced-motion:no-preference){.kp-pipe-step.active .kp-pipe-live{animation:kp-pulse 1.4s var(--ease-in-out) infinite}}.kp-xflag{font-family:var(--font-sans);font-weight:var(--weight-medium);white-space:nowrap;border-radius:var(--radius-full);cursor:default;border:1px solid #0000;align-items:center;gap:5px;line-height:1;display:inline-flex}.kp-xflag.bs-sm{font-size:var(--text-2xs);padding:2px 8px}.kp-xflag.bs-md{font-size:var(--text-xs);padding:3px 9px}.kp-xflag svg{flex:none;width:1em;height:1em}.kp-xflag.sev-active{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-border)}.kp-xflag.sev-early{background:var(--gray-100);color:var(--text-muted);border-color:var(--border-default)}.kp-xbanner{border-radius:var(--radius-md);border:1px solid var(--warn-border);background:var(--warn-soft);font-size:var(--text-13);color:var(--text-body);align-items:flex-start;gap:10px;padding:11px 13px;display:flex}.kp-xbanner.sev-early{border-color:var(--border-default);background:var(--gray-50)}.kp-xbanner .ic{color:var(--warn);flex:none;margin-top:1px;display:inline-flex}.kp-xbanner.sev-early .ic{color:var(--text-subtle)}.kp-xbanner .bd{min-width:0}.kp-xbanner .ti{font-weight:var(--weight-semibold);color:var(--text-strong)}.kp-xbanner .ls{color:var(--text-muted);margin-top:3px}.kp-xbanner .ls b{color:var(--text-strong);font-weight:var(--weight-semibold)}.kp-dtog{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--gray-0);flex:none;display:inline-flex;overflow:hidden}.kp-dtog button{background:var(--gray-0);cursor:pointer;font:inherit;font-weight:var(--weight-semibold);color:var(--text-subtle);border:none;border-right:1px solid var(--border-default);transition:background var(--dur-instant) var(--ease-out), color var(--dur-instant) var(--ease-out);align-items:center;gap:4px;display:inline-flex}.kp-dtog button:last-child{border-right:none}.kp-dtog button:hover{background:var(--surface-hover);color:var(--text-strong)}.kp-dtog.sz-sm button{font-size:var(--text-2xs);padding:4px 8px}.kp-dtog.sz-md button{font-size:var(--text-xs);padding:5px 11px}.kp-dtog button.on-reach{background:var(--good-soft);color:var(--good)}.kp-dtog button.on-maybe{background:var(--warn-soft);color:var(--warn)}.kp-dtog button.on-pass{background:var(--bad-soft);color:var(--bad)}.kp-dtog svg{width:1em;height:1em}.kp-dtog.compact button{padding:5px 7px}