*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}button,a,[role=tab]{touch-action:manipulation}.dvh-full{min-height:100vh;min-height:100dvh}body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);background-color:var(--kc-bodyBg, #0f172a);background-image:radial-gradient(circle at 1px 1px,rgba(var(--kc-bodyDotRgba, 59,130,246),.025) 1px,transparent 0);background-size:40px 40px;color:var(--kc-s200, #e2e8f0);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(var(--kc-scanlineRgba, 59,130,246),.008) 2px,rgba(var(--kc-scanlineRgba, 59,130,246),.008) 4px);pointer-events:none;z-index:9999}.mono{font-family:JetBrains Mono,monospace}.code{font-family:Fira Code,monospace}.display{font-family:Space Grotesk,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--kc-scrollTrack, #1e293b)}::-webkit-scrollbar-thumb{background:var(--kc-scrollThumb, #334155);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--kc-scrollThumbHover, #475569)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulseRec{0%,to{opacity:1}50%{opacity:.3}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(var(--kc-glowRgba, 37,99,235),.4),0 0 60px rgba(var(--kc-glowRgba, 37,99,235),.1)}50%{box-shadow:0 0 30px rgba(var(--kc-glowRgba, 37,99,235),.6),0 0 80px rgba(var(--kc-glowRgba, 37,99,235),.2)}}@keyframes slideIn{0%{transform:translate(12px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #ef44444d}50%{box-shadow:0 0 16px #ef444499}}@keyframes toastIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}@keyframes countPop{0%{transform:scale(1)}40%{transform:scale(1.3);color:var(--kc-b400)}to{transform:scale(1)}}@keyframes bounceDot{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}.kc-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.nav-link{transition:color .2s}.nav-link:hover,.nav-link:active{color:var(--kc-b400)!important}.footer-link{transition:color .2s}.footer-link:hover,.footer-link:active{color:var(--kc-b400)!important}.back-link{transition:color .2s}.back-link:hover,.back-link:active{color:var(--kc-wh)!important}.card-hover{transition:border-color .3s,box-shadow .3s}.card-hover:hover,.card-hover:active{border-color:color-mix(in srgb,var(--kc-b500) 30%,transparent)!important;box-shadow:0 0 24px color-mix(in srgb,var(--kc-b400) 10%,transparent)}.cta-border{transition:all .2s}.cta-border:hover,.cta-border:active{background:var(--kc-b600)!important;color:var(--kc-btnText)!important;border-color:var(--kc-b600)!important}.theme-btn{transition:color .15s;color:var(--kc-s400)}.theme-btn:hover,.theme-btn:active{color:var(--kc-s200)}.theme-option{transition:background .15s;background:transparent}.theme-option:hover,.theme-option:active{background:var(--kc-n800)!important}.kc-section{padding:80px 24px}@media(max-width:768px){.kc-section{padding:48px 20px}}.demo-grid{display:grid;grid-template-columns:3fr 2fr;min-height:420px}.demo-grid>:first-child{border-right:1px solid var(--kc-n600, #334155)}.footer-row{display:flex;justify-content:space-between;align-items:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.skip-link{position:absolute;top:-40px;left:16px;z-index:2000;padding:8px 16px;background:var(--kc-b600);color:var(--kc-btnText);font-size:12px;border-radius:4px;text-decoration:none;transition:top .2s}.skip-link:focus{top:8px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--kc-b400, #7CADDB);outline-offset:2px}@media(max-width:768px){.demo-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-height:auto}.demo-grid>:first-child{border-right:none;border-bottom:1px solid var(--kc-n600, #334155)}.footer-row{flex-direction:column;align-items:center;text-align:center;gap:16px}.tab-scroll-fade{mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}}