* { margin:0; padding:0; box-sizing:border-box; }
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-track { background:#12121a; }
::-webkit-scrollbar-thumb { background:#2a2a3e; border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:#f4a300; }

body { background:
  radial-gradient(ellipse at 20% 0%, rgba(0,156,59,0.10), transparent 50%),
  radial-gradient(ellipse at 90% 100%, rgba(244,163,0,0.10), transparent 50%), #0a0a0f; }

@keyframes glitch {
  0% { text-shadow: 2px 0 #ff006e, -2px 0 #00b4d8; }
  25% { text-shadow: -3px 1px #ffdf00, 3px -1px #009c3b; }
  50% { text-shadow: 3px -2px #ff006e, -3px 2px #00b4d8; }
  75% { text-shadow: -2px 3px #f4a300, 2px -3px #009c3b; }
  100% { text-shadow: 2px 0 #ff006e, -2px 0 #00b4d8; }
}
@keyframes pulse-border {
  0%,100% { border-color:#00ff41; box-shadow:0 0 10px rgba(0,255,65,0.3); }
  50% { border-color:#f4a300; box-shadow:0 0 20px rgba(244,163,0,0.4); }
}
@keyframes neon-bar {
  0%,100% { box-shadow:0 0 8px #f4a300, 0 0 22px rgba(244,163,0,.6), inset 0 0 8px rgba(255,223,0,.4); filter:brightness(1); }
  45% { box-shadow:0 0 14px #ffdf00, 0 0 40px rgba(244,163,0,.9), inset 0 0 12px rgba(255,223,0,.6); filter:brightness(1.2); }
  48% { filter:brightness(.6); } 52% { filter:brightness(1.2); }
}
@keyframes scanline { 0% { transform:translateY(-100%);} 100% { transform:translateY(100vh);} }
@keyframes deepfry-ui {
  0% { filter:contrast(1) saturate(1); }
  20% { filter:contrast(5) saturate(8) brightness(2) hue-rotate(90deg); }
  50% { filter:contrast(4) saturate(6) brightness(1.8) hue-rotate(180deg); }
  100% { filter:contrast(1) saturate(1) hue-rotate(360deg); }
}
@keyframes spin360 { from { transform:rotate(0);} to { transform:rotate(1080deg);} }
@keyframes wave-hi { 0%,100% { transform:rotate(0);} 25% { transform:rotate(-14deg);} 75% { transform:rotate(14deg);} }

.font-display { font-family:'Bungee', cursive; }
.glitch-text { animation: glitch 0.3s infinite; }
.bora-btn { animation: neon-bar 1.6s infinite; background:linear-gradient(135deg,#f4a300,#ffdf00); color:#1a0f00; }
.buba-spin { animation: spin360 1.5s ease-in-out; }
.buba-wave:hover { animation: wave-hi .5s infinite; }
.scanline-overlay::after { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:rgba(244,163,0,0.15); animation:scanline 3s linear infinite; pointer-events:none; }
.deepfry-active { animation: deepfry-ui 3.5s ease-in-out forwards; }
.neon-glow-green { box-shadow:0 0 5px rgba(0,255,65,0.3), 0 0 10px rgba(0,255,65,0.1); }
.neon-glow-pink { box-shadow:0 0 5px rgba(255,0,110,0.3), 0 0 10px rgba(255,0,110,0.1); }
.neon-glow-amber { box-shadow:0 0 6px rgba(244,163,0,0.4), 0 0 14px rgba(244,163,0,0.15); }
.btn-neon { transition:all .15s ease; border:1px solid transparent; }
.btn-neon:hover { transform:scale(1.03); border-color:#00ff41; box-shadow:0 0 15px rgba(0,255,65,0.4); }
.btn-neon:active { transform:scale(0.95); }
.btn-pink:hover { border-color:#ff006e; box-shadow:0 0 15px rgba(255,0,110,0.4); }
.btn-amber:hover { border-color:#f4a300; box-shadow:0 0 15px rgba(244,163,0,0.5); }
.effect-block { transition:all .1s ease; cursor:pointer; }
.effect-block:hover { filter:brightness(1.3); }
.timeline-clip:hover { box-shadow:0 0 8px rgba(0,255,65,0.5); }
.timeline-clip.selected { box-shadow:0 0 12px rgba(0,180,216,0.8); }
.drop-zone-active { background:rgba(244,163,0,0.08) !important; border-color:#f4a300 !important; }
input[type="range"] { -webkit-appearance:none; appearance:none; height:4px; background:#2a2a3e; border-radius:2px; outline:none; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; width:14px; height:14px; border-radius:50%; background:#f4a300; cursor:pointer; box-shadow:0 0 6px rgba(244,163,0,.6); }
.tooltip-container { position:relative; }
.tooltip-container .tooltip-text { visibility:hidden; opacity:0; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); background:#1a1a2e; color:#ffdf00; padding:4px 10px; border-radius:4px; font-size:11px; white-space:nowrap; border:1px solid #f4a300; z-index:999; pointer-events:none; font-family:'JetBrains Mono',monospace; }
.tooltip-container:hover .tooltip-text { visibility:visible; opacity:1; }
.tab-on { background:#1a1a2e; color:#ffdf00; border-bottom:2px solid #f4a300; }