.shortcuts-container{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 50px;width:auto;max-width:90%;margin-top:20px;justify-items:center}.shortcut-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;width:80px;transition:transform .3s ease}.shortcut-item:hover{transform:translateY(-5px)}.shortcut-icon-wrapper{width:50px;height:50px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);margin-bottom:10px;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.shortcut-item:hover .shortcut-icon-wrapper{background:rgba(255,255,255,.2);box-shadow:0 0 15px #00d4ff66;border-color:#00d4ff4d}.shortcut-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.shortcut-name{color:#fffc;font-size:13px;font-family:Arial,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:color .3s ease}.shortcut-item:hover .shortcut-name{color:#fff}@media (max-width: 768px){.shortcuts-container{grid-template-columns:repeat(2,1fr);gap:20px 30px;margin-top:30px}}body{margin:0;overflow-x:hidden;overflow-y:auto;background-color:#1a1a1a}canvas{display:block;position:fixed;top:0;left:0;z-index:-1}.my-container{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:40px 0;box-sizing:border-box}.my-container .instruction{width:max-content;text-align:center;background:linear-gradient(90deg,#ff00cc,#3333ff,#00d4ff);-webkit-background-clip:text;color:transparent;font-family:Arial,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none;font-style:italic;font-size:112px;font-family:Sacramento;text-shadow:0 0 30px rgba(51,51,255,.3)}.logo{padding:16px 0 0 8px;width:100%;text-align:left}.logo img{width:60px;height:60px;filter:drop-shadow(0 0 15px rgba(51,51,255,.4))}.search-box{position:relative;width:600px;max-width:90%;height:50px;background:rgba(30,30,30,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid transparent;border-radius:25px;display:flex;align-items:center;padding:0 5px;transition:all .3s ease;z-index:100;background-clip:padding-box}.search-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;padding:2px;background:linear-gradient(90deg,#ff00cc,#3333ff,#00d4ff);background-size:100% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.ball{position:absolute;top:0;left:0;width:2px;height:2px;border-radius:50%;background-color:#f0c;offset-anchor:center;animation:moveAround 4s linear infinite,colorChange 4s linear infinite;z-index:-1;box-shadow:0 0 10px 4px #f0c;pointer-events:none}.ball2{animation-delay:-2s}@keyframes moveAround{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes colorChange{0%{background-color:#f0c;box-shadow:0 0 10px 2px #f0c}33%{background-color:#33f;box-shadow:0 0 10px 2px #33f}66%{background-color:#00d4ff;box-shadow:0 0 10px 2px #00d4ff}to{background-color:#f0c;box-shadow:0 0 10px 2px #f0c}}.search-box:hover:before,.search-box:focus-within:before{opacity:1;filter:blur(15px)}.search-box:hover,.search-box:focus-within{background:rgba(30,30,30,1)}.engine-selector{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:50px;border-right:1px solid rgba(255,255,255,.1)}.selected-engine{color:#ddd;display:flex;align-items:center;justify-content:center}.selected-engine svg{width:24px;height:24px;fill:currentColor}.engine-list{position:absolute;top:60px;left:0;background:rgba(30,30,30,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;width:160px;padding:5px;list-style:none;box-shadow:0 10px 40px #00000080;display:none;flex-direction:column;overflow:hidden;margin:0;z-index:101}.engine-list.show{display:flex;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.engine-list li{padding:10px 12px;color:#eee;cursor:pointer;font-size:14px;display:flex;align-items:center;border-radius:8px;transition:background .2s}.engine-list li:hover{background:rgba(255,255,255,.1)}.engine-list li span.shortcut{margin-left:auto;color:#888;font-size:12px;background:rgba(255,255,255,.05);padding:2px 6px;border-radius:4px}.search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:16px;padding:0 15px;height:100%}.search-input::placeholder{color:#fff6}.search-btn{background:transparent;border:none;cursor:pointer;color:#fff9;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .2s}.search-btn svg{width:22px;height:22px;fill:currentColor}.search-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.my-container footer{width:100%;text-align:center;margin-top:auto;padding-bottom:20px}.my-container footer a{font-size:12px;color:#ffffff80;text-decoration:none;transition:color .2s}.my-container footer a:hover{color:#fffc}@media (max-width: 768px){.my-container .instruction{font-size:60px}.search-box{width:90%;height:45px}.logo img{width:40px;height:40px}}@media (max-width: 480px){.my-container .instruction{font-size:40px}.search-box{width:95%}}.particle-toggle-container{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:10px;z-index:1000;background:rgba(30,30,30,.5);padding:8px 12px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.toggle-label{color:#fffc;font-family:Arial,sans-serif;font-size:14px;-webkit-user-select:none;user-select:none}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background:linear-gradient(90deg,#ff00cc,#3333ff,#00d4ff)}input:focus+.slider{box-shadow:0 0 1px #00d4ff}input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.divider{display:inline-block;width:1px;height:.6em;margin:0 8px;vertical-align:middle;background:rgba(255,255,255,.5)}