@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Saira+Condensed:ital,wght@1,600;1,700;1,800;1,900&display=swap";:root{--pastel:#EAF1F2;--pastel-warm:#EAF0E4;--paper:#F3F1E9;--paper2:#E9E6DC;--card:#FBFAF6;--ink:#15140F;--ink2:#4A463C;--ink3:#8C887A;--dark:#0E0D0A;--dark2:#171510;--darkline:#2A2720;--linesoft:#DDE2E0;--volt:#C6F031;--volt-deep:#A6CE1F;--orange:#EC6A1E;--teal:#0FA896;--blue:#2B62F0;--red:#F03B2E;--violet:#7A5CF0;--ok:#1E9E5A;--okbg:#DDF3E6;--warn:#C58708;--warnbg:#FBF0D4;--ko:#D8362B;--kobg:#FAE0DD;--glass-bg:rgba(255,255,255,.6);--glass-bg-strong:rgba(255,255,255,.78);--glass-border:rgba(255,255,255,.55);--glass-blur:22px;--r-pill:999px;--r-xl:32px;--r-lg:26px;--r-md:18px;--r-sm:13px;--shadow-xs:0 1px 2px rgba(21,20,15,.05);--shadow-sm:0 2px 8px rgba(21,20,15,.06), 0 1px 2px rgba(21,20,15,.05);--shadow-md:0 10px 28px rgba(21,20,15,.09), 0 3px 8px rgba(21,20,15,.05);--shadow-lg:0 22px 56px rgba(21,20,15,.13), 0 8px 18px rgba(21,20,15,.07);--shadow-glass:0 14px 40px rgba(21,20,15,.12), inset 0 1px 0 rgba(255,255,255,.6);--glow-volt:0 0 0 1px rgba(198,240,49,.45), 0 12px 34px rgba(198,240,49,.3);--glow-teal:0 0 0 1.5px rgba(15,168,150,.45), 0 10px 32px rgba(15,168,150,.22);--ease:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--dur:.6s;--dur-fast:.32s;--dur-slow:.9s;--maxw:1180px;--hard:var(--ink)}.ks-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.ks-glass--strong{background:var(--glass-bg-strong)}.ks-card{background:var(--card);border:1px solid var(--linesoft);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.ks-card--flat{box-shadow:var(--shadow-sm)}.ks-pill{--pill-bg:var(--card);--pill-fg:var(--ink);--pill-bd:var(--linesoft);position:relative;display:inline-flex;align-items:center;gap:9px;font-family:Inter,sans-serif;font-weight:600;font-size:15px;line-height:1;padding:13px 22px;border-radius:var(--r-pill);background:var(--pill-bg);color:var(--pill-fg);border:1px solid var(--pill-bd);box-shadow:var(--shadow-sm);cursor:pointer;text-decoration:none;white-space:nowrap;overflow:hidden;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.ks-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-120%);transition:transform .55s var(--ease)}.ks-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ks-pill:hover:after{transform:translate(120%)}.ks-pill:active{transform:translateY(0)}.ks-pill--volt{--pill-bg:var(--volt);--pill-bd:transparent;--pill-fg:var(--ink)}.ks-pill--volt:hover{box-shadow:var(--glow-volt)}.ks-pill--ink{--pill-bg:var(--ink);--pill-bd:transparent;--pill-fg:var(--volt)}.ks-pill--glass{--pill-bg:var(--glass-bg-strong);--pill-bd:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.ks-pill--sm{padding:9px 15px;font-size:13.5px}.ks-pill--lg{padding:17px 28px;font-size:16.5px}.ks-pill-group{display:inline-flex;align-items:center;gap:2px;padding:5px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.ks-halo{position:relative}.ks-halo:before{content:"";position:absolute;left:50%;top:50%;width:120%;height:120%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(198,240,49,.28),transparent 70%);filter:blur(10px)}@keyframes ks-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ks-float{animation:ks-float 4s var(--ease) infinite}@keyframes ks-spin-slow{to{transform:rotate(360deg)}}.ks-spin-slow{animation:ks-spin-slow 22s linear infinite}@keyframes ks-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.ks-reveal{animation:ks-reveal var(--dur) var(--ease-out) both}@keyframes ks-sheen{to{background-position:200% center}}@keyframes ks-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.ks-float,.ks-spin-slow,.ks-reveal{animation:none!important}.ks-pill:after{display:none}}html,body,#root{height:100%;margin:0}html,body{overflow-x:clip}body{background:var(--pastel, #EAF1F2);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;width:100%;max-width:100%}