body,html{margin:0;padding:0;background-color:#000;color:#fff;font-family:Poppins,sans-serif;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw}body.visualizer{transform-origin:top center}body.visualizer #options-modal,body.visualizer header{z-index:10000;margin-top:18px}header{width:100%}header nav{display:flex;justify-content:space-between}header nav ul{margin:0;padding:0;display:flex;display:none;justify-content:flex-end;align-items:center}.title-container{text-align:center;position:relative}.title{font-size:4rem;font-weight:700;letter-spacing:2px;margin:0;display:inline-block}footer{text-align:center}footer small{font-size:14px}.title .incredi,footer .incredi{color:#00ff87;text-shadow:0 0 10px #00ff87,0 0 20px #00ff87}.buy-now,.title .beat,footer .beat{color:#007bff;text-shadow:0 0 10px #007bff,0 0 20px #007bff}.wave-underline{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:100px;height:10px;background:linear-gradient(90deg,#00ff87,#007bff);box-shadow:0 0 10px #00ff87,0 0 20px #007bff;border-radius:10px;animation:wave-pulse 1.5s infinite ease-in-out}@keyframes wave-pulse{0%,100%{width:100px;opacity:1}50%{width:150px;opacity:.7}}.logo{position:relative;font-family:Arial,sans-serif;font-weight:700;font-size:3rem;color:#fff;text-shadow:0 0 15px rgba(0,255,0,.8),0 0 30px rgba(0,0,255,.8);display:inline-block;margin-top:10px;margin-left:40px}.logo .highlight{color:#00f;text-shadow:0 0 15px rgba(0,0,255,.8),0 0 30px rgba(0,255,255,.8)}.logo .lite-label{position:absolute;right:-15px;font-size:1.2rem;font-weight:700;color:#fff;padding:5px 10px;border-radius:5px;transform:rotate(20deg);text-shadow:0 0 15px rgba(255,255,255,.8),0 0 30px rgba(0,255,255,.8);display:none}.buy-now{font-weight:700}.lite-label,.pro-label{display:none}#visualizer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:1000;display:none;overflow:hidden}#controls{margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center}#controls label{margin-right:10px;font-weight:700}.sequencer{display:grid;grid-template-columns:repeat(16,30px);grid-template-rows:repeat(8,30px);grid-gap:5px;margin-top:10px;position:relative;z-index:1}.grid-focused{outline:1px ridge var(--track-color)}.cell{width:30px;height:30px;background-color:#ddd;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none;transition:background-color .2s,opacity .2s}.cell.active{background-color:var(--track-color)}.cell.playing{filter:blur(1px);background:#bbb;outline:2px solid var(--track-color)}.cell.playing.active{filter:blur(0px);outline:4px solid var(--track-color)}.cell.active[data-track-color]{background-color:var(--track-color)}.cell.played{animation:fadeOut .5s ease-in-out forwards}.track.muted .cell.playing{filter:none;outline:0}.fx-toggles{margin-top:10px;display:flex;align-items:center}.fx-toggles label{margin-right:10px;display:flex;align-items:center}.fx-toggles input[type=range]{margin-left:5px;width:100px}#addTrackButton{padding:8px 12px;font-size:1em;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:4px;margin:10px}#addTrackButton:hover{background-color:#45a049}#tabsContainer{display:flex;align-items:center;margin-bottom:10px;flex-wrap:wrap;border-bottom:1px solid #ccc;justify-items:flex-end;overflow:hidden;overflow-x:auto;max-width:70vw}#sequencers{display:none}#tabsContainer button{margin-right:20px}.tab{padding:10px 15px;border:1px solid #ccc;border-bottom:none;cursor:pointer;background-color:#e0e0e0;margin-right:2px;border-top-left-radius:4px;border-top-right-radius:4px;position:relative;z-index:2;margin-right:10px;margin-bottom:-10px;margin-top:20px;filter:brightness(25%)}.tab.active{background-color:#fff;font-weight:700;margin-top:0;margin-bottom:-15px;filter:brightness(100%)}#overlayButton{padding:8px 12px;font-size:1em;cursor:pointer;background-color:#008cba;color:#fff;border:none;border-radius:4px;margin-left:auto;display:block}#overlayButton.active{background-color:#005f6a;display:none}#overlayButton:hover{background-color:#006494}.overlay .track{opacity:.7}button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:10px 16px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#0056b3;transform:scale(1.05)}button:active{background-color:#004085;transform:scale(.95)}button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.7}button.outline{background-color:transparent;color:#007bff;border:2px solid #007bff;border-radius:4px}button.outline:hover{background-color:#007bff;color:#fff}button.secondary{background-color:#6c757d;color:#fff;border-radius:4px}button.secondary:hover{background-color:#5a6268}button.rounded{background-color:#28a745;color:#fff;border-radius:50px;padding:10px 20px}button.rounded:hover{background-color:#218838}#visualizer-controls{display:none}#visualizer-options{display:flex;flex-wrap:wrap;gap:20px}.visible{display:block}.brushed-metal{background:linear-gradient(90deg,#e0e0e0 0,silver 100%);background-size:200% 200%;background-blend-mode:overlay;box-shadow:inset 0 0 10px rgba(0,0,0,.2);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 2px,rgba(255,255,255,.05) 4px)}.wood-grain{background:linear-gradient(45deg,#8b4513 25%,sienna 25%,sienna 50%,#8b4513 50%,#8b4513 75%,sienna 75%);background-size:50px 50px;background-blend-mode:soft-light;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 1px,rgba(0,0,0,.05) 2px,rgba(255,255,255,.1) 4px);box-shadow:inset 0 0 10px rgba(0,0,0,.3)}.retro-grid{background:linear-gradient(90deg,#1d1f21 0,#2f3136 100%);background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:10px 10px}.linen{background:linear-gradient(90deg,#f8f4e6 0,#e9e5d6 100%);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.5) 1px,transparent 2px,rgba(0,0,0,.02) 3px);background-size:20px 20px}.gradient-glow{background:linear-gradient(135deg,#ff007c,#7c00ff,#0014ff);background-size:200% 200%;animation:glowing 6s ease infinite}@keyframes glowing{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes tick-pulse{0%,100%{filter:blur(0px)}50%{filter:blur(1px)}}.leather{background:linear-gradient(90deg,#3e3b36,#514d4a);background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:4px 4px;box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.carbon-fiber{background:linear-gradient(135deg,#333 25%,#444 25%,#444 50%,#333 50%,#333 75%,#444 75%);background-size:10px 10px}.paper{background:linear-gradient(90deg,#fff,#f8f8f8);background-image:radial-gradient(circle,rgba(0,0,0,.02) 1px,transparent 1px);background-size:10px 10px}.logo{text-align:center;font-size:3em;color:#0f0;text-shadow:0 0 10px #0f0,0 0 20px #0f0}.logo span{color:#00f;text-shadow:0 0 10px #00f,0 0 20px #00f}.header{display:flex;justify-content:flex-end;align-items:center;padding:10px;background:#333;border-bottom:2px solid #444;border-radius:0 0 5px 5px;margin:20px 40px}.toolbar{display:flex;gap:10px;align-items:center;z-index:10000}.toolbar button,.toolbar select{padding:5px 10px;font-size:1em;border:none;border-radius:5px;background:#555;color:#fff;cursor:pointer}.toolbar button:hover,.toolbar select:hover{background:#777}.track-section{padding:10px;display:flex;flex-direction:column;gap:20px}.track{background:#222;border:1px solid #444;border-radius:10px;padding:10px}.track.light{background:#fff;color:#222}.track.light label{color:#222}.modal{position:fixed;top:0;left:0;width:100%;min-height:20vh;background:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:10001}.modal-content{background:#333;padding:20px;border-radius:10px;text-align:center}.modal .close{position:absolute;top:10px;right:20px;font-size:1.5em;color:#fff;cursor:pointer}.hidden{display:none}h3{margin:0 0 10px;color:#fff;font-size:1.2em}.row{display:flex;align-items:center;gap:10px;margin-bottom:10px}label{font-weight:700;color:#fff}input[type=text],select{flex:1;padding:5px;border:1px solid #444;border-radius:4px;background-color:#1e1e1e;color:#fff}button.icon-button{display:flex;align-items:center;justify-content:center;padding:5px 10px;background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer}button.icon-button:hover{background-color:#555}.collapsible .content{display:none;margin-top:10px}.collapsible.open .content{display:block}.toggle-arrow{cursor:pointer;font-size:.9em;color:#ccc}#loading-screen{position:fixed;overflow:hidden;top:0;right:0;width:100vw;height:100vh;background:#000;display:flex;justify-content:center;align-items:center;z-index:10000}#toggleVisualizer,.bpm-controls{display:none}a{text-decoration:none}.hanging-tabs{display:none}#go-live-button{display:none}