body{margin:0;padding:0;background-color:#0d0d0d;color:#fff;font-family:Arial,sans-serif}#app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;overflow:hidden;position:relative}#screenGlow{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(270deg,#0ff,#a0f,#f0f,#ff7f00,#ff0,#0f0,#0ff);background-size:400% 400%;animation:animateGlow 30s linear infinite,pulseGlow 4s ease-in-out infinite;filter:blur(60px);opacity:0;pointer-events:none;z-index:1;mask-image:linear-gradient(to bottom,black 0%,transparent 20%,transparent 80%,black 100%),linear-gradient(to right,black 0%,transparent 20%,transparent 80%,black 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 20%,transparent 80%,black 100%),linear-gradient(to right,black 0%,transparent 20%,transparent 80%,black 100%);mask-composite:intersect;-webkit-mask-composite:destination-in}@keyframes animateGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseGlow{0%,to{filter:blur(60px) brightness(1)}50%{filter:blur(80px) brightness(1.3)}}h1{margin-top:40px;font-size:1.3rem;color:#ccc;animation:fadeTitle 3s infinite alternate;z-index:2}@keyframes fadeTitle{0%{opacity:1}to{opacity:.6}}.settings-container{position:absolute;top:20px;right:20px;z-index:10}.settings-button{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;transition:transform .4s ease}.settings-menu{display:none;position:absolute;top:50px;right:0;background-color:#1a1a1a;padding:1rem;border-radius:12px;width:280px;box-shadow:0 0 15px #00000080;opacity:0;transform:translateY(-20px);transition:all .4s ease}.settings-menu.show{display:block;opacity:1;transform:translateY(0)}.settings-menu label{display:block;margin-top:1rem;font-size:.9rem;color:#ccc}.settings-menu select{width:100%;margin-top:.3rem;background:#222;color:#fff;padding:.6rem;border:none;border-radius:6px}.settings-menu hr{border:0;height:1px;background:#333;margin:1rem 0}.conversation-mode{display:flex;gap:1.5rem;margin-top:1rem;z-index:2}.conversation-mode button{background-color:#333;opacity:.5;color:#fff;border:none;padding:.8rem 2rem;border-radius:100px;cursor:pointer;transition:background-color .3s,opacity .3s,box-shadow .5s;font-size:1.1rem;position:relative;z-index:2}.conversation-mode button.active{color:#a9b7b7;opacity:1;box-shadow:0 0 6px 1px #0ff,inset 0 0 15px -2px #0ff9}.waveform{margin-top:1.5rem;width:100%;height:200px;background-color:transparent;border-radius:8px;overflow:hidden;position:relative;box-shadow:none;z-index:2}canvas{width:100%;height:100%;display:block}.translation-box{margin-top:2rem;background-color:#1a1a1a;padding:1rem 2rem;border-radius:8px;max-width:600px;text-align:center;font-size:1.2rem;color:#aaa;z-index:2}.settings-button.rotating svg{transform:rotate(360deg)}.teams-button img{width:32px;height:32px;object-fit:contain;display:block;margin-top:-39px}.teams-button{height:32px;display:flex;align-items:center;position:absolute;top:20px;right:62px;z-index:10}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3}.modal-content{background-color:#1a1a1a;margin:15% auto;padding:20px;border-radius:8px;width:300px;text-align:center;color:#fff;position:relative}.modal-content input{margin:10px 0 20px;box-sizing:border-box;width:100%;padding:10px;background:#333;border:none;border-radius:4px;color:#fff}.modal-content button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.close-button{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer}.checkbox-container{margin:8px 0 0;display:flex;align-items:center;cursor:pointer}.checkbox-container input{display:none}.checkbox-container input,.checkbox-container span{vertical-align:middle}.custom-checkbox{width:20px;height:20px;background-color:#1e1e1e;border:2px solid #333;border-radius:4px;display:inline-block;margin-right:10px;position:relative;transition:all .2s ease}.checkbox-container input:checked+.custom-checkbox{background-color:#333;border-color:#555}.checkbox-container input:checked+.custom-checkbox:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:12px;border:solid #0f0;border-width:0 2px 2px 0;transform:rotate(45deg)}.label-text{-webkit-user-select:none;user-select:none}.page-select{position:fixed;top:20px;left:20px;display:flex;justify-content:center;margin-bottom:20px;gap:10px;z-index:10}.page-select button{background-color:#767677;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}@media (max-width: 768px){.page-select{top:70px;left:50%;transform:translate(-50%)}}