@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}@font-face{font-family:Stranger Things;src:url(/fonts/stranger-things.ttf) format("truetype")}@font-face{font-family:Stranger Things Outlined;src:url(/fonts/stranger-things-outlined.ttf) format("truetype")}.solid{font-family:Stranger Things,sans-serif}.outlined{font-family:Stranger Things Outlined,sans-serif}.app-container{background-image:url(/stm-desktop-2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;height:100dvh;overflow:hidden}.header{padding:1rem;text-align:center;font-size:5rem;color:#ef6060;background-color:#000c;border-radius:10px;text-shadow:0 0 5px #2b0101,0 0 10px #920d0d,0 0 20px #ec0b0b,0 0 40px #ff0a0a,0 0 60px #ff0000}.instructions{text-align:center;font-size:1.5rem;color:#ef6060;background-color:#000c;padding:1rem 2rem;border-radius:8px;margin-bottom:2rem;text-shadow:0 0 5px #2b0101,0 0 10px #920d0d}.silent-mode-container{display:flex;justify-content:center;align-items:center}.silent-mode{color:#e3c51b;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.6)}.button-container{display:flex;justify-content:center;align-items:center;gap:1rem;height:calc(100vh - 35rem)}.button-and-label{display:flex;flex-direction:column;align-items:center;gap:.5rem}.key-button{width:80px;height:80px;background:linear-gradient(180deg,#f5f5f5,#e0e0e0);border:2px solid #999;border-radius:8px;box-shadow:0 4px #888,0 6px 8px #0000004d;cursor:pointer;transition:all .1s ease;font-family:Arial,sans-serif;padding:.5rem}.key-button:active{transform:translateY(4px);box-shadow:0 1px #888,0 2px 4px #0000004d}.note-label{margin-top:.5rem;text-align:center;width:80px;font-size:2rem;font-weight:700;color:#ef6060;background-color:#000c;padding:.5rem 1rem;border-radius:8px;text-shadow:0 0 5px #2b0101,0 0 10px #920d0d}@media(max-width:480px){.app-container{background-image:url(/stm-mobile-2.jpg)}.header{font-size:3rem}.button-container{height:calc(100dvh - 40rem)}.key-button{width:60px;height:60px}.note-label{width:60px;font-size:1.5rem}.instructions{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);width:90%;font-size:1.25rem;padding:.75rem 1rem;margin-bottom:0;z-index:100}.silent-mode-container{flex-direction:column}}@media(max-width:375px){.header{font-size:2rem}.button-container{height:calc(100dvh - 25rem)}.key-button{width:50px;height:50px}.note-label{width:50px;font-size:1rem}.instructions{font-size:1rem}}