.shatter-container[data-v-95d5fb44]{position:relative;display:inline-block}.shatter-button[data-v-95d5fb44]{padding:12px 24px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s;box-shadow:0 2px 5px rgba(0,0,0,.2)}.shatter-button[data-v-95d5fb44]:hover{background-color:#2980b9}.shatter-canvas[data-v-95d5fb44]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}.ripple-container[data-v-41c54129]{position:relative;display:inline-block}.ripple-button[data-v-41c54129]{padding:12px 24px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s;box-shadow:0 2px 5px rgba(0,0,0,.2);position:relative;z-index:3}.ripple-button[data-v-41c54129]:hover{background-color:#2980b9}.canvas-wrapper[data-v-41c54129]{overflow:visible;z-index:1}.canvas-wrapper[data-v-41c54129],.ripple-canvas[data-v-41c54129]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.ion-container[data-v-9f17856c]{position:relative;display:inline-block}.ion-button[data-v-9f17856c]{padding:12px 24px;background:linear-gradient(135deg,#7d00cc,#b300ea);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .3s ease;box-shadow:0 0 10px rgba(138,43,226,.5),inset 0 0 5px hsla(0,0%,100%,.5);text-shadow:0 0 5px #fff;position:relative;z-index:10;overflow:hidden}.ion-button[data-v-9f17856c]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 70%);transform:rotate(30deg);opacity:.3;transition:all .3s ease;z-index:-1}.ion-button[data-v-9f17856c]:hover{background:linear-gradient(135deg,#9000ea,#c600ff);box-shadow:0 0 20px rgba(186,85,255,.8),inset 0 0 10px hsla(0,0%,100%,.7);transform:translateY(-2px)}.ion-button[data-v-9f17856c]:hover:before{opacity:.5}.ion-button[data-v-9f17856c]:active{transform:translateY(1px)}.ion-canvas[data-v-9f17856c]{position:fixed;top:0;left:0;width:200vw;height:200vh;pointer-events:none;z-index:1}.jelly-container[data-v-292cc434]{position:relative;display:inline-block}.jelly-button[data-v-292cc434]{position:relative;cursor:pointer;outline:none;border:none;padding:16px 32px;font-size:16px;font-weight:600;border-radius:12px;min-width:150px;overflow:visible;background:transparent;transition:transform .1s;z-index:1;display:flex;justify-content:center;align-items:center}.jelly-button[data-v-292cc434]:active{transform:scale(.95)}.jelly-content[data-v-292cc434]{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;height:100%;width:100%;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:none;left:-19px;top:-5px}.jelly-reflection[data-v-292cc434]{position:absolute;top:0;left:0;right:0;height:50%;background-color:transparent;border-radius:8px 8px 0 0;pointer-events:none}.jelly-svg[data-v-292cc434]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;filter:drop-shadow(0 8px 20px var(--button-color-transparent));border-radius:12px;overflow:visible}.jelly-button[data-v-292cc434]:after{content:"";position:absolute;bottom:-5px;left:10%;right:10%;height:10px;background:rgba(0,0,0,.1);border-radius:50%;filter:blur(5px);z-index:-1;transition:all .3s ease}.jelly-button[data-v-292cc434]:active:after{bottom:-2px;left:15%;right:15%;height:5px}.blackhole-container[data-v-18e5e0c6]{position:relative;display:inline-block;margin-left:-30px}.blackhole-button[data-v-18e5e0c6]{position:relative;cursor:pointer;padding:10px 10px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#30103f,#1e0a29);border:1px solid #6b33a0;border-radius:12px;box-shadow:0 0 15px rgba(111,33,173,.5);transition:all .3s ease;z-index:10;min-width:150px;text-shadow:0 1px 2px rgba(0,0,0,.5);outline:none;overflow:hidden}.blackhole-button[data-v-18e5e0c6]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#7c33c7,#3c1966);opacity:0;transition:opacity .3s ease;z-index:-1}.blackhole-button[data-v-18e5e0c6]:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(132,56,204,.6)}.blackhole-button[data-v-18e5e0c6]:hover:before{opacity:1}.blackhole-button[data-v-18e5e0c6]:active{transform:translateY(1px);box-shadow:0 0 8px rgba(111,33,173,.4)}.blackhole-canvas[data-v-18e5e0c6]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{text-align:center;padding:50px 20px;background-color:#2c3e50;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}.app-header h1{font-size:36px;margin-bottom:10px}.content{flex-direction:column;align-items:center;flex:1;padding:50px 20px}.buttons-container,.content{display:flex;justify-content:center}.buttons-container{gap:50px;margin-bottom:60px;flex-wrap:wrap}.info-panel{padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1);max-width:800px;width:100%}.info-panel h2{text-align:center;margin-bottom:20px;color:#2c3e50;font-size:24px}.info-panel p{margin:10px 0;font-size:16px}.description{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.description h3{margin-bottom:15px;color:#2c3e50}.description ul{margin:15px 0;padding-left:20px}.description li{margin-bottom:8px}@media (max-width:600px){.buttons-container{flex-direction:column;gap:40px}.info-panel{padding:20px}}