:root{--bg-deep:oklch(99.2% .003 280);--bg-900:oklch(97.8% .005 280);--bg-850:oklch(100% 0 0);--bg-800:oklch(99.6% .0015 280);--bg-750:oklch(96.7% .006 280);--bg-700:oklch(92% .009 280);--fill:oklch(50% .05 280/.035);--fill-2:oklch(50% .05 280/.06);--fill-3:oklch(50% .05 280/.1);--surface:oklch(100% 0 0);--on-accent:oklch(99% .005 280);--scrim:oklch(22% .05 280/.5);--line:oklch(90.5% .008 280);--line-soft:oklch(94.5% .006 280);--line-strong:oklch(84% .012 280);--text-hi:oklch(26.5% .035 280);--text-mid:oklch(43% .028 280);--text-low:oklch(55% .022 280);--text-dim:oklch(65% .018 280);--cyan:oklch(55.5% .225 278);--cyan-bright:oklch(63% .215 280);--cyan-deep:oklch(47.5% .215 278);--cyan-glow:oklch(55.5% .225 278/.3);--cyan-faint:oklch(55.5% .225 278/.08);--amber:oklch(70% .15 66);--amber-faint:oklch(70% .15 66/.13);--red:oklch(58.5% .215 26);--red-bright:oklch(58.5% .225 26);--red-faint:oklch(58.5% .215 26/.1);--green:oklch(64% .16 158);--green-faint:oklch(64% .16 158/.12);--violet:oklch(56% .21 300);--grad:linear-gradient(120deg, oklch(62% .23 280) 0%, oklch(60% .2 250) 40%, oklch(66% .16 200) 72%, oklch(74% .15 175) 100%);--grad-soft:linear-gradient(120deg, oklch(62% .23 280/.14), oklch(66% .16 200/.12));--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--r-sm:9px;--r-md:13px;--r-lg:19px;--r-xl:30px;--shadow-card:0 1px 2px oklch(30% .06 280/.05), 0 10px 26px -10px oklch(32% .08 280/.13);--shadow-pop:0 40px 90px -36px oklch(30% .12 280/.42)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-mid);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.5;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-hi);letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.06}p{margin:0}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}::selection{color:var(--text-hi);background:oklch(55.5% .225 278/.2)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:oklch(60% .03 280/.32) padding-box content-box;border:3px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:oklch(55% .04 280/.5) padding-box content-box}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.app-fade{animation:.5s cubic-bezier(.22,1,.36,1) appFade}@keyframes appFade{0%{transform:translateY(10px)}to{transform:none}}.grad-text{background:var(--grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.grid-tex{background-image:linear-gradient(oklch(50% .05 280/.05) 1px,#0000 1px),linear-gradient(90deg,oklch(50% .05 280/.05) 1px,#0000 1px);background-size:40px 40px}@keyframes pulseCrit{0%,to{box-shadow:0 0 0 0 var(--red-faint)}50%{box-shadow:0 0 0 5px oklch(58.5% .215 26/0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes floaty{0%,to{transform:translateY(0)rotate(-1.4deg)}50%{transform:translateY(-10px)rotate(-1.4deg)}}@keyframes gradShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes hsPing{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(2.1)}}@keyframes wave0{0%{transform:scaleY(.4)}to{transform:scaleY(1.3)}}@keyframes wave1{0%{transform:scaleY(.7)}to{transform:scaleY(.5)}}@keyframes wave2{0%{transform:scaleY(.3)}to{transform:scaleY(1.5)}}@keyframes wave3{0%{transform:scaleY(1.1)}to{transform:scaleY(.45)}}@keyframes wave4{0%{transform:scaleY(.6)}to{transform:scaleY(1.2)}}input,textarea{font-family:var(--font-sans);color:var(--text-hi);background:var(--bg-850);border:1px solid var(--line);border-radius:var(--r-md);outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-faint)}input::placeholder,textarea::placeholder{color:var(--text-dim)}
