.clk-app{--bg:var(--color-canvas-soft);--surface:var(--color-canvas);--elevated:var(--color-canvas-soft-2);--line:var(--color-hairline);--line-strong:var(--color-hairline-strong);--text:var(--color-ink);--text-body:var(--color-body);--text-mute:var(--color-mute);--clk-purple:#7c3aed;--clk-cyan:#0e7490;--clk-blue:var(--color-link);--clk-green:#16a34a;--clk-amber:#b45309;--clk-pink:#db2777;--clk-orange:#ea580c;--glow:.09;isolation:isolate;background:var(--bg);border-bottom:1px solid var(--line);color:var(--text);position:relative}:root.dark .clk-app{--bg:#070a12;--surface:#101522;--elevated:#151c29;--line:#ffffff14;--line-strong:#ffffff29;--text:#eaf0fa;--text-body:#9cacc4;--text-mute:#6b7f99;--clk-purple:#a78bfa;--clk-cyan:#22d3ee;--clk-green:#4ade80;--clk-amber:#fbbf24;--clk-pink:#f472b6;--clk-orange:#fb923c;--glow:.16}.clk-app:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(to right, color-mix(in srgb, var(--text) 4%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--text) 4%, transparent) 1px, transparent 1px);opacity:.6;background-size:34px 34px;position:absolute;inset:0;mask-image:radial-gradient(68% 40% at 50% 0,#000 25%,#0000 74%)}.clk-app:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(52% 34% at 12% -4%, color-mix(in srgb, var(--clk-purple) calc(var(--glow) * 100%), transparent) 0%, transparent 65%), radial-gradient(52% 36% at 88% -2%, color-mix(in srgb, var(--clk-cyan) calc(var(--glow) * 90%), transparent) 0%, transparent 65%);position:absolute;inset:0}.clk-hero{padding:3rem 0 1.6rem}@media (width>=768px){.clk-hero{padding:4rem 0 2.25rem}}.clk-hero-inner{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.clk-hero-text{flex:0 auto;min-width:0;max-width:760px}.clk-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--clk-purple);align-items:center;gap:.65rem;margin:0;font-size:13.2px;font-weight:700;display:inline-flex}.clk-eyebrow-line{opacity:.55;background:currentColor;width:26px;height:1.5px}.clk-h1{letter-spacing:-.034em;color:var(--text);margin:.75rem 0 0;font-size:clamp(44px,6.5vw,66px);font-weight:800;line-height:1.04}.clk-lead{max-width:60ch;color:var(--text-body);margin:1.1rem auto 0;font-size:19.8px;line-height:1.65}.clk-hero-actions{justify-content:center;align-items:center;gap:.6rem;display:flex}.clk-status-pill{border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem .95rem;font-size:12.7px;font-weight:600;display:inline-flex}.clk-status-dot{background:var(--text-mute);border-radius:50%;width:7px;height:7px;transition:background-color .15s,box-shadow .15s}[data-clk-status-badge][data-phase=idle] .clk-status-dot{background:var(--clk-green);box-shadow:0 0 0 3px color-mix(in srgb, var(--clk-green) 22%, transparent)}[data-clk-status-badge][data-phase=arming] .clk-status-dot{background:var(--clk-amber);box-shadow:0 0 0 3px color-mix(in srgb, var(--clk-amber) 24%, transparent)}[data-clk-status-badge][data-phase=testing] .clk-status-dot{background:var(--clk-cyan);box-shadow:0 0 0 3px color-mix(in srgb, var(--clk-cyan) 24%, transparent);animation:1s ease-in-out infinite clk-blink}[data-clk-status-badge][data-phase=finished] .clk-status-dot{background:var(--clk-purple);box-shadow:0 0 0 3px color-mix(in srgb, var(--clk-purple) 24%, transparent)}@keyframes clk-blink{50%{opacity:.4}}.clk-icon-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--text-body);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.clk-icon-btn:hover{border-color:var(--line-strong);color:var(--text);background:var(--elevated)}.clk-phase-badge{border:1px solid var(--line);background:var(--surface);color:var(--text-mute);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem .95rem;font-size:12.7px;font-weight:700;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.clk-phase-dot{background:var(--text-mute);border-radius:50%;width:8px;height:8px;transition:background-color .15s,box-shadow .15s}.clk-phase-badge:has([data-clk-status-phase][data-phase=idle]){color:var(--clk-green);border-color:color-mix(in srgb, var(--clk-green) 46%, transparent)}.clk-phase-badge:has([data-clk-status-phase][data-phase=idle]) .clk-phase-dot{background:var(--clk-green);box-shadow:0 0 0 3px color-mix(in srgb, var(--clk-green) 22%, transparent)}.clk-phase-badge:has([data-clk-status-phase][data-phase=arming]){color:var(--clk-amber);border-color:color-mix(in srgb, var(--clk-amber) 46%, transparent)}.clk-phase-badge:has([data-clk-status-phase][data-phase=arming]) .clk-phase-dot{background:var(--clk-amber);box-shadow:0 0 0 3px color-mix(in srgb, var(--clk-amber) 24%, transparent)}.clk-phase-badge:has([data-clk-status-phase][data-phase=testing]){color:var(--clk-cyan);border-color:color-mix(in srgb, var(--clk-cyan) 46%, transparent)}.clk-phase-badge:has([data-clk-status-phase][data-phase=testing]) .clk-phase-dot{background:var(--clk-cyan);box-shadow:0 0 0 3px color-mix(in srgb, var(--clk-cyan) 24%, transparent);animation:1s ease-in-out infinite clk-blink}.clk-phase-badge:has([data-clk-status-phase][data-phase=finished]){color:var(--clk-purple);border-color:color-mix(in srgb, var(--clk-purple) 46%, transparent)}.clk-phase-badge:has([data-clk-status-phase][data-phase=finished]) .clk-phase-dot{background:var(--clk-purple);box-shadow:0 0 0 3px color-mix(in srgb, var(--clk-purple) 24%, transparent)}.clk-cfgbar-wrap{padding-bottom:1.1rem}.clk-cfgbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}@media (width>=768px){.clk-cfgbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}}.clk-cfg{--c:var(--clk-blue);border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:.65rem;min-width:0;padding:.7rem .9rem;transition:border-color .15s;display:flex}.clk-cfg--key{--c:var(--clk-cyan)}.clk-cfg--duration{--c:var(--clk-purple)}.clk-cfg--mode{--c:var(--clk-blue)}.clk-cfg--status{--c:var(--clk-green)}.clk-cfg-ic{background:color-mix(in srgb, var(--c) 11%, var(--surface));border:1px solid color-mix(in srgb, var(--c) 28%, transparent);width:32px;height:32px;color:var(--c);border-radius:9px;flex:none;place-items:center;display:grid}.clk-cfg-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);font-size:11.6px;font-weight:600;display:block}.clk-cfg-value{font-family:var(--font-mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.clk-cfg-value[data-phase=arming]{color:var(--clk-amber)}.clk-cfg-value[data-phase=testing]{color:var(--clk-cyan)}.clk-cfg-value[data-phase=finished]{color:var(--clk-purple)}.clk-main{padding:0 0 3.5rem}@media (width>=1280px){.clk-app .container-page{max-width:1560px}.clk-grid{grid-template-columns:minmax(0,1fr) 372px;align-items:start;gap:1.35rem;display:grid}}@media (width>=1440px){.clk-grid{grid-template-columns:minmax(0,1fr) 400px}}.clk-col-main{min-width:0}.clk-col-side{gap:1rem;margin-top:1rem;display:grid}@media (width>=768px){.clk-col-side{grid-template-columns:1fr 1fr}}@media (width>=1280px){.clk-col-side{flex-direction:column;margin-top:0;display:flex}}.clk-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--text) 2%, var(--surface));box-shadow:0 1px 2px color-mix(in srgb, var(--text) 4%, transparent), 0 24px 48px -28px color-mix(in srgb, var(--clk-purple) 22%, transparent);border-radius:18px;overflow:hidden}.clk-panel--gap{margin-top:1rem}.clk-panel-head{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--text) 3%, var(--surface));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;padding:.85rem 1.15rem;display:flex}@media (width>=768px){.clk-panel-head{padding:.95rem 1.4rem}}.clk-panel-kicker{--k:var(--clk-purple);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--k);font-size:12.7px;font-weight:700}.clk-panel-title{letter-spacing:-.01em;color:var(--text);margin:.15rem 0 0;font-size:18.7px;font-weight:600}.clk-panel-body{padding:1.1rem 1.15rem 1.25rem}@media (width>=640px){.clk-panel-body{padding:1.25rem 1.4rem 1.4rem}}.clk-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--clk-green);margin:0;font-size:11.6px;font-weight:700}.clk-chip{border:1px solid var(--line);background:var(--elevated);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);white-space:nowrap;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:11px;font-weight:600;display:inline-flex}.clk-cps-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.9rem 1.25rem 1.6rem;display:flex;position:relative}.clk-cps-hero:after{content:"";background:linear-gradient(90deg, transparent, var(--line-strong), transparent);pointer-events:none;width:min(420px,80%);height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.clk-cps-hero-label{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--text-mute);font-size:13.2px;font-weight:700}.clk-cps-hero-value{font-family:var(--font-mono);letter-spacing:-.045em;color:var(--clk-cyan);font-variant-numeric:tabular-nums;max-width:100%;text-shadow:0 0 48px color-mix(in srgb, var(--clk-cyan) 38%, transparent);font-size:clamp(66px,15vw,124px);font-weight:800;line-height:1}.clk-cps-hero-value:empty:before{content:"0.0";color:var(--text-mute);text-shadow:none}.clk-cps-hero-unit{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute);font-size:13.8px;font-weight:700}.clk-stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;padding:1.4rem;display:grid}@media (width<=520px){.clk-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.clk-stat{--m:var(--text);border:1px solid var(--line);background:color-mix(in srgb, var(--m) 6%, var(--surface));border-radius:14px;flex-direction:column;align-items:center;gap:.2rem;padding:.9rem .5rem;transition:border-color .15s;display:flex}.clk-stat-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);font-size:10.5px;font-weight:600}.clk-stat-val{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--m);font-variant-numeric:tabular-nums;font-size:clamp(24.2px,3.4vw,33px);font-weight:800;line-height:1}.clk-stat-unit{font-family:var(--font-mono);color:var(--text-mute);text-transform:uppercase;font-size:10.5px;font-weight:600}.clk-arena{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:360px;padding:2.5rem 1.5rem 2rem;display:flex;position:relative}.clk-arena:before{content:"";z-index:-1;background:radial-gradient(55% 60% at 50% 42%, color-mix(in srgb, var(--clk-purple) calc(var(--glow) * 65%), transparent) 0%, transparent 72%), repeating-linear-gradient(to bottom, color-mix(in srgb, var(--text) 3.5%, transparent) 0 1px, transparent 1px 28px), repeating-linear-gradient(to right, color-mix(in srgb, var(--text) 3.5%, transparent) 0 1px, transparent 1px 28px);pointer-events:none;position:absolute;inset:0;mask-image:radial-gradient(75% 85% at 50% 45%,#000 25%,#0000 88%)}.clk-ripple-layer{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.clk-key{z-index:2;border:1px solid color-mix(in srgb, var(--text) 14%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, #fff 42%, var(--surface)) 0%, var(--surface) 55%, color-mix(in srgb, var(--text) 6%, var(--surface)) 100%);width:100%;max-width:340px;height:116px;box-shadow:inset 0 1.5px 0 #ffffff8c, inset 0 -2px 0 color-mix(in srgb, var(--text) 8%, transparent), 0 2.5px 0 color-mix(in srgb, var(--text) 16%, var(--line-strong)), 0 18px 40px -14px color-mix(in srgb, var(--text) 30%, transparent);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:22px;outline:none;place-items:center;transition:transform 70ms ease-out,box-shadow .12s ease-out,border-color .15s;display:grid;position:relative}:root.dark .clk-key{background:linear-gradient(#222b3d 0%,#161d2b 55%,#101623 100%);box-shadow:inset 0 1.5px #ffffff14,inset 0 -2px #00000059,0 3px #04070d,0 18px 42px -14px #0009}[data-clk-key]:not([data-code=Space]){max-width:190px}.clk-key--small{max-width:280px;height:96px}.clk-key--large{max-width:440px;height:136px}.clk-key--small:not([data-code=Space]){max-width:150px}.clk-key--large:not([data-code=Space]){max-width:240px}@media (width>=640px){.clk-key--medium{max-width:380px;height:128px}.clk-key--large{max-width:460px;height:150px}.clk-key--large:not([data-code=Space]){max-width:270px}}.clk-key:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--clk-purple)}.clk-key-face{pointer-events:none;flex-direction:column;align-items:center;gap:.3rem;display:flex}.clk-key-label{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text);font-size:clamp(22px,3vw,27px);font-weight:800}.clk-key-caption{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute);font-size:10.5px;font-weight:700}[data-clk-key][data-phase=arming]{border-color:color-mix(in srgb, var(--clk-amber) 62%, transparent);box-shadow:inset 0 1.5px 0 #ffffff73, 0 0 0 3px color-mix(in srgb, var(--clk-amber) 15%, transparent), 0 16px 36px -12px color-mix(in srgb, var(--clk-amber) 42%, transparent)}[data-clk-key][data-phase=arming] .clk-key-label{letter-spacing:-.01em;color:var(--clk-amber);font-size:clamp(41.8px,6vw,57.2px);transform:translateY(-4px)}[data-clk-key][data-phase=testing]{border-color:color-mix(in srgb, var(--clk-cyan) 62%, transparent);box-shadow:inset 0 1.5px 0 #ffffff73, 0 0 0 3px color-mix(in srgb, var(--clk-cyan) 14%, transparent), 0 16px 42px -12px color-mix(in srgb, var(--clk-cyan) 46%, transparent)}[data-clk-key][data-phase=testing] .clk-key-label{letter-spacing:-.02em;color:var(--clk-cyan);font-variant-numeric:tabular-nums;font-size:clamp(35.2px,5vw,50.6px);transform:translateY(-4px)}[data-clk-key][data-pressed=true]{transition-duration:50ms;transform:translateY(2px)scale(.98)}:root.dark [data-clk-key][data-phase=testing]{filter:saturate(1.08)}.clk-hint{text-align:center;max-width:38rem;color:var(--text-body);margin:0;font-size:16px;line-height:1.55}.clk-ripple{background:radial-gradient(circle at center, color-mix(in srgb, var(--clk-purple) 32%, transparent) 0%, transparent 68%);border-radius:50%;width:150px;height:150px;animation:.42s ease-out forwards clk-ripple;position:absolute;transform:scale(.2)}@keyframes clk-ripple{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(2.1)}}.clk-panel-foot{border-top:1px solid var(--line);padding:1rem 1.15rem 1.15rem}@media (width>=640px){.clk-panel-foot{padding:1.1rem 1.4rem 1.25rem}}.clk-progress{background:color-mix(in srgb, var(--text) 8%, var(--surface));border-radius:9999px;width:100%;height:5px;overflow:hidden}.clk-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--clk-purple) 0%, var(--clk-blue) 55%, var(--clk-cyan) 100%);width:0%;height:100%;transition:width .1s linear;display:block}.clk-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.9rem;display:flex}.clk-tip{color:var(--text-mute);margin-left:auto;font-size:13.2px}@media (width<=700px){.clk-tip{display:none}}.clk-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;white-space:nowrap;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;height:52px;padding:0 1.4rem;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s,transform 80ms,filter .15s,opacity .15s;display:inline-flex}.clk-btn:active{transform:translateY(1px)}.clk-btn:disabled{opacity:.55;cursor:default}.clk-btn--start{background:linear-gradient(135deg, var(--clk-purple) 0%, color-mix(in srgb, var(--clk-blue) 80%, var(--clk-purple)) 100%);color:#fff;text-transform:uppercase;letter-spacing:.06em;min-width:172px;box-shadow:0 8px 24px -6px color-mix(in srgb, var(--clk-purple) 55%, transparent)}.clk-btn--start:hover:not(:disabled){filter:brightness(1.08)}.clk-btn--ghost{background:var(--elevated);border-color:var(--line-strong);color:var(--text)}.clk-btn--ghost:hover{background:color-mix(in srgb, var(--elevated) 80%, var(--text))}.clk-btn--danger{border-color:color-mix(in srgb, #ef4444 38%, var(--line));color:#dc2626;background:0 0;width:100%}:root.dark .clk-btn--danger{color:#f87171;border-color:#f8717152}.clk-btn--danger:hover{background:#ef444414}.clk-btn--micro{background:var(--elevated);border-color:var(--line-strong);height:40px;color:var(--text);padding:0 .85rem;font-size:13.2px}.clk-btn--micro:hover{border-color:var(--clk-purple)}.clk-btn-ic{align-items:center;display:inline-flex}.clk-result{border-top:1px solid var(--line);background:color-mix(in srgb, var(--elevated) 55%, var(--surface));padding:1.15rem 1.15rem 1.3rem}@media (width>=640px){.clk-result{padding:1.3rem 1.4rem}}.clk-result-top{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.6rem;display:flex}.clk-result-cpsrow{align-items:baseline;gap:.5rem;margin:.3rem 0 0;display:flex}.clk-result-cpsrow span[data-clk-result-cps]{font-family:var(--font-mono);letter-spacing:-.045em;color:var(--clk-cyan);font-variant-numeric:tabular-nums;font-size:clamp(56px,9vw,78px);font-weight:800;line-height:1}.clk-result-unit{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-mute);font-size:15.4px;font-weight:700}.clk-pb-badge{border:1px solid color-mix(in srgb, var(--clk-amber) 55%, transparent);background:color-mix(in srgb, var(--clk-amber) 13%, var(--surface));color:var(--clk-amber);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:11.6px;font-weight:700;display:inline-flex}.clk-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1.1rem 0 0;padding:0;display:grid}@media (width>=640px){.clk-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.clk-result-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.clk-result-cell{--m:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:.65rem .8rem}.clk-result-cell dt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);font-size:9.9px;font-weight:600}.clk-result-cell dd{font-family:var(--font-mono);color:var(--m);font-variant-numeric:tabular-nums;margin:.3rem 0 0;font-size:16px;font-weight:700}.clk-result-rankline{color:var(--text-body);margin:.9rem 0 0;font-size:14.3px}.clk-rank{color:var(--text-mute);font-weight:700}.clk-rank[data-rank=Beginner]{color:var(--clk-amber)}.clk-rank[data-rank=Skilled]{color:var(--clk-green)}.clk-rank[data-rank=Expert]{color:var(--clk-blue)}.clk-rank[data-rank=Master]{color:var(--clk-purple)}.clk-result-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;display:flex}.clk-legend{font-family:var(--font-mono);color:var(--text-mute);flex-wrap:wrap;gap:.4rem .9rem;font-size:11.6px;display:flex}.clk-legend-item{align-items:center;gap:.35rem;display:inline-flex}.clk-legend-dot{border-radius:2px;width:12px;height:3px}.clk-chart-wrap{height:250px;margin:.75rem .75rem .9rem;position:relative}@media (width<=640px){.clk-chart-wrap{height:195px}}.clk-chart{width:100%;height:100%;display:block;position:absolute;inset:0}.clk-chart-empty{color:var(--text-mute);border:1px dashed var(--line-strong);text-align:center;pointer-events:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:14.3px;display:flex;position:absolute;inset:0}.clk-chart-empty svg{opacity:.5}.clk-config-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}@media (width>=768px){.clk-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.clk-config-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.clk-config-grid .clk-panel{flex-direction:column;display:flex}.clk-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.9rem 1.05rem 1.05rem;display:grid}.clk-mode-opt{--macc:var(--clk-blue);text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--macc) 4%, var(--surface));color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.7rem .75rem;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.clk-mode-opt:hover{border-color:color-mix(in srgb, var(--macc) 45%, var(--line))}.clk-mode-opt[aria-pressed=true]{border-color:var(--macc);background:color-mix(in srgb, var(--macc) 11%, var(--surface));box-shadow:0 0 0 1px var(--macc), 0 6px 18px -8px color-mix(in srgb, var(--macc) 45%, transparent)}.clk-modes [data-mode=classic]{--macc:var(--clk-purple)}.clk-modes [data-mode=jitter]{--macc:var(--clk-cyan)}.clk-modes [data-mode=butterfly]{--macc:var(--clk-pink)}.clk-modes [data-mode=drag]{--macc:var(--clk-orange)}.clk-mode-header{color:var(--text);align-items:center;gap:.4rem;font-size:14.3px;font-weight:700;display:flex}.clk-mode-dot{background:color-mix(in srgb, var(--macc) 35%, transparent);border-radius:50%;flex:none;width:7px;height:7px;transition:background-color .15s,box-shadow .15s}.clk-mode-opt[aria-pressed=true] .clk-mode-dot{background:var(--macc);box-shadow:0 0 0 3px color-mix(in srgb, var(--macc) 25%, transparent)}.clk-mode-desc{color:var(--text-mute);margin:0;font-size:11.6px;line-height:1.45}.clk-durs{flex-wrap:wrap;gap:.45rem;padding:.9rem 1.05rem 0;display:flex}.clk-dur-opt{border:1px solid var(--line);background:var(--surface);min-width:54px;height:42px;font-family:var(--font-mono);color:var(--text-body);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:10px;justify-content:center;align-items:center;padding:0 .7rem;font-size:14.3px;font-weight:700;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.clk-dur-opt:hover{border-color:color-mix(in srgb, var(--clk-amber) 55%, var(--line));color:var(--text)}.clk-dur-opt[aria-pressed=true]{border-color:var(--clk-amber);color:var(--clk-amber);background:color-mix(in srgb, var(--clk-amber) 10%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--clk-amber) 40%, transparent)}.clk-custom{padding:.8rem 1.05rem 1.05rem}.clk-k-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);margin-bottom:.45rem;font-size:10.5px;font-weight:600;display:block}.clk-custom-row{gap:.45rem;display:flex}.clk-input{border:1px solid var(--line);background:var(--surface);min-width:0;height:42px;color:var(--text);font-family:var(--font-mono);border-radius:10px;outline:none;flex:1;padding:0 .7rem;font-size:14.3px;transition:border-color .15s,box-shadow .15s}.clk-input::placeholder{color:var(--text-mute)}.clk-input:focus{border-color:var(--clk-purple);box-shadow:0 0 0 3px color-mix(in srgb, var(--clk-purple) 16%, transparent)}.clk-custom-msg{color:#dc2626;margin-top:.45rem;font-size:12.7px}:root.dark .clk-custom-msg{color:#f87171}.clk-keys{flex-wrap:wrap;gap:.45rem;padding:.9rem 1.05rem 1.05rem;display:flex}.clk-key-opt{border:1px solid color-mix(in srgb, var(--text) 13%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, #fff 30%, var(--surface)) 0%, var(--surface) 100%);min-width:54px;height:42px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-body);cursor:pointer;border-bottom-width:2.5px;border-radius:10px;justify-content:center;align-items:center;padding:0 .6rem;font-size:13.2px;font-weight:700;transition:border-color .15s,color .15s,box-shadow .15s;display:inline-flex}:root.dark .clk-key-opt{background:linear-gradient(#1b2333 0%,#131a27 100%)}.clk-key-opt:hover{color:var(--text);border-color:var(--line-strong)}.clk-key-opt[aria-pressed=true]{border-color:var(--clk-cyan);color:var(--clk-cyan);box-shadow:0 0 0 1px color-mix(in srgb, var(--clk-cyan) 55%, transparent), 0 4px 16px -6px color-mix(in srgb, var(--clk-cyan) 55%, transparent)}.clk-best-row{align-items:baseline;gap:.45rem;margin:0;display:flex}.clk-best-cps{font-family:var(--font-mono);letter-spacing:-.035em;color:var(--clk-purple);font-variant-numeric:tabular-nums;font-size:clamp(46px,5.5vw,56px);font-weight:800;line-height:1}.clk-best-unit{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-mute);font-size:14.3px;font-weight:700}.clk-best-rank{color:var(--text-body);margin:.4rem 0 .9rem;font-size:14.3px}.clk-best-track{background:color-mix(in srgb, var(--text) 8%, var(--surface));border-radius:9999px;height:6px;overflow:hidden}.clk-best-fill{border-radius:inherit;background:linear-gradient(90deg, var(--clk-purple), var(--clk-cyan));width:0%;height:100%;transition:width .3s;display:block}.clk-ranks{flex-direction:column;gap:.2rem;margin:.9rem 0 1rem;display:flex}.clk-rank-row{color:var(--text-mute);opacity:.65;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.32rem .6rem;font-size:12.7px;transition:opacity .15s,background-color .15s,color .15s,border-color .15s;display:flex}.clk-rank-name{font-weight:600}.clk-rank-threshold{font-family:var(--font-mono);font-size:11.6px}.clk-rank-row--active{opacity:1;color:var(--text);background:color-mix(in srgb, var(--clk-purple) 10%, var(--surface));border-color:color-mix(in srgb, var(--clk-purple) 42%, transparent)}.clk-rank-row--active .clk-rank-threshold{color:var(--clk-purple)}.clk-settings{flex-direction:column;gap:.25rem;display:flex}.clk-switch{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;gap:.9rem;min-height:48px;padding:.55rem 0;display:flex}.clk-switch+.clk-switch,.clk-field{border-top:1px solid var(--line)}.clk-switch-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.clk-switch-name{color:var(--text);font-size:14.9px;font-weight:600}.clk-switch-hint{color:var(--text-mute);font-size:12.7px}.clk-switch-track{background:color-mix(in srgb, var(--text) 10%, var(--surface));border:1px solid var(--line-strong);border-radius:9999px;flex:none;width:44px;height:25px;transition:background-color .18s,border-color .18s;display:inline-block;position:relative}.clk-switch-thumb{background:var(--text-mute);border-radius:50%;width:19px;height:19px;transition:transform .18s,background-color .18s;position:absolute;top:2px;left:2px}.clk-switch-input:checked+.clk-switch-track{background:color-mix(in srgb, var(--clk-cyan) 26%, var(--surface));border-color:var(--clk-cyan)}.clk-switch-input:checked+.clk-switch-track .clk-switch-thumb{background:var(--clk-cyan);transform:translate(19px)}.clk-switch-input:focus-visible+.clk-switch-track{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--clk-purple);outline:none}.clk-field{border:none;border-top:1px solid var(--line);margin:.25rem 0 0;padding:.85rem 0 .25rem}.clk-seg{flex-wrap:wrap;gap:.4rem;display:flex}.clk-seg-opt{border:1px solid var(--line);background:var(--surface);min-width:76px;height:40px;color:var(--text-body);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 .9rem;font-size:13.8px;font-weight:600;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.clk-seg-opt:hover{border-color:var(--line-strong);color:var(--text)}.clk-seg-opt:has(input:checked){border-color:var(--clk-cyan);color:var(--clk-cyan);background:color-mix(in srgb, var(--clk-cyan) 9%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--clk-cyan) 35%, transparent)}.clk-seg-opt:has(input:focus-visible){box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--clk-purple);outline:none}@media (width>=1280px){.clk-arena{gap:1.9rem;min-height:470px;padding:3.25rem 2rem 2.75rem}.clk-key{border-radius:26px;max-width:440px;height:150px}[data-clk-key]:not([data-code=Space]){max-width:250px}.clk-key--small{max-width:360px;height:124px}.clk-key--small:not([data-code=Space]){max-width:200px}.clk-key--medium{max-width:500px;height:168px}.clk-key--medium:not([data-code=Space]){max-width:300px}.clk-key--large{max-width:600px;height:196px}.clk-key--large:not([data-code=Space]){max-width:350px}.clk-key-label{font-size:clamp(27px,2vw,32px)}.clk-cps-hero{padding:2.4rem 1.5rem 2rem}.clk-cps-hero-value{font-size:clamp(120px,9vw,150px)}.clk-stats-row{gap:.75rem;padding:1.6rem}.clk-stat{padding:1.1rem .6rem}.clk-stat-val{font-size:clamp(30px,2.4vw,40px)}.clk-btn{height:56px}.clk-btn--start{min-width:190px}.clk-panel--gap,.clk-config-grid{margin-top:1.35rem}.clk-col-side{gap:1.35rem}}.clk-app:fullscreen{background:var(--bg);overflow-y:auto}@media (prefers-reduced-motion:reduce){.clk-app *,.clk-app :before,.clk-app :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.kcg{background:var(--color-canvas);color:var(--color-ink);padding:0 0 5rem}.kcg-hero{padding-top:3.5rem}.kcg-crumbs{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);align-items:center;gap:.45rem;font-size:12.7px;font-weight:500;display:inline-flex}.kcg-crumb-link{color:var(--color-link);border-radius:4px;margin-left:-6px;padding:3px 6px;text-decoration:none}.kcg-crumb-link:hover{text-decoration:underline}.kcg-crumb-sep{opacity:.6}.kcg-crumb-current{color:var(--color-ink);font-weight:700}.kcg-badge{border:1px solid color-mix(in srgb, var(--color-link) 38%, transparent);background:color-mix(in srgb, var(--color-link) 9%, transparent);color:var(--color-link);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border-radius:9999px;align-items:center;margin-top:1rem;padding:.34rem .8rem;font-size:11.6px;font-weight:700;display:inline-flex}.kcg-h2{letter-spacing:-.024em;color:var(--color-ink);margin:.7rem 0 0;font-size:clamp(29.7px,4vw,41.8px);font-weight:700;line-height:1.15}.kcg-lead{max-width:68ch;color:var(--color-body);margin:.75rem 0 0;font-size:18.2px;line-height:1.7}.kcg-local-badge{color:#15803d;background:#16a34a14;border:1px solid #16a34a59;border-radius:9999px;align-items:center;gap:.4rem;margin-top:1rem;padding:.38rem .85rem;font-size:13.8px;font-weight:600;display:inline-flex}:root.dark .kcg-local-badge{color:#4ade80;background:#4ade8017;border-color:#4ade8059}.kcg-doc{grid-template-columns:1fr;display:grid}@media (width>=1024px){.kcg-doc{grid-template-columns:minmax(0,75fr) minmax(224px,25fr);gap:2.75rem}.kcg-nav-wrap{align-self:start;max-height:calc(100vh - 8rem);position:sticky;top:5.5rem;overflow-y:auto}}.kcg-content{flex-direction:column;gap:3rem;min-width:0;margin-top:2.5rem;display:flex}@media (width<=1023px){.kcg-content{gap:2.5rem;margin-top:1.75rem}}.kcg-nav-wrap{display:none}@media (width>=1024px){.kcg-nav-wrap{display:block}}.kcg-nav{border:1px solid var(--color-hairline);background:var(--color-canvas-soft);border-radius:14px;padding:1.1rem 1rem}.kcg-nav-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-mute);margin:0 0 .65rem;font-size:11.6px;font-weight:700}.kcg-navlist{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.kcg-nav-link{color:var(--color-body);border-left:2px solid #0000;border-radius:8px;align-items:baseline;gap:.6rem;padding:.5rem .6rem;font-size:14.9px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:flex}.kcg-nav-link:hover{color:var(--color-ink);background:var(--color-canvas-soft-2)}.kcg-nav-link.is-active{color:var(--color-ink);background:color-mix(in srgb, var(--color-link) 8%, transparent);border-left-color:var(--color-link);font-weight:600}.kcg-nav-num{font-family:var(--font-mono);color:var(--color-mute);min-width:20px;font-size:11.6px;font-weight:700}.kcg-nav-link.is-active .kcg-nav-num{color:var(--color-link)}.kcg-nav-mobile{border:1px solid var(--color-hairline);background:var(--color-canvas-soft);border-radius:12px;margin-top:1.5rem;overflow:hidden}@media (width>=1024px){.kcg-nav-mobile{display:none}}.kcg-nav-mobile-sum{cursor:pointer;color:var(--color-ink);align-items:center;gap:.55rem;padding:.85rem 1rem;font-size:14.9px;font-weight:600;list-style:none;display:flex}.kcg-nav-mobile-sum::-webkit-details-marker{display:none}.kcg-nav-mobile-ic{color:var(--color-link);display:inline-flex}.kcg-nav-chev{color:var(--color-mute);margin-left:auto;transition:transform .2s}.kcg-nav-mobile[open] .kcg-nav-chev{transform:rotate(180deg)}.kcg-nav-mobile .kcg-navlist{padding:0 .75rem .75rem}.kcg-nav-mobile .kcg-nav-link{border-left:0}.kcg-section{scroll-margin-top:5.5rem}.kcg-sec-head{align-items:flex-start;gap:.9rem;margin-bottom:1.25rem;display:flex}.kcg-sec-num{font-family:var(--font-mono);letter-spacing:-.04em;color:color-mix(in srgb, var(--color-link) 45%, transparent);flex-shrink:0;padding-top:.1rem;font-size:clamp(37.4px,4vw,48.4px);font-weight:800;line-height:1}.kcg-sec-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-mute);margin:0;font-size:11.6px;font-weight:700}.kcg-sec-title{letter-spacing:-.02em;color:var(--color-ink);margin:.2rem 0 0;font-size:clamp(24.2px,2.6vw,33px);font-weight:700}.kcg-sec-desc{color:var(--color-body);margin:.3rem 0 0;font-size:17.1px;line-height:1.6}.kcg-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=1024px){.kcg-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=559px){.kcg-steps{grid-template-columns:1fr}}.kcg-step{border:1px solid var(--color-hairline);background:var(--color-canvas-soft);border-radius:14px;flex-direction:column;gap:.6rem;padding:1.1rem 1.05rem;transition:border-color .2s,transform .2s;display:flex;position:relative}.kcg-step:hover{border-color:color-mix(in srgb, var(--color-link) 45%, var(--color-hairline));transform:translateY(-2px)}@media (width>=1024px){.kcg-step:not(:last-child):after{content:"";background:color-mix(in srgb, var(--color-link) 35%, transparent);width:.75rem;height:1.5px;position:absolute;top:2.4rem;right:-.85rem}}.kcg-step-num{background:color-mix(in srgb, var(--color-link) 11%, var(--color-canvas));border:1px solid color-mix(in srgb, var(--color-link) 32%, transparent);width:34px;height:34px;font-family:var(--font-mono);color:var(--color-link);border-radius:10px;place-items:center;font-size:13.8px;font-weight:800;display:grid}.kcg-step-body h3{letter-spacing:-.012em;color:var(--color-ink);margin:0;font-size:17.6px;font-weight:700;line-height:1.3}.kcg-step-body p{color:var(--color-body);margin:.3rem 0 0;font-size:16px;line-height:1.6}.kcg-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=559px){.kcg-tech-grid{grid-template-columns:1fr}}.kcg-tech{--tacc:var(--color-link);border:1px solid var(--color-hairline);background:var(--color-canvas-soft);border-radius:14px;flex-direction:column;gap:.4rem;padding:1.1rem 1.1rem 1.15rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.kcg-tech:before{content:"";background:var(--tacc);width:3px;position:absolute;inset:0 auto 0 0}.kcg-tech:hover{border-color:color-mix(in srgb, var(--tacc) 42%, var(--color-hairline));box-shadow:0 10px 24px -14px color-mix(in srgb, var(--tacc) 40%, transparent);transform:translateY(-2px)}.kcg-tech-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kcg-tech-ic{background:color-mix(in srgb, var(--tacc) 10%, transparent);border:1px solid color-mix(in srgb, var(--tacc) 28%, transparent);width:38px;height:38px;color:var(--tacc);border-radius:10px;place-items:center;display:grid}.kcg-num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-mute);font-size:11.6px;font-weight:700}.kcg-tech h3{letter-spacing:-.015em;color:var(--color-ink);margin:.35rem 0 0;font-size:18.7px;font-weight:700}.kcg-tech p{color:var(--color-body);margin:0;font-size:16px;line-height:1.55}.kcg-chip{border:1px solid var(--color-hairline);background:var(--color-canvas);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-mute);border-radius:9999px;align-self:flex-start;margin-top:.35rem;padding:.15rem .55rem;font-size:9.9px;font-weight:700}.kcg-chip--green{color:#15803d;background:#16a34a14;border-color:#16a34a59}:root.dark .kcg-chip--green{color:#4ade80;background:#4ade801a}.kcg-board{--cap:clamp(44px, 9vw, 62px);border:1px solid var(--color-hairline);background:radial-gradient(65% 85% at 50% 0%, color-mix(in srgb, var(--color-link) 5%, transparent) 0%, transparent 65%), var(--color-canvas-soft);border-radius:16px;flex-direction:column;gap:.65rem;padding:clamp(1rem,2.5vw,1.6rem) 1rem;display:flex}:root.dark .kcg-board{background:linear-gradient(#171e2b 0%,#0f1420 100%);border-color:#ffffff17}.kcg-board-row{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.kcg-cap{width:var(--cap);height:var(--cap);color:#334155;font-size:clamp(14.3px,1.6vw,16.5px);font-weight:700;font-family:var(--font-mono);user-select:none;background:linear-gradient(#fff 0%,#eef1f5 100%);border:1px solid #c3ccd8;border-radius:11px;justify-content:center;align-items:center;padding:0 .75rem;display:inline-flex;box-shadow:0 2.5px #a9b4c2,0 6px 12px -6px #0f172a59,inset 0 1px #ffffffe6}:root.dark .kcg-cap{color:#dbe4f0;background:linear-gradient(#2a3345 0%,#1b2231 100%);border-color:#ffffff1f;box-shadow:0 2.5px #070b12,0 6px 12px -6px #000000a6,inset 0 1px #ffffff1a}.kcg-cap--mod{width:auto;min-width:calc(var(--cap) * 1.6)}.kcg-cap--space{width:100%;max-width:calc(var(--cap) * 5.6);height:auto;min-height:calc(var(--cap) * .88);letter-spacing:.22em;text-transform:uppercase;font-size:clamp(13.2px,1.5vw,15.4px)}@media (width<=430px){.kcg-board{--cap:clamp(40px, 13vw, 52px)}}.kcg-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=559px){.kcg-benefit-grid{grid-template-columns:1fr}}.kcg-benefit{--bacc:var(--color-link);border:1px solid var(--color-hairline);background:var(--color-canvas-soft);border-radius:14px;flex-direction:column;gap:.45rem;padding:1.15rem;transition:border-color .2s,transform .2s;display:flex}.kcg-benefit:hover{border-color:color-mix(in srgb, var(--bacc) 45%, var(--color-hairline));transform:translateY(-2px)}.kcg-benefit-ic{background:color-mix(in srgb, var(--bacc) 11%, transparent);border:1px solid color-mix(in srgb, var(--bacc) 30%, transparent);width:40px;height:40px;color:var(--bacc);border-radius:11px;place-items:center;display:grid}.kcg-benefit h3{letter-spacing:-.015em;color:var(--color-ink);margin:.15rem 0 0;font-size:18.2px;font-weight:700;line-height:1.35}.kcg-benefit p{color:var(--color-body);margin:0;font-size:16px;line-height:1.6}.kcg-protip{border:1px solid color-mix(in srgb, var(--color-warning) 45%, var(--color-hairline));background:linear-gradient(135deg, color-mix(in srgb, var(--color-warning) 12%, transparent) 0%, transparent 55%), var(--color-canvas-soft);border-radius:16px;gap:1rem;padding:1.25rem;display:flex}:root.dark .kcg-protip{border-color:#fbbf2459}.kcg-protip-ic{background:color-mix(in srgb, var(--color-warning) 16%, transparent);border:1px solid color-mix(in srgb, var(--color-warning) 40%, transparent);color:#b45309;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}:root.dark .kcg-protip-ic{color:#fbbf24}.kcg-protip-kicker{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#b45309;margin:0;font-size:11.6px;font-weight:800}:root.dark .kcg-protip-kicker{color:#fbbf24}.kcg-protip-text{color:var(--color-ink);margin:.35rem 0 0;font-size:17.1px;line-height:1.7}.kcg-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=900px){.kcg-related-grid{grid-template-columns:1fr}}.kcg-related{--racc:var(--color-link);border:1px solid var(--color-hairline);background:var(--color-canvas-soft);border-radius:14px;flex-direction:column;gap:.45rem;padding:1.15rem;transition:border-color .2s,transform .2s;display:flex}.kcg-related:hover{border-color:color-mix(in srgb, var(--racc) 45%, var(--color-hairline));transform:translateY(-2px)}.kcg-related-ic{background:color-mix(in srgb, var(--racc) 10%, transparent);border:1px solid color-mix(in srgb, var(--racc) 28%, transparent);width:40px;height:40px;color:var(--racc);border-radius:11px;place-items:center;display:grid}.kcg-related h3{color:var(--color-ink);margin:.15rem 0 0;font-size:18.2px;font-weight:700}.kcg-related p{color:var(--color-body);margin:0 0 .35rem;font-size:15.4px;line-height:1.55}.kcg-related-btn{border:1px solid color-mix(in srgb, var(--racc) 40%, var(--color-hairline));min-height:44px;color:var(--racc);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;margin-top:auto;padding:0 1rem;font-size:14.3px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s,gap .15s;display:inline-flex}.kcg-related-btn:hover{background:color-mix(in srgb, var(--racc) 9%, transparent);border-color:var(--racc);gap:.6rem}.kcg-faq{flex-direction:column;gap:.6rem;display:flex}.kcg-faq-item{border:1px solid var(--color-hairline);background:var(--color-canvas-soft);border-radius:14px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.kcg-faq-item:has(.kcg-faq-btn[aria-expanded=true]){border-color:color-mix(in srgb, var(--color-link) 45%, var(--color-hairline))}.kcg-faq-btn{cursor:pointer;letter-spacing:-.01em;width:100%;min-height:52px;color:var(--color-ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:15px 18px;font-size:17.1px;font-weight:600;transition:background-color .15s;display:flex}.kcg-faq-btn:hover{background:color-mix(in srgb, var(--color-ink) 4%, transparent)}.kcg-faq-ic{border:1px solid var(--color-hairline);background:var(--color-canvas);width:28px;height:28px;color:var(--color-mute);border-radius:8px;flex:none;place-items:center;transition:transform .25s,background-color .2s,border-color .2s,color .2s;display:grid}.kcg-faq-btn[aria-expanded=true] .kcg-faq-ic{background:color-mix(in srgb, var(--color-link) 10%, transparent);border-color:color-mix(in srgb, var(--color-link) 40%, transparent);color:var(--color-link);transform:rotate(45deg)}.kcg-faq-panel{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .25s,visibility .25s linear;display:grid}.kcg-faq-panel.is-open{visibility:visible;grid-template-rows:1fr}.kcg-faq-panel>*{min-width:0;overflow:hidden}.kcg-faq-panel p{color:var(--color-body);max-width:72ch;margin:0;padding:0 18px 18px;font-size:16.5px;line-height:1.7}.kcg-faq-panel code{background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:5px;padding:.1em .4em;font-size:.88em}.kcg-privacy{border:1px solid color-mix(in srgb, #16a34a 32%, var(--color-hairline));background:linear-gradient(135deg, #16a34a14 0%, transparent 55%), var(--color-canvas-soft);border-radius:16px;gap:1rem;padding:1.5rem;display:flex}:root.dark .kcg-privacy{border-color:#4ade8047}.kcg-privacy-ic{color:#15803d;background:#16a34a1f;border:1px solid #16a34a52;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}:root.dark .kcg-privacy-ic{color:#4ade80}.kcg-privacy-title{letter-spacing:-.015em;color:var(--color-ink);margin:0;font-size:18.7px;font-weight:700}.kcg-privacy-text{color:var(--color-body);margin:.4rem 0 .7rem;font-size:16.5px;line-height:1.65}.kcg-cta{text-align:center;border:1px solid var(--color-hairline);background:radial-gradient(60% 90% at 50% 0%, color-mix(in srgb, var(--color-link) 10%, transparent) 0%, transparent 60%), var(--color-canvas-soft);border-radius:20px;padding:clamp(2rem,5vw,3.5rem) 1.25rem;position:relative;overflow:hidden}.kcg-cta-kicker{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-link);margin:0;font-size:12.1px;font-weight:800}.kcg-cta-title{letter-spacing:-.026em;color:var(--color-ink);margin:.5rem 0 0;font-size:clamp(26.4px,3.4vw,37.4px);font-weight:800;line-height:1.15}.kcg-cta-text{max-width:52ch;color:var(--color-body);margin:.6rem auto 0;font-size:17.6px;line-height:1.6}.kcg-cta-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.5rem;display:flex}.kcg-btn{letter-spacing:.01em;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:0 1.4rem;font-size:15.4px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .18s,background-color .15s,border-color .15s,filter .15s;display:inline-flex}.kcg-btn--primary{background:linear-gradient(135deg, var(--color-link) 0%, color-mix(in srgb, var(--color-link) 55%, #7c3aed) 100%);color:#fff;box-shadow:0 8px 24px -8px color-mix(in srgb, var(--color-link) 60%, transparent);text-transform:uppercase;letter-spacing:.04em}.kcg-btn--primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.kcg-btn--secondary{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline-strong)}.kcg-btn--secondary:hover{background:var(--color-canvas-soft-2)}@media (width<=480px){.kcg-cta-actions{flex-direction:column}.kcg-btn{width:100%}.kcg-protip,.kcg-privacy{flex-direction:column}}@media (prefers-reduced-motion:reduce){.kcg-step,.kcg-tech,.kcg-benefit,.kcg-related,.kcg-btn{transition:none!important}.kcg-step:hover,.kcg-tech:hover,.kcg-benefit:hover,.kcg-related:hover,.kcg-btn--primary:hover{transform:none}}