:root{--kpro-accent:#0071e3;--kpro-radius:16px;--kpro-d:1;--kpro-font:inherit;--kpro-gold:#c9a24a;--kpro-silver:#9aa4b2;--kpro-bronze:#b07a4f;--kpro-plat:#7aa7c7;--kpro-fg:inherit;--kpro-bg:rgba(127,127,127,.04);--kpro-soft:rgba(127,127,127,.07);--kpro-line:rgba(127,127,127,.18);--kpro-line-2:rgba(127,127,127,.3);--kpro-muted-o:.62;--kpro-shadow:none}
@supports (color:color-mix(in srgb,red 50%,blue)){:root{--kpro-bg:color-mix(in srgb,currentColor 3%,transparent);--kpro-soft:color-mix(in srgb,currentColor 6%,transparent);--kpro-line:color-mix(in srgb,currentColor 11%,transparent);--kpro-line-2:color-mix(in srgb,currentColor 20%,transparent)}}
.kpro-t-light{--kpro-fg:#1d1d1f;--kpro-bg:#fff;--kpro-soft:#f5f5f7;--kpro-line:rgba(0,0,0,.08);--kpro-line-2:rgba(0,0,0,.16);--kpro-muted-o:.6}
.kpro-t-dark{--kpro-fg:#f5f5f7;--kpro-bg:#1c1c1e;--kpro-soft:#2c2c2e;--kpro-line:rgba(255,255,255,.09);--kpro-line-2:rgba(255,255,255,.18);--kpro-muted-o:.6}
.kpro-d-compact{--kpro-d:.82}
.kpro-d-airy{--kpro-d:1.2}

.kpro-ico{width:1em;height:1em;flex:0 0 auto;display:inline-block;vertical-align:-.125em;overflow:visible}
.kpro-ico-wrap{color:var(--kpro-c,var(--kpro-accent));display:inline-flex}
.kpro-cap{font-size:.7em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:var(--kpro-muted-o)}
.kpro-card,.kpro-best,.kpro-hidden-bar,.kpro-me,.kpro-pod,.kpro-list,.kpro-empty,.kpro-periods,.kpro-ach,.kpro-top,.kpro-ladder,.kpro-page,.kpro-rv{font-family:var(--kpro-font)}
.kpro-card,.kpro-best,.kpro-hidden-bar,.kpro-me,.kpro-pod,.kpro-list,.kpro-empty,.kpro-rv{color:var(--kpro-fg);background:var(--kpro-bg);border-radius:var(--kpro-radius);box-shadow:inset 0 0 0 1px var(--kpro-line),var(--kpro-shadow)}

.kpro-badge{--c:var(--kpro-c,#8a8f98);display:inline-flex;align-items:center;gap:.4em;max-width:100%;padding:.18em .62em .18em .5em;border-radius:var(--kpro-pill,999px);font-size:.74em;font-weight:560;line-height:1.45;color:inherit;white-space:nowrap;vertical-align:middle;box-shadow:inset 0 0 0 1px var(--kpro-line-2)}
.kpro-badge>span{overflow:hidden;text-overflow:ellipsis}
.kpro-badge .kpro-ico{color:var(--c);font-size:.95em}
.kpro-badge-sm{font-size:.68em;padding:.12em .55em .12em .45em}
.kpro-badge-icon,.kpro-badge-icon.kpro-badge-sm{padding:.24em}
.kpro-badge b{font-weight:600;opacity:var(--kpro-muted-o);font-variant-numeric:tabular-nums}

.kpro-progress{display:flex;flex-direction:column;gap:8px;min-width:0}
.kpro-progress-bar{height:4px;border-radius:99px;background:var(--kpro-line);overflow:hidden}
.kpro-progress-bar span{display:block;height:100%;border-radius:inherit;background:var(--kpro-accent);transform-origin:left;animation:kpro-grow .9s cubic-bezier(.3,.7,.2,1) both}
.kpro-progress-label{font-size:.78em;opacity:var(--kpro-muted-o)}

.kpro-ladder{display:flex;flex-wrap:wrap;gap:6px}
.kpro-step{--c:var(--kpro-c,#8a8f98);display:inline-flex;align-items:center;gap:.45em;padding:.36em .8em;border-radius:var(--kpro-pill,999px);font-size:.78em;color:inherit;box-shadow:inset 0 0 0 1px var(--kpro-line);opacity:.5}
.kpro-step .kpro-ico{color:var(--c)}
.kpro-step small{opacity:var(--kpro-muted-o);font-variant-numeric:tabular-nums}
.kpro-step.is-reached{opacity:.85}
.kpro-step.is-current{opacity:1;font-weight:600;box-shadow:inset 0 0 0 1px currentColor}

.kpro-card{display:flex;flex-direction:column;gap:calc(18px*var(--kpro-d));padding:calc(22px*var(--kpro-d)) calc(22px*var(--kpro-d)) calc(18px*var(--kpro-d))}
.kpro-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.kpro-card-karma b{display:block;font-size:2.6em;font-weight:600;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.kpro-card-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--kpro-line)}
.kpro-card-stats>div{padding:calc(12px*var(--kpro-d)) 0 0;min-width:0}
.kpro-card-stats>div+div{padding-left:14px;border-left:1px solid var(--kpro-line)}
.kpro-card-stats dt{font-size:.7em;letter-spacing:.04em;opacity:var(--kpro-muted-o);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpro-card-stats dd{margin:4px 0 0;font-size:1.15em;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpro-card-chart{margin-top:-4px}
.kpro-history{width:100%;height:48px;display:block}
.kpro-history .kpro-axis{stroke:var(--kpro-line);stroke-width:1}
.kpro-history .kpro-pos{fill:var(--kpro-accent);opacity:.85}
.kpro-history .kpro-neg{fill:currentColor;opacity:.3}
.kpro-history .kpro-zero{fill:var(--kpro-line)}

.kpro-hidden-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:calc(12px*var(--kpro-d)) 14px;font-size:.88em}
.kpro-hidden-bar>.kpro-ico{opacity:.5}
.kpro-hidden-bar>span{flex:1 1 200px;opacity:var(--kpro-muted-o)}
.kpro-hidden-btn{font:inherit;font-size:.95em;font-weight:600;padding:.4em .9em;border-radius:var(--kpro-pill,999px);border:0;background:transparent;box-shadow:inset 0 0 0 1px var(--kpro-line-2);color:inherit;cursor:pointer;transition:box-shadow .15s}
.kpro-hidden-btn:hover{box-shadow:inset 0 0 0 1px currentColor}
.kpro-hidden-body{display:none}
.kpro-hidden.is-open .kpro-hidden-bar{display:none}
.kpro-hidden.is-open .kpro-hidden-body{display:block;animation:kpro-fade .3s ease both}

.kpro-top{list-style:none;margin:0;padding:0}
.kpro-top li,.kpro-list li{display:flex;align-items:center;gap:12px;padding:calc(10px*var(--kpro-d)) 0;min-width:0;border-top:1px solid var(--kpro-line)}
.kpro-top li:first-child,.kpro-list li:first-child{border-top:0}
.kpro-place{width:1.6em;flex:0 0 auto;text-align:right;font-size:.85em;font-weight:600;font-variant-numeric:tabular-nums;opacity:var(--kpro-muted-o)}
.kpro-top li:nth-child(-n+3) .kpro-place{opacity:1}
.kpro-ava{flex:0 0 auto;display:block}
.kpro-ava img{width:34px;height:34px;border-radius:var(--kpro-ava,50%);object-fit:cover;display:block;box-shadow:0 0 0 1px var(--kpro-line)}
.kpro-who{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.kpro-who>a{font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:none}
.kpro-who>a:hover{text-decoration:underline;text-underline-offset:3px}
.kpro-who .kpro-badge{box-shadow:none;padding:0;font-size:.7em;opacity:.8}
.kpro-score{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;font-size:.92em}
.kpro-empty{padding:28px;text-align:center}

.kpro-page{display:flex;flex-direction:column;gap:calc(28px*var(--kpro-d));min-width:0}
.kpro-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.kpro-h1{margin:0;font-size:clamp(28px,4vw,44px);font-weight:650;line-height:1.08;letter-spacing:-.03em}
.kpro-sub{margin:8px 0 0;opacity:var(--kpro-muted-o)}
.kpro-periods{display:inline-flex;gap:2px;padding:3px;border-radius:var(--kpro-pill,999px);background:var(--kpro-bg);box-shadow:inset 0 0 0 1px var(--kpro-line);max-width:100%;overflow-x:auto}
.kpro-periods a{padding:.45em 1em;border-radius:var(--kpro-pill,999px);font-weight:560;font-size:.86em;color:var(--kpro-fg);text-decoration:none;white-space:nowrap;opacity:var(--kpro-muted-o);transition:opacity .15s,background .15s}
.kpro-periods a:hover{opacity:1}
.kpro-periods a.is-active{opacity:1;background:var(--kpro-soft);box-shadow:inset 0 0 0 1px var(--kpro-line-2)}
.kpro-me{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 14px;padding:calc(14px*var(--kpro-d)) 16px}
.kpro-me .kpro-progress{grid-column:1/-1}

.kpro-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kpro-podium-n2{grid-template-columns:repeat(2,minmax(0,280px));justify-content:center}
.kpro-podium-n1{grid-template-columns:minmax(0,320px);justify-content:center}
.kpro-pod{--m:var(--kpro-bronze);position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:calc(30px*var(--kpro-d)) 16px calc(20px*var(--kpro-d));text-align:center;min-width:0}
.kpro-pod::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;border-radius:0 0 2px 2px;background:var(--m)}
.kpro-pod-1{--m:var(--kpro-gold)}
.kpro-pod-2{--m:var(--kpro-silver)}
.kpro-pod-place{position:absolute;top:12px;left:16px;font-size:.78em;font-weight:600;font-style:normal;letter-spacing:.02em;color:var(--m)}
.kpro-pod-place::before{content:"№ "}
.kpro-pod-ava{display:block;margin-top:2px}
.kpro-pod-ava img{width:64px;height:64px;border-radius:var(--kpro-ava,50%);object-fit:cover;display:block;box-shadow:0 0 0 1px var(--kpro-line),0 0 0 4px var(--kpro-bg),0 0 0 5px var(--m)}
.kpro-pod-1 .kpro-pod-ava img{width:76px;height:76px}
.kpro-pod-name{margin-top:6px;font-weight:600;color:inherit;text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kpro-pod-score{font-size:1.5em;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:2px}
.kpro-ranks-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kpro-ranks-label{font-size:.7em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:var(--kpro-muted-o)}
.kpro-list{list-style:none;margin:0;padding:0 18px}

.kpro-best{display:flex;flex-direction:column;gap:10px;padding:calc(14px*var(--kpro-d)) 16px;text-decoration:none;min-width:0;transition:box-shadow .15s}
.kpro-best:hover{box-shadow:inset 0 0 0 1px var(--kpro-line-2),var(--kpro-shadow)}
.kpro-best-label{display:flex;align-items:center;gap:6px;font-size:.68em;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.kpro-best-label>.kpro-ico{color:var(--kpro-accent)}
.kpro-best-rating{margin-left:auto;font-size:1.3em;letter-spacing:0;text-transform:none;font-weight:600;color:var(--kpro-accent);font-variant-numeric:tabular-nums}
.kpro-best-text{font-size:1.02em;line-height:1.55;overflow-wrap:anywhere}
.kpro-best-head{display:flex;align-items:center;gap:8px;min-width:0;font-size:.85em}
.kpro-best-ava{width:22px;height:22px;border-radius:var(--kpro-ava,50%);object-fit:cover;flex:0 0 auto}
.kpro-best-who{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.kpro-best-who b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.kpro-toast{--c:var(--kpro-c,#8a8f98);position:fixed;left:50%;bottom:24px;z-index:9999;display:flex;align-items:center;gap:12px;max-width:min(440px,calc(100vw - 32px));padding:10px 14px 10px 10px;border-radius:16px;font-family:var(--kpro-font);color:#f5f5f7;background:rgba(24,24,27,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 16px 40px -12px rgba(0,0,0,.45);transform:translate(-50%,12px);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;font-size:14px;line-height:1.35}
.kpro-toast.is-on{transform:translate(-50%,0);opacity:1}
.kpro-toast-top{top:24px;bottom:auto;transform:translate(-50%,-12px)}
.kpro-toast-right{left:auto;right:24px;transform:translate(0,12px)}
.kpro-toast-right.is-on{transform:none}
.kpro-toast-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;font-size:19px;color:var(--c);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.kpro-toast-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.kpro-toast-text small{font-size:.74em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,245,247,.55)}
.kpro-toast-text b{font-weight:600}
.kpro-toast-text em{font-style:normal;font-size:.88em;color:rgba(245,245,247,.62)}
.kpro-toast a{margin-left:auto;color:#f5f5f7;font-weight:600;text-decoration:none;padding:.2em .5em;opacity:.7}
.kpro-toast a:hover{opacity:1}
.kpro-ach-medal{--rim:var(--kpro-bronze);box-shadow:inset 0 0 0 1px var(--rim)}
.kpro-tier-2 .kpro-ach-medal{--rim:var(--kpro-silver)}
.kpro-tier-3 .kpro-ach-medal{--rim:var(--kpro-gold)}
.kpro-tier-4 .kpro-ach-medal{--rim:var(--kpro-plat)}

.kpro-ach{display:flex;flex-direction:column;gap:12px;min-width:0}
.kpro-ach-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.kpro-ach-head>span{font-size:.7em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:var(--kpro-muted-o)}
.kpro-ach-head b{font-size:.82em;font-weight:600;font-variant-numeric:tabular-nums;opacity:var(--kpro-muted-o)}
.kpro-ach-empty{font-size:.85em;opacity:var(--kpro-muted-o)}
.kpro-ach-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(44px*var(--kpro-d)),1fr));gap:8px}
.kpro-ach-item{--c:var(--kpro-c,#8a8f98);--rim:var(--kpro-bronze);position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:calc(var(--kpro-radius) - 4px);font-size:18px;color:var(--kpro-fg);cursor:default;background:var(--kpro-bg);box-shadow:inset 0 0 0 1px var(--kpro-line-2);transition:box-shadow .15s,transform .15s}
.kpro-ach-item .kpro-ico{color:var(--c)}
.kpro-ach-item.is-earned::after{content:"";position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:var(--rim)}
.kpro-ach-item.kpro-tier-2{--rim:var(--kpro-silver)}
.kpro-ach-item.kpro-tier-3{--rim:var(--kpro-gold)}
.kpro-ach-item.kpro-tier-4{--rim:var(--kpro-plat)}
.kpro-ach-item.is-earned:hover,.kpro-ach-item.is-earned:focus-visible{box-shadow:inset 0 0 0 1px currentColor;transform:translateY(-1px)}
.kpro-ach-item:not(.is-earned){background:repeating-linear-gradient(-45deg,transparent 0 6px,var(--kpro-soft) 6px 7px) var(--kpro-bg);box-shadow:inset 0 0 0 1px var(--kpro-line)}
.kpro-ach-item:not(.is-earned) .kpro-ico{color:inherit;opacity:.22}
.kpro-ach-item.is-secret .kpro-ico{opacity:.12}
.kpro-ach-item:focus-visible{outline:2px solid var(--kpro-accent);outline-offset:2px}
.kpro-ach-item[data-tip]:hover::before,.kpro-ach-item[data-tip]:focus-visible::before{content:attr(data-tip);position:absolute;z-index:20;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:220px;padding:7px 10px;border-radius:10px;font-size:12px;font-weight:500;line-height:1.4;text-align:center;color:#f5f5f7;background:rgba(24,24,27,.96);box-shadow:0 10px 26px -10px rgba(0,0,0,.45);pointer-events:none;white-space:normal;animation:kpro-fade .15s ease both}
.kpro-ach-bar{position:absolute;left:8px;right:8px;bottom:6px;height:2px;border-radius:9px;background:var(--kpro-line);overflow:hidden}
.kpro-ach-bar i{display:block;height:100%;background:currentColor;opacity:.45}
.kpro-ach-mini{display:inline-flex;align-items:center;color:var(--kpro-c);font-size:.9em;vertical-align:-.12em;opacity:.9}

.kpro-flip{display:inline-flex;transform:scale(-1,-1)}
.kpro-rv{display:flex;flex-direction:column;gap:calc(14px*var(--kpro-d));padding:calc(18px*var(--kpro-d)) calc(20px*var(--kpro-d));min-width:0}
.kpro-rv-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kpro-rv-sum{display:inline-flex;gap:12px;font-variant-numeric:tabular-nums;font-size:.95em}
.kpro-rv-sum b{font-weight:600}
.kpro-rv-p{color:inherit}
.kpro-rv-m{opacity:var(--kpro-muted-o)}
.kpro-rv-form{display:flex;flex-direction:column;gap:10px;padding-bottom:calc(14px*var(--kpro-d));border-bottom:1px solid var(--kpro-line)}
.kpro-rv-votes{display:flex;flex-wrap:wrap;gap:8px}
.kpro-rv-v{position:relative;margin:0;cursor:pointer}
.kpro-rv-v input{position:absolute;opacity:0;width:1px;height:1px}
.kpro-rv-v span{display:inline-flex;align-items:center;gap:.5em;padding:.5em 1em;border-radius:var(--kpro-pill,999px);font-size:.88em;font-weight:560;box-shadow:inset 0 0 0 1px var(--kpro-line-2);transition:box-shadow .15s,background .15s,color .15s}
.kpro-rv-v:hover span{box-shadow:inset 0 0 0 1px currentColor}
.kpro-rv-v input:focus-visible+span{outline:2px solid var(--kpro-accent);outline-offset:2px}
.kpro-rv-v-plus input:checked+span{color:#fff;background:var(--kpro-accent);box-shadow:none}
.kpro-rv-v-minus input:checked+span{color:#fff;background:#b8473d;box-shadow:none}
.kpro-rv-form textarea{width:100%;box-sizing:border-box;min-height:64px;resize:vertical;padding:10px 12px;border:0;border-radius:calc(var(--kpro-radius) - 6px);font:inherit;font-size:.95em;line-height:1.5;color:inherit;background:var(--kpro-soft);box-shadow:inset 0 0 0 1px var(--kpro-line)}
.kpro-rv-form textarea:focus{outline:none;box-shadow:inset 0 0 0 1px var(--kpro-accent)}
.kpro-rv-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.kpro-rv-foot small{font-size:.78em;opacity:var(--kpro-muted-o)}
.kpro-rv-btn{font:inherit;font-size:.9em;font-weight:600;padding:.55em 1.2em;border:0;border-radius:var(--kpro-pill,999px);color:#fff;background:var(--kpro-accent);cursor:pointer;transition:opacity .15s}
.kpro-rv-btn:hover{opacity:.88}
.kpro-rv-btn[disabled]{opacity:.5;cursor:default}
.kpro-rv-msg{font-size:.85em}
.kpro-rv-msg:empty{display:none}
.kpro-rv-msg.is-err{color:#d4483b}
.kpro-rv-note,.kpro-rv-empty{font-size:.88em;opacity:var(--kpro-muted-o)}
.kpro-rv-list{list-style:none;margin:0;padding:0}
.kpro-rv-item{display:flex;gap:12px;padding:calc(12px*var(--kpro-d)) 0;border-top:1px solid var(--kpro-line);min-width:0}
.kpro-rv-item:first-child{border-top:0;padding-top:0}
.kpro-rv-ava{flex:0 0 auto}
.kpro-rv-ava img{width:36px;height:36px;border-radius:var(--kpro-ava,50%);object-fit:cover;display:block;box-shadow:0 0 0 1px var(--kpro-line)}
.kpro-rv-body{flex:1 1 auto;min-width:0}
.kpro-rv-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.86em}
.kpro-rv-meta>a{font-weight:600;color:inherit;text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kpro-rv-meta>a:hover{text-decoration:underline;text-underline-offset:3px}
.kpro-rv-meta .kpro-badge{box-shadow:none;padding:0;font-size:.82em;opacity:.8}
.kpro-rv-mark{font-weight:700;font-variant-numeric:tabular-nums}
.kpro-rv-plus .kpro-rv-mark{color:inherit}
.kpro-rv-minus .kpro-rv-mark{opacity:.7}
.kpro-rv-meta time{opacity:var(--kpro-muted-o)}
.kpro-rv-wait{font-size:.9em;padding:.05em .55em;border-radius:99px;box-shadow:inset 0 0 0 1px var(--kpro-line-2);opacity:.8}
.kpro-rv-undo{margin-left:auto;font:inherit;font-size:.92em;padding:0;border:0;background:none;color:inherit;opacity:var(--kpro-muted-o);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.kpro-rv-undo:hover{opacity:1}
.kpro-rv-text{margin:4px 0 0;font-size:.95em;line-height:1.55;overflow-wrap:anywhere}
.kpro-rv-more{align-self:flex-start;font:inherit;font-size:.88em;font-weight:600;padding:.45em 1em;border:0;border-radius:var(--kpro-pill,999px);background:transparent;color:inherit;box-shadow:inset 0 0 0 1px var(--kpro-line-2);cursor:pointer}
.kpro-rv-more:hover{box-shadow:inset 0 0 0 1px currentColor}
.kpro-rv.is-busy{opacity:.6;pointer-events:none}
.kpro-s-bold .kpro-rv{box-shadow:inset 0 0 0 2px var(--kpro-line-2)}
.kpro-s-cards{--kpro-shadow:0 1px 2px rgba(0,0,0,.05),0 8px 24px -12px rgba(0,0,0,.18)}
.kpro-s-cards .kpro-rv,.kpro-s-cards .kpro-card,.kpro-s-cards .kpro-best,.kpro-s-cards .kpro-hidden-bar,.kpro-s-cards .kpro-me,.kpro-s-cards .kpro-pod,.kpro-s-cards .kpro-list,.kpro-s-cards .kpro-empty{box-shadow:var(--kpro-shadow)}
.kpro-s-cards .kpro-ach-item.is-earned{box-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 12px -6px rgba(0,0,0,.2)}
.kpro-s-soft{--kpro-radius:22px}
.kpro-s-soft .kpro-rv,.kpro-s-soft .kpro-card,.kpro-s-soft .kpro-best,.kpro-s-soft .kpro-me,.kpro-s-soft .kpro-pod,.kpro-s-soft .kpro-list,.kpro-s-soft .kpro-hidden-bar{background:color-mix(in srgb,var(--kpro-accent) 5%,var(--kpro-bg));box-shadow:none}
.kpro-s-soft .kpro-badge{box-shadow:none;background:color-mix(in srgb,var(--kpro-c,#8a8f98) 14%,transparent)}
.kpro-s-soft .kpro-ach-item.is-earned{box-shadow:none;background:color-mix(in srgb,var(--kpro-c,#8a8f98) 13%,var(--kpro-bg))}
.kpro-s-soft .kpro-progress-bar{height:6px}
.kpro-s-bold .kpro-badge,.kpro-s-bold .kpro-who .kpro-badge{box-shadow:none;color:#fff;opacity:1;background:var(--kpro-c,#8a8f98);background:color-mix(in srgb,var(--kpro-c,#8a8f98) 62%,#000)}
.kpro-s-bold .kpro-who .kpro-badge,.kpro-s-soft .kpro-who .kpro-badge{padding:.12em .55em .12em .45em}
.kpro-s-bold .kpro-badge .kpro-ico{color:#fff}
.kpro-s-bold .kpro-card-karma b,.kpro-s-bold .kpro-pod-score{color:var(--kpro-accent)}
.kpro-s-bold .kpro-progress-bar{height:8px}
.kpro-s-bold .kpro-card,.kpro-s-bold .kpro-best,.kpro-s-bold .kpro-pod,.kpro-s-bold .kpro-list{box-shadow:inset 0 0 0 2px var(--kpro-line-2)}
.kpro-s-bold .kpro-best{box-shadow:inset 3px 0 0 var(--kpro-accent),inset 0 0 0 1px var(--kpro-line-2)}
.kpro-s-bold .kpro-periods a.is-active{color:#fff;background:var(--kpro-accent);box-shadow:none}
.kpro-s-bold .kpro-ach-item.is-earned{color:#fff;background:var(--kpro-c,#8a8f98);background:color-mix(in srgb,var(--kpro-c,#8a8f98) 70%,#000);box-shadow:none}
.kpro-s-bold .kpro-ach-item.is-earned .kpro-ico{color:#fff}

@keyframes kpro-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes kpro-fade{from{opacity:0}to{opacity:1}}
@media (max-width:640px){.kpro-toast{left:12px;right:12px;bottom:12px;max-width:none;transform:translateY(12px)}.kpro-toast.is-on{transform:none}.kpro-toast-top{top:12px;bottom:auto}.kpro-toast-right{left:12px;right:12px}.kpro-podium,.kpro-podium-n2{grid-template-columns:1fr}.kpro-pod-1{order:-1}.kpro-card{padding:18px}.kpro-card-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.kpro-card-stats>div:nth-child(3){padding-left:0;border-left:0}.kpro-list{padding:0 14px}}
@media (prefers-reduced-motion:reduce){.kpro-progress-bar span,.kpro-hidden.is-open .kpro-hidden-body{animation:none}.kpro-toast,.kpro-ach-item{transition:none}}