@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--bg-color:#000;--text-color:#fff;--main-purple:#b026ff;--border-color:#fff;--container-bg:#000000b3}body{color:var(--text-color);background-image:url(/bg.png);background-repeat:repeat;background-size:cover;background-attachment:fixed;justify-content:center;margin:0;padding:0;font-family:VT323,monospace;font-size:1.3rem;display:flex;position:relative}body:before{content:"";z-index:-1;background-image:url(/bg.png);background-repeat:repeat;background-size:cover;animation:120s linear infinite move-bg;position:fixed;inset:0}@keyframes move-bg{0%{background-position:0 0}to{background-position:2000px 0}}a{color:var(--main-purple);text-decoration:none}a:hover{background-color:var(--main-purple);color:#000;text-decoration:underline}#app{box-sizing:border-box;width:90%;max-width:800px;min-height:100vh;padding:20px}.box{background-color:var(--container-bg);border:4px solid var(--border-color);box-shadow:8px 8px 0px var(--main-purple);margin-top:40px;margin-bottom:20px;padding:30px}.nav{border-bottom:2px dashed var(--main-purple);gap:20px;margin-bottom:30px;padding-bottom:15px;font-size:1.4rem;display:flex}h1,h2,h3{color:var(--main-purple);text-transform:lowercase;font-family:"Press Start 2P",cursive;line-height:1.4}h1{font-size:1.5rem}h2{font-size:1rem}h3{font-size:.8rem}ul{list-style-type:square}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{border-left:2px solid var(--main-purple);background:#000}::-webkit-scrollbar-thumb{background:var(--main-purple)}.cat-box.svelte-19w22c9{border:2px dashed var(--main-purple);text-align:center;background:#ff66cc1a;margin-top:30px;padding:10px;display:inline-block}pre.svelte-19w22c9{margin:0;font-family:monospace;font-size:1.2rem;line-height:1.2}.social-links.svelte-19w22c9{margin:15px 0}.social.svelte-19w22c9{color:var(--main-purple);margin-right:15px;text-decoration:none;display:inline-block}.social.svelte-19w22c9:hover{background-color:var(--main-purple);color:#000}.dj-area.svelte-e7wkxv{text-align:center;border:2px dashed var(--main-purple);background:#ff66cc0d;margin:30px 0;padding:20px;position:relative}.dj-center.svelte-e7wkxv{justify-content:center;align-items:center;gap:30px;display:flex}.basil-cat.svelte-e7wkxv{width:80px;height:auto}.right-basil.svelte-e7wkxv{transform:scaleX(-1)}.cat-wrapper.svelte-e7wkxv{display:inline-block;position:relative}.edge-cats.svelte-e7wkxv{pointer-events:none}.side-cat.svelte-e7wkxv{z-index:100;color:var(--main-purple);font-size:max(3rem,4vw);font-weight:700;position:fixed;top:50%;transform:translateY(-50%)}.side-cat.svelte-e7wkxv pre.cat:where(.svelte-e7wkxv){font-size:inherit;line-height:1}.side-cat.left.svelte-e7wkxv{left:40px}.side-cat.right.svelte-e7wkxv{right:40px;transform:translateY(-50%)scaleX(-1)}.flip-side.svelte-e7wkxv{animation:svelte-e7wkxv-flip-side calc(var(--duration,.4s) * 2) infinite steps(1)}@keyframes svelte-e7wkxv-flip-side{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}.fast-bop.svelte-e7wkxv{animation:svelte-e7wkxv-bop var(--duration,.4s) infinite alternate cubic-bezier(.4, 0, .2, 1)}@keyframes svelte-e7wkxv-bop{0%{transform:translateY(0)scaleY(1)}to{transform:translateY(-15px)scaleY(1.05)}}.music-notes.svelte-e7wkxv{color:var(--main-purple);font-size:1.5rem;animation:1s infinite alternate svelte-e7wkxv-float;position:absolute;top:-20px;right:-40px}@keyframes svelte-e7wkxv-float{0%{transform:translateY(0)rotate(5deg)}to{filter:blur(1px);transform:translateY(-10px)rotate(-10deg)}}pre.cat.svelte-e7wkxv{text-shadow:2px 2px #00000080;margin:0;font-family:monospace;font-size:1.2rem;line-height:1.2}.options-menu.svelte-e7wkxv{text-align:center;margin-bottom:30px}.toggle-btn.svelte-e7wkxv{border:2px solid var(--border-color);color:var(--border-color);cursor:pointer;background:0 0;margin-bottom:20px;padding:8px 16px;font-family:"Press Start 2P",cursive;font-size:1rem;transition:color .2s,background .2s,border-color .2s}.toggle-btn.svelte-e7wkxv:hover{color:#000;background:var(--main-purple);border-color:var(--main-purple)}.sliders.svelte-e7wkxv{color:var(--main-purple);flex-direction:column;align-items:center;gap:15px;width:100%;margin:0 auto;font-family:"Press Start 2P",cursive;font-size:.8rem;display:flex}.slider-row.svelte-e7wkxv{justify-content:space-between;align-items:center;gap:15px;width:100%;display:flex}.slider-row.toggle-row.svelte-e7wkxv input[type=checkbox]:where(.svelte-e7wkxv){cursor:pointer;width:20px;height:20px;accent-color:var(--main-purple)}.speed-controls.svelte-e7wkxv{color:var(--main-purple);flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-bottom:25px;font-family:"Press Start 2P",cursive;font-size:.9rem;display:flex}.speed-controls.svelte-e7wkxv button:where(.svelte-e7wkxv){border:2px dashed var(--border-color);color:var(--text-color);cursor:pointer;background:0 0;padding:8px 12px;font-family:inherit;font-size:.9rem}.speed-controls.svelte-e7wkxv button.active:where(.svelte-e7wkxv),.speed-controls.svelte-e7wkxv button:where(.svelte-e7wkxv):hover{background:var(--main-purple);color:#000;border-color:var(--main-purple)}.custom-player.svelte-e7wkxv{border:2px solid var(--border-color);box-shadow:4px 4px 0px var(--main-purple);background:#0006;margin-bottom:30px;padding:20px}.player-info.svelte-e7wkxv{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.track-metadata.svelte-e7wkxv{flex-direction:column;gap:8px;max-width:60%;display:flex}.now-playing.svelte-e7wkxv{text-transform:uppercase;color:var(--main-purple);white-space:nowrap;text-overflow:ellipsis;font-family:"Press Start 2P",cursive;font-size:.9rem;overflow:hidden}.bpm-key-badges.svelte-e7wkxv{color:var(--text-color);gap:10px;font-family:VT323,monospace;font-size:.8rem;display:flex}.badge.svelte-e7wkxv{background:var(--main-purple);color:#000;border-radius:4px;padding:2px 6px;font-weight:700}.time-display.svelte-e7wkxv{font-family:VT323,monospace;font-size:1.5rem}.player-controls.svelte-e7wkxv{justify-content:center;gap:30px;margin-bottom:30px;display:flex}.player-controls.disabled-controls.svelte-e7wkxv button:where(.svelte-e7wkxv){color:#555;cursor:not-allowed}.player-controls.disabled-controls.svelte-e7wkxv button:where(.svelte-e7wkxv):hover{background:0 0;text-decoration:none}.player-controls.svelte-e7wkxv button:where(.svelte-e7wkxv){color:var(--text-color);cursor:pointer;background:0 0;border:none;font-family:"Press Start 2P",cursive;font-size:1rem;transition:color .2s}.player-controls.svelte-e7wkxv button:where(.svelte-e7wkxv):hover:not(:disabled){color:var(--main-purple)}.progress-bar-container.svelte-e7wkxv{width:100%;height:60px;margin-top:10px;position:relative}.waveform-canvas.svelte-e7wkxv{opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.overlay-slider.svelte-e7wkxv{z-index:10;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.retro-slider.svelte-e7wkxv{appearance:none;outline:2px solid var(--border-color);cursor:pointer;background:0 0;flex:1;height:14px}.retro-slider.main-progress.svelte-e7wkxv{background:0 0;width:100%}.retro-slider.main-progress.svelte-e7wkxv:disabled{outline:none}.retro-slider.svelte-e7wkxv:disabled{cursor:not-allowed;outline:2px solid #555}.retro-slider.svelte-e7wkxv::-webkit-slider-thumb{appearance:none;cursor:pointer;background:url(/basil.png) 50%/contain no-repeat;border:none;width:32px;height:32px}.retro-slider.svelte-e7wkxv:disabled::-webkit-slider-thumb{filter:grayscale();opacity:.5}.retro-slider.svelte-e7wkxv::-moz-range-thumb{cursor:pointer;background:url(/basil.png) 50%/contain no-repeat;border:none;border-radius:0;width:32px;height:32px}.retro-slider.svelte-e7wkxv:disabled::-moz-range-thumb{filter:grayscale();opacity:.5}.track-list.svelte-e7wkxv{margin-top:20px}.track.svelte-e7wkxv{border-left:4px solid var(--border-color);margin-bottom:25px;padding-left:15px;transition:all .2s}.track-details.svelte-e7wkxv{color:#ccc;margin-bottom:10px;font-family:VT323,monospace;font-size:1rem}.track.active-track.svelte-e7wkxv{border-left-color:var(--main-purple);background:#ff66cc1a}.track.svelte-e7wkxv:hover{border-left-color:var(--main-purple);background:#ff66cc0d}.listen-btn.svelte-e7wkxv{color:var(--main-purple);cursor:pointer;background:0 0;border:none;margin-top:5px;padding:0;font-family:VT323,monospace;font-size:1.2rem}.listen-btn.svelte-e7wkxv:hover{background-color:var(--main-purple);color:#000;text-decoration:underline}h3.svelte-e7wkxv{color:var(--main-purple);margin:0 0 5px;font-size:1rem}@media (width<=768px){.edge-cats.svelte-e7wkxv{display:none!important}}.random-container.svelte-169uc7l{border:2px solid var(--border-color);background:0 0;padding:20px}h2.svelte-169uc7l{color:var(--main-purple);text-align:center;border-bottom:2px dashed var(--border-color);margin-top:0;padding-bottom:15px}.marquee-box.svelte-169uc7l{border:1px dotted var(--border-color);color:var(--main-purple);margin:20px 0;padding:5px}.fun-section.svelte-169uc7l{border:2px inset var(--main-purple);background:#ff66cc0d;margin:30px 0;padding:10px;position:relative;overflow:hidden}.fast-basil.svelte-169uc7l{height:60px;image-rendering:pixelated}.spinny-basil.svelte-169uc7l{height:80px;image-rendering:pixelated;margin:0 10px;animation:3s linear infinite svelte-169uc7l-spin}.spinny-basil.reverse.svelte-169uc7l{animation:2s linear infinite reverse svelte-169uc7l-spin}@keyframes svelte-169uc7l-spin{to{transform:rotate(360deg)}}.bouncing-dvd.svelte-169uc7l{border:1px solid var(--border-color);background:#000;width:100%;height:150px;margin:20px 0;position:relative;overflow:hidden}.dvd-basil.svelte-169uc7l{height:50px;image-rendering:pixelated;filter:drop-shadow(0 0 5px var(--main-purple));animation:4.3s linear infinite alternate svelte-169uc7l-bounceX,3.1s linear infinite alternate svelte-169uc7l-bounceY;position:absolute}@keyframes svelte-169uc7l-bounceX{0%{left:0}to{left:calc(100% - 50px)}}@keyframes svelte-169uc7l-bounceY{0%{top:0}to{top:calc(100% - 50px)}}ul.svelte-169uc7l{padding-left:20px;list-style-type:square}a.svelte-169uc7l{color:var(--main-purple);text-decoration:none}a.svelte-169uc7l:hover{color:var(--text-color);background-color:var(--main-purple)}