<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Color Therapy Menu</title>
<style>*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;background-color:#000;padding:20px}.menu{width:100%;max-width:600px;text-align:center}.menu h1{margin-bottom:30px;color:#fff;font-size:2.5rem}.menu-items-container{display:grid;gap:20px;width:100%}.menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px;background-color:rgba(255,255,255,.1);border-radius:10px;transition:transform .3s}.menu-item:hover{transform:scale(1.02)}.menu-item a{flex:1;padding:15px 30px;background-color:#4caf50;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s;font-size:1.1rem;white-space:nowrap;min-width:200px}.menu-item a:hover{background-color:#45a049}.color-circle{width:50px;height:50px;border-radius:50%;margin-left:20px;transition:background-color 1s ease;flex-shrink:0}@media (max-width:600px){.menu{padding:10px}.menu h1{font-size:1.8rem;margin-bottom:20px}.menu-item{flex-direction:column;gap:15px}.menu-item a{width:100%;min-width:unset;padding:12px 20px;font-size:1rem}.color-circle{margin-left:0}}</style>
</head>
<body>
<div class="menu">
<h1>Color Therapy Menu</h1>
<div class="menu-items-container">
<div class="menu-item">
<a href="color_therapy01.html" target="_blank">Chill & Focus</a>
<div class="color-circle" id="colorCircle1"></div>
</div>
<div class="menu-item">
<a href="color_therapy05.html" target="_blank">Universal Activation</a>
<div class="color-circle" id="colorCircle2"></div>
</div>
<div class="menu-item">
<a href="color_therapy06.html" target="_blank">Active Energy</a>
<div class="color-circle" id="colorCircle3"></div>
</div>
<div class="menu-item">
<a href="color_therapy07.html" target="_blank">Self Confidence</a>
<div class="color-circle" id="colorCircle4"></div>
</div>
<div class="menu-item">
<a href="color_therapy08.html" target="_blank">Peace</a>
<div class="color-circle" id="colorCircle5"></div>
</div>
</div>
</div>
<script>const i=b;(function(c,d){const h=b,e=c();while(!![]){try{const f=-parseInt(h(0x92))/0x1+parseInt(h(0x8a))/0x2*(-parseInt(h(0x8d))/0x3)+-parseInt(h(0x89))/0x4*(parseInt(h(0x82))/0x5)+-parseInt(h(0x91))/0x6*(-parseInt(h(0x7f))/0x7)+parseInt(h(0x8e))/0x8+-parseInt(h(0x83))/0x9+-parseInt(h(0x81))/0xa*(-parseInt(h(0x8b))/0xb);if(f===d)break;else e['push'](e['shift']());}catch(g){e['push'](e['shift']());}}}(a,0x9ee90));const therapyColors=[[i(0x8c),i(0x90),'#E6E6FA',i(0x86),i(0x94)],[i(0x7e),i(0x94),i(0x88),i(0x7a),i(0x8f)],[i(0x93),i(0x87),i(0x7c),i(0x94),'#FFDAB9'],['#8A2BE2','#4B0082',i(0x84),i(0x80),i(0x7d)],['#00FF00',i(0x7b),i(0x85),'#006400','#228B22']];let colorIndex=0x0;function changeAllCircleColors(){const c=document['querySelectorAll']('.color-circle');c['forEach']((d,e)=>{const j=b;d['style'][j(0x79)]=therapyColors[e][colorIndex];}),colorIndex=(colorIndex+0x1)%therapyColors[0x0]['length'];}function a(){const k=['90bsZkaM','597906mKLrrE','#800080','#008000','#FFB6C1','#FF8C00','#7FFFD4','55612SWuido','2qMTZpm','26037OjuhZc','#7CFC00','1411239ftkvvZ','2289144HYEUoi','#8A2BE2','#4682B4','591066NZYANw','276911VTDPDP','#FF4500','#FFD700','backgroundColor','#FF69B4','#32CD32','#FFA500','#FF1493','#FF6347','7ZvHCGc','#FF00FF','5620hcvwto'];a=function(){return k;};return a();}function b(c,d){const e=a();return b=function(f,g){f=f-0x79;let h=e[f];return h;},b(c,d);}changeAllCircleColors(),setInterval(changeAllCircleColors,0x1388);</script>
</body>
</html>
