@property --kpc-fill{syntax:"<percentage>";inherits:false;initial-value:0%}.kpc-hero-sec{padding-bottom:40px}.kpc-hero{box-shadow:8px 8px 0 var(--tk-ink);border-radius:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;padding:44px;display:grid}.kpc-intro{flex-direction:column;align-items:flex-start;gap:20px;min-width:0;display:flex}.kpc-h1{font-size:72px}.kpc-lede{max-width:34ch;color:var(--tk-body);margin:0;font-size:20px;line-height:1.5}.kpc-time{border:1.5px solid var(--tk-ink);background:var(--tk-sky);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.kpc-time svg{flex:none}.kpc-run{flex-direction:column;gap:28px;padding-top:0;display:flex}.kpc-progress{scroll-margin-top:96px}.kpc-error{border-color:var(--tk-coral-dark);color:var(--tk-coral-dark);margin:0;font-weight:600}.kpc-result{box-shadow:8px 8px 0 var(--tk-ink);border-radius:28px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:32px;padding:36px;display:grid}.kpc-result-text{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;display:flex}.kpc-badge{border:1.5px solid var(--tk-ink);background:var(--tk-line);color:var(--tk-ink);border-radius:999px;padding:5px 14px;font-size:14px;font-weight:700;line-height:1.35;display:inline-block}.kpc-badge[data-verdict=match_top]{background:var(--tk-ok)}.kpc-badge[data-verdict=match_lower]{background:var(--tk-peach)}.kpc-badge[data-verdict=not_you]{background:var(--tk-pink)}.kpc-badge[data-verdict=unknown]{background:var(--tk-sky)}.kpc-badge[data-verdict=none]{background:var(--tk-lilac)}.kpc-head{align-items:center;gap:16px;min-width:0;display:flex}.kpc-img{object-fit:cover;border:1.5px solid var(--tk-ink);background:var(--tk-paper-warm);border-radius:14px;flex:none;width:72px;height:72px}.kpc-name{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-family:Schibsted Grotesk,sans-serif;font-size:48px;font-weight:800;line-height:1}.kpc-meta{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font-size:16px;display:flex}.kpc-tag{background:var(--tk-lilac);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.kpc-desc{color:var(--tk-body)}.kpc-id{color:var(--tk-muted);overflow-wrap:anywhere;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.kpc-say{max-width:56ch;color:var(--tk-body);margin:0;font-size:17px}.kpc-say .kpc-id{font-size:14px}.kpc-why{border-left:3px solid var(--tk-blue);background:var(--tk-paper-warm);max-width:56ch;color:var(--tk-body);border-radius:0 12px 12px 0;margin:0;padding:12px 16px;font-size:15px}.kpc-why span{color:var(--tk-ink);font-weight:700}.kpc-dial{--kpc-fill:var(--kpc-to);border:1.5px solid var(--tk-ink);background:conic-gradient(var(--tk-blue) 0 var(--kpc-fill), var(--tk-line) var(--kpc-fill) 100%);border-radius:50%;justify-self:center;place-items:center;width:220px;height:220px;display:grid}.kpc-dial-in{border:1.5px solid var(--tk-ink);background:var(--tk-paper);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:158px;height:158px;display:flex}.kpc-dial-n{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-family:Schibsted Grotesk,sans-serif;font-size:44px;font-weight:800;line-height:1}.kpc-dial-l{color:var(--tk-muted);margin-top:6px;font-size:13px;font-weight:600}.kpc-h2{letter-spacing:-.03em;margin:0 0 18px;font-family:Schibsted Grotesk,sans-serif;font-size:32px;font-weight:700;line-height:1.05}.kpc-h2 em{letter-spacing:-.01em;color:var(--tk-blue);font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.kpc-table{border-collapse:collapse;width:100%;font-size:15px}.kpc-table th,.kpc-table td{border-bottom:1px solid var(--tk-line);text-align:left;vertical-align:top;padding:12px 10px}.kpc-table th{letter-spacing:.06em;text-transform:uppercase;color:var(--tk-muted);font-size:12px;font-weight:700}.kpc-table tbody tr:last-child td{border-bottom:0}.kpc-table tr[aria-current=true] td{background:#fdebdd}.kpc-table tr[aria-current=true] td:first-child{box-shadow:inset 3px 0 0 var(--tk-blue)}.kpc-cell{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.kpc-cell-name{font-weight:600}.kpc-table .kpc-id{flex-basis:100%;font-size:12px}.kpc-mine{border:1.5px solid var(--tk-ink);background:var(--tk-peach);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.kpc-score{align-items:center;gap:10px;display:inline-flex}.kpc-bar{background:var(--tk-line);border-radius:9px;width:120px;height:8px;display:block;overflow:hidden}.kpc-bar i{background:var(--tk-coral);border-radius:9px;height:100%;display:block}.kpc-score-n{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}@media (prefers-reduced-motion:no-preference){.kpc-result{animation:kpc-rise .6s var(--tk-ease) backwards}.kpc-dial{animation:kpc-fill 1.4s var(--tk-ease) .2s backwards}.kpc-others{animation:kpc-rise .6s var(--tk-ease) .15s backwards}.kpc-bar i{transform-origin:0;animation:kpc-grow .9s var(--tk-ease) .35s backwards}}@keyframes kpc-fill{0%{--kpc-fill:0%}}@keyframes kpc-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes kpc-grow{0%{transform:scaleX(0)}}@media (max-width:1000px){.kpc-hero{gap:32px;padding:36px}.kpc-h1{font-size:56px}}@media (max-width:900px){.kpc-hero{grid-template-columns:minmax(0,1fr)}.kpc-result{grid-template-columns:minmax(0,1fr) auto;gap:24px}.kpc-dial{justify-self:end;width:180px;height:180px}.kpc-dial-in{width:128px;height:128px}.kpc-dial-n{font-size:36px}}@media (max-width:760px){.kpc-hero,.kpc-result{box-shadow:6px 6px 0 var(--tk-ink);border-radius:24px;padding:26px 20px}.kpc-name{font-size:36px}.kpc-h2{font-size:26px}.kpc-dial{width:180px;height:180px}.kpc-dial-in{width:128px;height:128px}.kpc-dial-n{font-size:36px}.kpc-table,.kpc-table tbody,.kpc-table tr,.kpc-table td{display:block}.kpc-table thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kpc-table tbody{gap:12px;display:grid}.kpc-table tr{border:1.5px solid var(--tk-ink);background:var(--tk-paper);border-radius:16px;overflow:hidden}.kpc-table td,.kpc-table tbody tr:last-child td{border-bottom:0;padding:8px 14px}.kpc-table td:first-child{padding-top:14px}.kpc-table td:last-child{padding-bottom:14px}.kpc-table td:not(:first-child):before{content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;color:var(--tk-muted);font-size:12px;font-weight:700;display:block}.kpc-table tr[aria-current=true]{box-shadow:4px 4px 0 var(--tk-blue)}.kpc-table tr[aria-current=true] td:first-child{box-shadow:none}}@media (max-width:640px){.kpc-hero-sec{padding-top:28px}.kpc-h1{font-size:44px}.kpc-lede{font-size:18px}.kpc-result{grid-template-columns:minmax(0,1fr)}.kpc-dial{justify-self:center}}.kpc-name{scroll-margin-top:96px}.kpc-name:focus{outline:none}