*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.top-2\.5{top:10px}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.min-h-\[70vh\]{min-height:70vh}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-20>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(5rem*var(--tw-space-x-reverse))}.space-x-44>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(11rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(11rem*var(--tw-space-x-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.rounded-xl{border-radius:.75rem}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-zinc-900{--tw-bg-opacity:1;background-color:#18181b;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.p-6{padding:1.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-content-text{font-size:24px}.text-header-text{font-size:40px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-github{--tw-text-opacity:1;color:#8256d0;color:rgb(130 86 208/var(--tw-text-opacity,1))}.text-htmlcssjs{--tw-text-opacity:1;color:#ec7419;color:rgb(236 116 25/var(--tw-text-opacity,1))}.text-java{--tw-text-opacity:1;color:#f89820;color:rgb(248 152 32/var(--tw-text-opacity,1))}.text-link{--tw-text-opacity:1;color:grey;color:rgb(128 128 128/var(--tw-text-opacity,1))}.text-other{--tw-text-opacity:1;color:#ffcb2b;color:rgb(255 203 43/var(--tw-text-opacity,1))}.text-pink-300{--tw-text-opacity:1;color:#f9a8d4;color:rgb(249 168 212/var(--tw-text-opacity,1))}.text-python{--tw-text-opacity:1;color:#3776ab;color:rgb(55 118 171/var(--tw-text-opacity,1))}.text-rust{--tw-text-opacity:1;color:#ce422b;color:rgb(206 66 43/var(--tw-text-opacity,1))}.text-selenium{--tw-text-opacity:1;color:#2cb134;color:rgb(44 177 52/var(--tw-text-opacity,1))}.text-tkinter{--tw-text-opacity:1;color:#fff100;color:rgb(255 241 0/var(--tw-text-opacity,1))}.text-yellow-200{--tw-text-opacity:1;color:#fef08a;color:rgb(254 240 138/var(--tw-text-opacity,1))}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}html{font-size:16px}body{scrollbar-color:#fff #000;scrollbar-width:thin}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#fff;border-color:2px solid #fff;border-radius:5px}body{background-color:#000;color:#fff;font-family:Inconsolata,monospace;height:100vh;margin:0;padding-top:20px}.body-text{justify-content:center;letter-spacing:-1px;line-height:1.5;margin:0 auto;max-width:750px;min-height:60vh;padding:1rem 1.5rem}@media (max-width:750px){.body-text{padding-left:5vw;padding-right:5vw}}.scroll{animation:down 1.5s infinite;-webkit-animation:down 1.5s infinite;border:2px solid #fff;border-radius:50%;height:20px;position:relative;width:20px}.scroll:before{border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";height:6px;left:5.1px;position:absolute;top:4px;transform:rotate(-45deg);width:6px}@keyframes down{0%{transform:translate(0)}20%{transform:translateY(7px)}40%{transform:translate(0)}}.hide-scroll{animation:none;-webkit-animation:none;border:2px solid #0000}.hide-scroll:before{border-bottom:2px solid #0000;border-left:2px solid #0000;content:"";height:6px;left:5.1px;position:absolute;top:4px;transform:rotate(-45deg);width:6px}@keyframes pulse{50%{opacity:.5}}.hover\:animate-pulse:hover{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hover\:underline:hover{text-decoration-line:underline}:root{--color-calc-bg:#f0f0f0;--color-calc-black:#000;--color-calc-text:#e0e0e0;--color-calc-control-bg:#1e1e1ed9;--color-calc-control-bg-darker:#282828e6;--color-calc-control-bg-hover:#3c3c3ce6;--color-calc-border:#ffffff1a;--color-calc-active:#4caf50b3;--color-calc-active-border:#4caf50e6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:15px;--spacing-lg:20px;--border-radius:4px;--border-radius-lg:8px;--transition-fast:0.1s ease;--transition-normal:0.3s ease}.color-calculator-container{height:70vh;margin:20px 0;min-height:600px;position:relative;width:100%}.canvas-container{background-color:#000;background-color:var(--color-calc-black);height:100%;width:100%}#glCanvas{display:block;height:100%;width:100%}.controls{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1e1e1ed9;background-color:var(--color-calc-control-bg);border:1px solid #ffffff1a;border:1px solid var(--color-calc-border);border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 2px 10px #0000004d;margin:20px 20px 20px 0;margin:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) 0;max-width:300px;padding:15px;padding:var(--spacing-md);position:absolute;right:0;top:0;transform-origin:calc(100% - 20px) 20px;transform-origin:calc(100% - var(--spacing-lg)) var(--spacing-lg);transition:all .1s ease;transition:all var(--transition-fast)}.controls.collapsed{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;border:none;box-shadow:none;height:42px;padding:0;width:42px}.controls-content{opacity:1;padding-right:40px;transform-origin:top right;transition:opacity .1s ease;transition:opacity var(--transition-fast)}.controls.collapsed .controls-content{display:none;opacity:0;transform:scale(.5)}.toggle-button{align-items:center;background-color:#282828e6;background-color:var(--color-calc-control-bg-darker);border:1px solid #ffffff1a;border:1px solid var(--color-calc-border);border-radius:4px;border-radius:var(--border-radius);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:-1px;top:-1px;transition:background-color .1s ease;transition:background-color var(--transition-fast);width:40px;z-index:1}.toggle-button:hover{background-color:#3c3c3ce6;background-color:var(--color-calc-control-bg-hover)}.toggle-icon{height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center center;transition:transform .3s ease;transition:transform var(--transition-normal);width:20px}.toggle-icon:after,.toggle-icon:before{background-color:#e0e0e0;background-color:var(--color-calc-text);content:"";height:2px;position:absolute;top:50%;width:12.5px}.toggle-icon:before{left:0;transform:translateY(-50%) rotate(45deg)}.toggle-icon:after{right:0;transform:translateY(-50%) rotate(-45deg)}.controls:not(.collapsed) .toggle-icon{transform:translate(-50%,-50%) scaleY(-1)}.control-row{display:flex;flex-direction:column;gap:15px;gap:var(--spacing-md)}.control-group{width:100%}.control-group label{color:#e0e0e0;color:var(--color-calc-text);display:block;font-size:.9em;font-weight:700;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.color-input,.control-group select{background-color:#282828e6;background-color:var(--color-calc-control-bg-darker);border:1px solid #ffffff1a;border:1px solid var(--color-calc-border);border-radius:4px;border-radius:var(--border-radius);color:#e0e0e0;color:var(--color-calc-text);padding:4px;padding:var(--spacing-xs);width:100%}.color-input{text-align:center;width:50px}.color-controls{flex-direction:column}.color-controls,.color-slider{display:flex;gap:8px;gap:var(--spacing-sm)}.color-slider{align-items:center}.color-slider label{margin:0;text-align:center;width:20px}input[type=range]{margin:4px 0;margin:var(--spacing-xs) 0;width:100%}.color-slider input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;flex:1 1;height:20px;margin:6px 0}.color-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #333;border-radius:50%;cursor:pointer;height:16px;margin-top:-4px;width:16px}.color-slider input[type=range]::-webkit-slider-runnable-track{background:#282828e6;background:var(--color-calc-control-bg-darker);border-radius:4px;border-radius:var(--border-radius);height:8px;width:100%}#red::-webkit-slider-runnable-track{background:linear-gradient(90deg,#000,red);background:linear-gradient(to right,var(--color-calc-black),red)}#green::-webkit-slider-runnable-track{background:linear-gradient(90deg,#000,#0f0);background:linear-gradient(to right,var(--color-calc-black),#0f0)}#blue::-webkit-slider-runnable-track{background:linear-gradient(90deg,#000,#00f);background:linear-gradient(to right,var(--color-calc-black),#00f)}.wasd-controls{display:flex;justify-content:flex-start;padding-right:45px;position:relative}.wasd-diagram{align-items:center;flex-direction:column}.wasd-diagram,.wasd-row{display:flex;gap:4px;gap:var(--spacing-xs)}.key{align-items:center;background-color:#282828e6;background-color:var(--color-calc-control-bg-darker);border:1px solid #ffffff1a;border:1px solid var(--color-calc-border);border-radius:4px;border-radius:var(--border-radius);color:#e0e0e0;color:var(--color-calc-text);display:flex;font-size:.9em;font-weight:700;height:32px;justify-content:center;width:32px}.key.active{background-color:#4caf50b3;background-color:var(--color-calc-active);border-color:#4caf50e6;border-color:var(--color-calc-active-border);color:#fff}.control-hint{align-items:center;color:#a0a0a0;display:flex;flex-direction:column;font-size:1em;gap:2px;margin-top:8px;margin-top:var(--spacing-sm);position:absolute;right:8px;right:var(--spacing-sm);text-align:center;top:50%;transform:translateY(-50%)}.control-hint span{display:block;line-height:1}.control-hint span:nth-child(2){font-size:.9em;margin:-1px 0;opacity:.7}@media (max-width:1000px){.controls{max-width:none;width:calc(100% - 40px)}.controls.collapsed{max-width:42px;width:42px}}