.kc{--kc-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--kc-bg:#fff;--kc-bg-2:#f6f8fc;--kc-surface:#fff;--kc-surface-2:#eff3fa;--kc-ink:#0e1a33;--kc-ink-2:#475069;--kc-muted:#7a8399;--kc-line:#e2e7f0;--kc-chip:#e8eef8;--kc-chip-ink:#2b3b5e;--kc-a-deep:#15284a;--kc-a-main:#2f6bff;--kc-a-rgb:47,107,255;--kc-brand:var(--kc-a-deep);--kc-on-brand:#fff;--kc-accent:var(--kc-a-main);--kc-g1:var(--kc-a-deep);--kc-g2:var(--kc-a-main);--kc-good:#12a150;--kc-bad:#e5484d;--kc-warn:#e08a00;--kc-r:24px;--kc-r-sm:14px;--kc-shadow-1:0 1px 2px #0e1a330a,0 10px 28px -14px #0e1a3324;--kc-shadow-2:0 2px 6px #0e1a330f,0 28px 56px -24px #0e1a3352;--kc-ease:cubic-bezier(.2,.8,.2,1)}.kc-wrap{z-index:1;width:min(1180px,100% - 40px);margin-inline:auto;position:relative}.kc-muted{color:var(--kc-muted)}.kc-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.kc-hero{padding:clamp(36px,7vh,64px) 0 26px}.kc-eyebrow{background:var(--kc-chip);color:var(--kc-chip-ink);border-radius:999px;align-items:center;gap:10px;padding:8px 15px;font-size:13px;font-weight:600;display:inline-flex}.kc-pulse{background:var(--kc-good);border-radius:50%;width:8px;height:8px;animation:1.9s infinite kc-pulse}@keyframes kc-pulse{0%{box-shadow:0 0 #12a1508c}70%,to{box-shadow:0 0 0 11px #12a15000}}h1.title{letter-spacing:-.05em;margin:22px 0 12px;font-size:clamp(50px,13vw,104px);font-weight:800;line-height:.98}.kc-title .kc-ch{opacity:0;animation:kc-letter .9s var(--kc-ease) forwards;animation-delay:calc(var(--kc-d)*50ms + .12s);display:inline-block;transform:translateY(.7em)rotate(7deg)}.kc-title .kc-grad{opacity:0;animation:kc-letter 1s var(--kc-ease) .45s forwards,kc-shine 7s linear 1.5s infinite;background:linear-gradient(100deg,var(--kc-g1),var(--kc-g2),var(--kc-g1));color:#0000;-webkit-text-fill-color:transparent;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;margin-left:.18em;display:inline-block;transform:translateY(.5em)}@keyframes kc-letter{to{opacity:1;transform:none}}@keyframes kc-shine{to{background-position:220% 0}}.kc-typed{color:var(--kc-ink-2);letter-spacing:-.01em;min-height:1.5em;font-size:clamp(20px,4.8vw,30px);font-weight:600}.kc-caret{background:var(--kc-accent);vertical-align:-.12em;width:3px;height:1em;margin-left:4px;animation:1s step-end infinite kc-blink;display:inline-block}@keyframes kc-blink{50%{opacity:0}}.kc-lead{max-width:60ch;color:var(--kc-ink-2);margin-top:14px;font-size:clamp(16px,2.4vw,19px)}.kc-cta-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.kc-btn{border-radius:var(--kc-r-sm);background:var(--kc-brand);color:var(--kc-on-brand);letter-spacing:-.005em;transition:transform .25s var(--kc-ease),box-shadow .25s,background .3s;box-shadow:0 8px 20px -10px rgba(var(--kc-a-rgb),.65);justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-size:17px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.kc-btn:after{content:"";transition:transform .7s var(--kc-ease);background:linear-gradient(110deg,#0000 30%,#ffffff47 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.kc-btn:hover{box-shadow:0 14px 28px -12px rgba(var(--kc-a-rgb),.8);transform:translateY(-2px)}.kc-btn:hover:after{transform:translate(120%)}.kc-btn:active{transform:scale(.97)}.kc-btn svg{transition:transform .3s var(--kc-ease)}.kc-btn:hover svg{transform:translate(4px)}.kc-btn:disabled{opacity:.5;pointer-events:none}.kc-btn-ghost{background:var(--kc-surface);color:var(--kc-ink);border:1px solid var(--kc-line);box-shadow:var(--kc-shadow-1)}.kc-btn-ghost:after{display:none}.kc-btn-light{color:var(--kc-a-deep);background:#fff;box-shadow:0 10px 24px -12px #00000080}.kc-btn-block{width:100%}.kc-ripple{animation:kc-ripple .7s var(--kc-ease) forwards;pointer-events:none;background:#fff6;border-radius:50%;position:absolute;transform:scale(0)}@keyframes kc-ripple{to{opacity:0;transform:scale(1)}}.kc-stat,.kc-level{background:var(--kc-surface);border:1px solid var(--kc-line);box-shadow:var(--kc-shadow-1);border-radius:20px}.kc-stat{padding:18px 20px}.kc-stat b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(30px,6vw,38px);line-height:1.1;display:block}.kc-stat span{color:var(--kc-muted);font-size:13px;font-weight:600}.kc-level{margin-top:12px;padding:16px 20px}.kc-level-top{justify-content:space-between;gap:12px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.kc-bar{background:var(--kc-surface-2);border-radius:99px;height:10px;overflow:hidden}.kc-bar i{border-radius:inherit;background:linear-gradient(90deg,var(--kc-a-main),var(--kc-g1));width:0;height:100%;transition:width 1.3s var(--kc-ease);display:block}.kc-ticker{border-block:1px solid var(--kc-line);margin:30px 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.kc-ticker-track{width:max-content;padding:14px 0;animation:60s linear infinite kc-marquee;display:flex}.kc-ticker:hover .kc-ticker-track{animation-play-state:paused}.kc-ticker span{white-space:nowrap;color:var(--kc-ink-2);padding-right:48px;font-size:14px;font-weight:500}.kc-ticker span:before{content:"";background:var(--kc-accent);border-radius:2px;width:7px;height:7px;margin-right:12px;display:inline-block;transform:rotate(45deg)}@keyframes kc-marquee{to{transform:translate(-50%)}}.kc-daily{margin-top:44px}.kc-daily-card{border-radius:calc(var(--kc-r) + 8px);color:#fff;background:linear-gradient(135deg,var(--kc-a-deep),color-mix(in srgb,var(--kc-a-deep) 55%,var(--kc-a-main)));box-shadow:var(--kc-shadow-2);gap:26px;padding:clamp(24px,4.5vw,44px);display:grid;position:relative;overflow:hidden}@media (width>=820px){.kc-daily-card{grid-template-columns:1.4fr .8fr;align-items:center}}.kc-daily-card:before{content:"";pointer-events:none;background:conic-gradient(#0000,#ffffff1f,#0000 30%);animation:14s linear infinite kc-spin;position:absolute;inset:-40%}@keyframes kc-spin{to{transform:rotate(360deg)}}.kc-daily-card>*{position:relative}.kc-d-label{letter-spacing:.14em;text-transform:uppercase;opacity:.85;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.kc-d-title{letter-spacing:-.04em;margin:12px 0 10px;font-size:clamp(30px,6vw,48px);font-weight:800;line-height:1.05}.kc-d-desc{opacity:.85;max-width:52ch;font-size:17px}.kc-daily-card .kc-pill{color:#fff;background:#ffffff24}.kc-daily-card .kc-pills{margin:18px 0 22px}.kc-cd{opacity:.9;font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-top:18px;font-size:14px;display:flex}.kc-cd b{letter-spacing:.04em;font-size:15px}.kc-shield{justify-self:center;width:min(220px,60%)}.kc-shield .kc-ring{transform-origin:100px 110px;animation:18s linear infinite kc-spin}.kc-shield .kc-ring2{animation-duration:26s;animation-direction:reverse}.kc-shield .kc-scan{animation:2.6s ease-in-out infinite kc-scan}.kc-shield .kc-tick{stroke-dasharray:120;stroke-dashoffset:120px;animation:kc-draw 2.6s var(--kc-ease) infinite}@keyframes kc-scan{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(190px)}}@keyframes kc-draw{0%,15%{stroke-dashoffset:120px}45%,85%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:.2}}.kc-sec{margin-top:64px}.kc-sec-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.kc-sec-head h2{letter-spacing:-.04em;font-size:clamp(30px,6vw,44px);font-weight:800;line-height:1.05}.kc-toolbar{gap:14px;margin-bottom:22px;display:grid}.kc-search{position:relative}.kc-search svg{color:var(--kc-muted);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.kc-search input{border-radius:var(--kc-r-sm);border:1px solid var(--kc-line);background:var(--kc-surface);width:100%;box-shadow:var(--kc-shadow-1);padding:16px 56px 16px 50px;font-size:16px;transition:border-color .2s,box-shadow .2s}.kc-search input:focus{border-color:var(--kc-accent);box-shadow:0 0 0 4px rgba(var(--kc-a-rgb),.15);outline:none}.kc-search kbd{font:600 12px var(--kc-font);color:var(--kc-muted);border:1px solid var(--kc-line);background:var(--kc-surface-2);border-radius:7px;padding:2px 8px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}@media (hover:none){.kc-search kbd{display:none}}.kc-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kc-scroller{scrollbar-width:none;gap:8px;max-width:100%;margin:-2px;padding:2px;display:flex;overflow-x:auto}.kc-scroller::-webkit-scrollbar{display:none}.kc-chip{background:var(--kc-chip);color:var(--kc-chip-ink);transition:background .25s,color .25s,transform .2s var(--kc-ease);border-radius:999px;flex:none;padding:10px 18px;font-size:14px;font-weight:600}.kc-chip:hover{transform:translateY(-1px)}.kc-chip[aria-pressed=true]{background:var(--kc-brand);color:var(--kc-on-brand)}.kc-seg{background:var(--kc-surface-2);border:1px solid var(--kc-line);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.kc-seg button{color:var(--kc-ink-2);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .25s,color .25s}.kc-seg button[aria-pressed=true]{background:var(--kc-surface);color:var(--kc-ink);box-shadow:var(--kc-shadow-1)}.kc-select{border:1px solid var(--kc-line);background:var(--kc-surface);cursor:pointer;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600}.kc-switch{color:var(--kc-ink-2);cursor:pointer;user-select:none;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.kc-switch input{opacity:0;position:absolute}.kc-switch span{background:var(--kc-line);border-radius:99px;flex:none;width:40px;height:24px;transition:background .25s;position:relative}.kc-switch span:after{content:"";width:18px;height:18px;transition:transform .3s var(--kc-ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.kc-switch input:checked+span{background:var(--kc-accent)}.kc-switch input:checked+span:after{transform:translate(16px)}.kc-switch input:focus-visible+span{outline:2px solid var(--kc-accent);outline-offset:3px}.kc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:22px;display:grid}.kc-cell{min-width:0}@keyframes kc-rise{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:none}}@keyframes kc-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes kc-drift{to{transform:translate(-20px,16px)scale(1.18)}}@keyframes kc-ringin{0%{stroke-dashoffset:119.4px}}.kc-card{--kc-c1:#2f6bff;--kc-c2:#15284a;--kc-c3:#8fb0ff;isolation:isolate;border-radius:var(--kc-r);background:var(--kc-surface);border:1px solid var(--kc-line);height:100%;box-shadow:var(--kc-shadow-1);transform:perspective(1100px) rotateX(var(--kc-rx,0deg)) rotateY(var(--kc-ry,0deg)) translateY(var(--kc-ty,0px));transition:transform .4s var(--kc-ease),box-shadow .4s,border-color .4s;flex-direction:column;display:flex;position:relative;overflow:hidden}.kc-card:hover{--kc-ty:-6px;box-shadow:var(--kc-shadow-2),0 0 0 1px rgba(var(--kc-a-rgb),.28)}.kc-card:active{--kc-ty:-2px}.kc-card.kc-is-done{border-color:color-mix(in srgb,var(--kc-good) 38%,var(--kc-line))}.kc-card:before{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(380px circle at var(--kc-px,50%) var(--kc-py,50%),rgba(var(--kc-a-rgb),.08),transparent 62%);transition:opacity .35s;position:absolute;inset:0}@media (hover:hover){.kc-card:hover:before{opacity:1}}.kc-art{color:#fff;background:radial-gradient(110% 150% at 90% -30%,var(--kc-c3),transparent 58%), radial-gradient(80% 120% at -10% 130%,color-mix(in srgb,var(--kc-c1) 55%,#fff),transparent 62%), linear-gradient(135deg,var(--kc-c1),var(--kc-c2));height:150px;position:relative;overflow:hidden}.kc-art:before{content:"";transition:transform 1.2s var(--kc-ease);background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:-20px;-webkit-mask-image:radial-gradient(75% 95% at 72% 25%,#000,#0000);mask-image:radial-gradient(75% 95% at 72% 25%,#000,#0000)}.kc-card:hover .kc-art:before{transform:translate(-14px,8px)}.kc-art:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(200px circle at var(--kc-px,70%) var(--kc-py,30%),#ffffff57,transparent 62%);transition:opacity .4s;position:absolute;inset:0}@media (hover:hover){.kc-card:hover .kc-art:after{opacity:1}}.kc-orb{filter:blur(20px);pointer-events:none;border-radius:50%;animation:9s ease-in-out infinite alternate kc-drift;position:absolute}.kc-o1{background:var(--kc-c3);opacity:.6;width:100px;height:100px;top:-26px;right:-14px}.kc-o2{opacity:.28;background:#fff;width:80px;height:80px;animation-duration:13s;bottom:-36px;left:34%}.kc-idx{letter-spacing:-.07em;color:#0000;-webkit-text-stroke:1.5px #ffffff61;user-select:none;pointer-events:none;font-size:92px;font-weight:800;line-height:1;position:absolute;bottom:2px;right:16px}.kc-art-top{z-index:2;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:16px;right:16px}.kc-gchip{-webkit-backdrop-filter:blur(10px);color:#fff;white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff57;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.kc-gchip.kc-good{background:#12a150e6}.kc-tile{z-index:3;background:var(--kc-surface);width:64px;height:64px;color:var(--kc-c1);border:1px solid var(--kc-line);box-shadow:0 12px 26px -12px rgba(var(--kc-a-rgb),.4),var(--kc-shadow-1);transition:transform .5s var(--kc-ease);border-radius:20px;place-items:center;display:grid;position:absolute;top:118px;left:22px}.kc-card:hover .kc-tile{transform:translateY(-5px)rotate(-5deg)scale(1.05)}.kc-body{z-index:1;flex-direction:column;flex:1;gap:12px;padding:46px clamp(20px,5vw,26px) clamp(20px,5vw,26px);display:flex;position:relative}.kc-body h3{letter-spacing:-.035em;margin-top:2px;font-size:clamp(24px,5.2vw,27px);font-weight:700;line-height:1.14}.kc-body .kc-desc{color:var(--kc-ink-2);flex:1;font-size:16px}.kc-pills{flex-wrap:wrap;gap:7px;display:flex}.kc-pill{background:var(--kc-chip);color:var(--kc-chip-ink);white-space:nowrap;border-radius:999px;align-items:center;padding:7px 13px;font-size:14px;font-weight:500;display:inline-flex}.kc-pill.kc-diff:before{content:"";background:var(--kc-dc,var(--kc-muted));border-radius:50%;width:7px;height:7px;margin-right:8px}.kc-pill[data-d=Beginner]{--kc-dc:#16a34a}.kc-pill[data-d=Intermediate]{--kc-dc:#e08a00}.kc-pill[data-d=Advanced]{--kc-dc:#e5484d}.kc-foot{align-items:center;gap:14px;margin-top:6px;display:flex}.kc-cta{flex:1;justify-content:space-between;padding:14px 14px 14px 22px}.kc-cta .kc-go{background:color-mix(in srgb,var(--kc-on-brand) 18%,transparent);width:30px;height:30px;transition:transform .35s var(--kc-ease);border-radius:50%;place-items:center;display:grid}.kc-cta:hover .kc-go{transform:translate(3px)}.kc-cta:hover svg{transform:none}.kc-score{flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative}.kc-score svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.kc-score circle{fill:none;stroke-width:4px;stroke-linecap:round}.kc-score .kc-t{stroke:var(--kc-surface-2)}.kc-score .kc-f{stroke:var(--kc-warn);stroke-dasharray:119.4;stroke-dashoffset:calc(119.4 * (1 - var(--kc-p,0)));animation:kc-ringin 1.3s var(--kc-ease) both}.kc-score.kc-ok .kc-f{stroke:var(--kc-good)}.kc-score b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:13px}.kc-empty{text-align:center;border:1px dashed var(--kc-line);border-radius:var(--kc-r);color:var(--kc-ink-2);padding:56px 20px}.kc-empty h3{color:var(--kc-ink);letter-spacing:-.02em;margin-bottom:6px;font-size:22px}.kc-empty .kc-btn{margin-top:18px}.kc-badges{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.kc-badge{border:1px solid var(--kc-line);background:var(--kc-surface);text-align:left;transition:transform .3s var(--kc-ease),border-color .3s,background .3s;border-radius:20px;padding:18px}.kc-badge .kc-ic{background:var(--kc-surface-2);filter:grayscale();opacity:.55;width:46px;height:46px;transition:all .5s var(--kc-ease);border-radius:14px;place-items:center;margin-bottom:12px;font-size:22px;display:grid}.kc-badge b{letter-spacing:-.01em;font-size:15px;display:block}.kc-badge span{color:var(--kc-muted);font-size:13px}.kc-badge.kc-on{border-color:rgba(var(--kc-a-rgb),.45);background:linear-gradient(180deg,rgba(var(--kc-a-rgb),.08),var(--kc-surface))}.kc-badge.kc-on .kc-ic{filter:none;opacity:1;background:rgba(var(--kc-a-rgb),.15);animation:kc-pop .7s var(--kc-ease)}.kc-badge.kc-on:hover{transform:translateY(-3px)}.kc{isolation:isolate;font-family:var(--kc-font);background:var(--kc-bg);color:var(--kc-ink);-webkit-font-smoothing:antialiased;padding-bottom:clamp(72px,10vw,120px);line-height:1.5;position:relative;overflow-x:clip}:where(.kc) *,:where(.kc) :before,:where(.kc) :after{box-sizing:border-box}:where(.kc) [hidden]{display:none!important}:where(.kc) h1,:where(.kc) h2,:where(.kc) h3,:where(.kc) h4{color:inherit;font:inherit;letter-spacing:inherit;text-wrap:wrap}:where(.kc) p{max-width:none}:where(.kc) a{color:inherit;text-decoration:none}:where(.kc) button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}:where(.kc) input,:where(.kc) select{font:inherit;color:inherit}:where(.kc) :focus-visible{outline:2px solid var(--kc-accent);outline-offset:3px}.kc-fx{z-index:0;pointer-events:none;height:100svh;margin-bottom:-100svh;position:sticky;top:0;overflow:hidden}.kc-fx canvas{width:100%;height:100%;position:absolute;inset:0}.kc-glow{background:radial-gradient(circle,rgba(var(--kc-a-rgb),.13),transparent 66%);will-change:transform;border-radius:50%;width:460px;height:460px;margin:-230px 0 0 -230px;position:absolute;top:0;left:0;transform:translate(-900px,-900px)}.kc-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px;display:grid}.kc-tset{flex:none;display:flex}.kc-chips{flex-wrap:wrap;gap:6px;display:flex}.kc-sec{scroll-margin-top:96px}.kc-score.kc-ok{--kc-p:1}.kc-score b{color:var(--kc-good);place-items:center;display:grid}.kc-btn--off{background:var(--kc-surface-2);color:var(--kc-muted);box-shadow:none;pointer-events:none}.kc-btn--off:after{display:none}.kc-cell[data-avail="0"] .kc-card{opacity:.75;filter:saturate(.55)}.kc-empty{margin-top:8px}.kc-empty p{margin-inline:auto}.kc-js .kc-reveal{opacity:0;transition:opacity .9s var(--kc-ease),transform .9s var(--kc-ease);transform:translateY(26px)}.kc-js .kc-reveal.kc-in{opacity:1;transform:none}.kc-js .kc-cell.kc-reveal{transition-delay:calc(var(--kc-i,0)*80ms)}@media (prefers-reduced-motion:reduce){.kc-js .kc-reveal,.kc-title .kc-ch,.kc-title .kc-grad{opacity:1;transform:none}.kc-ticker-track{animation:none}.kc-fx{display:none}}
