:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.feedsection{position:relative;width:100%}.top-bar{max-width:300px;margin:0 auto}.feed{width:100%;aspect-ratio:1 / 1;object-fit:cover;border:2px solid cadetblue;border-radius:12px;opacity:0;transform:scale(.9);transition:opacity .5s ease,transform .5s ease,filter .6s ease;filter:brightness(.7) blur(6px)}.feed.active{opacity:1;transform:scale(1);filter:brightness(1) blur(0)}.feedstop{display:block;margin:0 auto;position:absolute;top:8px;right:8px;width:36px;height:36px;padding:0;border-radius:50%;font-size:18px;line-height:1;z-index:10}.laserwrapper{max-height:80px;overflow:hidden;transition:max-height .4s ease,margin .4s ease}.laserwrapper.hidden{max-height:0;margin:0}.laserstart{display:block;margin:0 auto;width:160px;padding:.9em 1.2em;font-size:1rem;font-weight:600;letter-spacing:.5px;color:#fff;background:linear-gradient(145deg,#c26262,#772f2f);border:none;border-radius:10% 25%;box-shadow:0 6px 15px #ff000040,inset 0 0 10px #ffffff1a;cursor:pointer;transition:transform .15s ease,box-shadow .3s ease,filter .3s ease,opacity .3s ease}.laserstart:hover{transform:translateY(-2px);box-shadow:0 10px 25px #a7252559,0 0 20px #4b1c1c}.laserstart:active{transform:scale(.96);box-shadow:0 4px 10px #f003}.laserstop{display:block;position:absolute;top:8px;right:8px;width:36px;height:36px;padding:0;border-radius:50%;font-size:18px;line-height:1;z-index:10}select{letter-spacing:.3px;text-transform:uppercase;width:100%;max-width:300px;padding:.8em 2.5em .8em 1em;font-size:1rem;font-weight:500;color:#fff;background:linear-gradient(145deg,#2c2c2c,#1f1f1f);border:1px solid rgba(116,123,255,.5);border-radius:12px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 7.5l4.5 5 4.5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1em center;background-size:12px;box-shadow:inset 0 0 0 1px #ffffff0d,0 4px 12px #0000004d;transition:transform .15s ease,box-shadow .3s ease,border-color .3s ease}select:hover{border-color:#646cffe6;box-shadow:0 6px 18px #646cff33,inset 0 0 0 1px #ffffff14}select:focus{border-color:#646cff;box-shadow:0 0 0 3px #646cff40,0 6px 18px #0006}select:active{transform:scale(.98)}option{background:#1f1f1f;color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{display:flex;flex-direction:column;gap:1rem;padding:1rem;width:800px;margin:0 auto}.feedsection,.controlsection{display:flex;flex-direction:column;gap:.75rem}.feedsection,.laserstart,.controller{opacity:1;transform:scale(1);transition:opacity .4s ease,transform .4s ease}.controller{width:100%;max-width:400px;aspect-ratio:1 / 1;border:2px solid #723e1c;border-radius:16px;margin:0 auto;position:relative;animation:pulseLaser 1.2s infinite;transform:translateY(0)}.controller.hidden{transform:translateY(100px)}.hidden{opacity:0;transform:scale(.95);pointer-events:none}@media(max-width:950px){.container{width:500px}}@media(max-width:600px){.container{width:350px}.controller{width:200px}}@keyframes pulseLaser{0%{box-shadow:0 0 10px #772f2f}50%{box-shadow:0 0 25px #c26262}to{box-shadow:0 0 10px #772f2f}}