:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1200px;margin:0 auto;padding:2rem;text-align:center;font-family:Fira Code,monospace;color:#3f3;background-color:#0a0a0a}.logo{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor;height:96px;margin-bottom:1rem;filter:invert(47%) sepia(91%) saturate(747%) hue-rotate(105deg) brightness(103%) contrast(102%);transition:filter .6s ease}.logo:hover{filter:invert(76%) sepia(28%) saturate(5481%) hue-rotate(125deg) brightness(105%) contrast(101%)}h1,h2,h3{color:#00ff80;text-shadow:0 0 5px #00ffcc55}.project-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem}.project-card{background-color:#111;border-radius:1rem;padding:1.5rem;box-shadow:0 0 10px #0fc3;flex:1 1 300px;max-width:460px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #00ffcc22}.project-card:hover{transform:scale(1.02);box-shadow:0 0 20px #0fc9}canvas{max-width:100%;height:auto;image-rendering:pixelated}label{display:inline-block;margin-top:.5rem;color:#7f7;font-size:.9rem}input[type=range]{width:100px;background:linear-gradient(to right,#0fc,#3f3);border:none;height:4px;outline:none}input[type=range]::-webkit-slider-thumb{background:#0fc;border:none;width:14px;height:14px;border-radius:50%;cursor:pointer}@keyframes glow{0%{text-shadow:0 0 5px #00ffcc55}25%{text-shadow:0 0 15px #00ffccaa}50%{text-shadow:0 0 5px #00ffcc55}25%{text-shadow:0 0 5px #00ffcc55}}h1,h2{animation:glow 5s infinite ease-in-out}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:6px;background:#222;border-radius:3px;outline:none;margin-top:.5rem;transition:background .3s;box-shadow:inset 0 0 5px #0fc6}.controls{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-top:1rem}input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right,#0fc,#3f3);border-radius:3px}input[type=range]::-moz-range-track{height:6px;background:linear-gradient(to right,#0fc,#3f3);border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#0fc;box-shadow:0 0 5px #0fca;cursor:pointer;margin-top:-4px}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#0fc;border:none;cursor:pointer}.checkbox{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.9rem;color:#7f7;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input{display:none}.checkbox .checkmark{width:18px;height:18px;border-radius:50%;border:2px solid #00ffcc88;background-color:transparent;display:inline-block;position:relative;transition:all .3s ease;box-shadow:0 0 6px #0fc3}.checkbox input:checked+.checkmark{background-color:#0fc;box-shadow:0 0 8px #0fca}