:root{--nord-aurora-1:#3fffd8;--nord-aurora-2:#926dff;--nord-dark-1:#14161b;--nord-dark-2:#383b40;--nord-dark-3:#52555b;--nord-light-1:#e9f0f5;--nord-light-2:#c8cfd4;--nord-light-3:#999fa4;--glass-light:#f3faff40;--glass-dark:#0000011a;--navigation-height:4rem;--transition-speed:.2s;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--font-sans:"Inter", system-ui, sans-serif}@supports (color:lab(0% 0 0)){:root{--nord-aurora-1:lab(90.4692% -56.2251 4.86689);--nord-aurora-2:lab(55.2505% 51.5658 -83.4364);--nord-dark-1:lab(7.17928% -.0979528 -3.66448);--nord-dark-2:lab(24.5533% -.171095 -3.74643);--nord-dark-3:lab(36.1544% -.190318 -3.75627);--nord-light-1:lab(94.2156% -1.63248 -3.29677);--nord-light-2:lab(82.6154% -1.62929 -3.29503);--nord-light-3:lab(65.2151% -1.62292 -3.29151);--glass-light:lab(97.6956% -1.63329 -3.29721/.25);--glass-dark:lab(.112297% -.0602305 -.244915/.1)}}[data-theme=light]{--bg-app:var(--nord-light-1);--text-main:var(--nord-dark-2);--text-sub:var(--nord-dark-1);--text-footer:var(--nord-dark-3);--editor-bg:var(--glass-light);--button-hover-bg:var(--glass-dark);--syn-kwd:#0256a9;--syn-fn:#00707f;--syn-val:#6b46a0;--syn-str:#955545;--syn-punc:#344868}@supports (color:lab(0% 0 0)){[data-theme=light]{--syn-kwd:lab(36.1659% 4.25482 -51.4246);--syn-fn:lab(42.737% -27.222 -18.4062);--syn-val:lab(37.5357% 30.6425 -43.3461);--syn-str:lab(43.5848% 26.185 21.661);--syn-punc:lab(30.0574% -.413626 -21.4485)}}[data-theme=dark]{--bg-app:var(--nord-dark-1);--text-main:var(--nord-light-1);--text-sub:var(--nord-light-2);--text-footer:var(--nord-light-3);--editor-bg:var(--glass-dark);--button-hover-bg:var(--glass-light);--syn-kwd:#589aed;--syn-fn:#4ab6c7;--syn-val:#a278e4;--syn-str:#e1957a;--syn-punc:#92b3cb}@supports (color:lab(0% 0 0)){[data-theme=dark]{--syn-kwd:lab(62.1128% -2.29135 -48.6219);--syn-fn:lab(68.2838% -27.8863 -18.626);--syn-val:lab(58.246% 33.7272 -49.7654);--syn-str:lab(69.1278% 27.3489 26.4492);--syn-punc:lab(71.0413% -7.41798 -16.1424)}}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;font-family:var(--font-sans);overscroll-behavior:none;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;touch-action:manipulation;overflow:hidden}body{background-color:var(--bg-app);width:100%;height:100%;color:var(--text-main);transition:color var(--transition-speed), background-color var(--transition-speed)}#app{display:contents}main{height:100%;padding-top:var(--navigation-height);padding-bottom:4rem;align-items:center;padding-inline:max(2rem,50% - 522px);display:flex}footer{bottom:0;color:var(--text-footer);justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.8rem;display:flex;position:fixed;inset-inline:0}footer a{font-size:inherit;color:inherit;text-decoration:none}.icon-btn{cursor:pointer;color:var(--text-sub);transition:color var(--transition-speed), background-color var(--transition-speed);background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.icon-btn svg{flex:1 1 0}.icon-btn:hover{color:var(--text-main);background-color:var(--button-hover-bg)}.icon-btn[disabled]{cursor:pointer;opacity:.8;pointer-events:none}.editor,.live-input{font-family:var(--font-mono);font-variant-ligatures:none}.editor{background-color:var(--editor-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--text-main), transparent 92%);border-radius:12px;padding:2.5rem 1.5rem 1.5rem;font-size:clamp(.6rem,2.5vw,.85rem);line-height:1.5;position:relative;transform:perspective(1000px)rotateY(-2deg);box-shadow:0 10px 20px -10px #00000026}.editor pre{scrollbar-width:none;margin:0;overflow:hidden}.editor pre::-webkit-scrollbar{display:none}.editor .copy{position:absolute;top:.5rem;right:.5rem;scale:.9}.live-input{appearance:none;font-family:inherit;font-size:inherit;color:var(--syn-val);text-align:center;border:none;border-bottom:1px dashed color-mix(in srgb, var(--syn-val), transparent 50%);cursor:text;background:0 0;outline:none;width:3ch;min-width:2ch;margin:0 2px;padding:0;font-weight:700;transition:border-color .2s}@supports (field-sizing:content){.live-input{field-sizing:content;width:auto}}.live-input:focus{border-bottom-style:solid;border-bottom-color:var(--syn-val)}.live-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.live-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.keyword{color:var(--syn-kwd);font-weight:600}.function{color:var(--syn-fn)}.string{color:var(--syn-str)}.number{color:var(--syn-val)}.operator{color:var(--syn-kwd)}.punctuation{color:var(--syn-punc);opacity:.6}.comment{color:var(--text-sub);opacity:.8;font-style:italic}