:root{--green:#2ecc71;--green-glow:#2ecc7180;--orange:#f39c12;--orange-glow:#f39c1280;--red:#e74c3c;--red-glow:#e74c3c80;--bg-dark:#121212;--bg-panel:#ffffff0d;--text-light:#f5f6fa;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-light);-webkit-user-select:none;user-select:none;height:100vh;font-family:Outfit,sans-serif;overflow:hidden}#app{width:100%;height:100%;transition:background-color .5s;position:relative}.theme-green{background:radial-gradient(circle at center, var(--bg-dark) 40%, var(--green-glow) 150%)}.theme-orange{background:radial-gradient(circle at center, var(--bg-dark) 40%, var(--orange-glow) 150%)}.theme-red{background:radial-gradient(circle at center, var(--bg-dark) 40%, var(--red-glow) 150%)}.hidden{display:none!important}.overlay{z-index:100;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.overlay h1{background:linear-gradient(135deg,#fff,#aaa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:5rem;font-weight:900}.overlay p{color:#ccc;max-width:600px;margin-bottom:3rem;font-size:1.5rem}button{cursor:pointer;border:none;outline:none;font-family:inherit}.primary-btn{background:linear-gradient(135deg, var(--green), #27ae60);color:#fff;box-shadow:0 10px 30px var(--green-glow);border-radius:50px;padding:1.5rem 4rem;font-size:2rem;font-weight:700;transition:transform .2s,box-shadow .2s}.primary-btn:hover{box-shadow:0 15px 40px var(--green-glow);transform:scale(1.05)}.primary-btn:active{transform:scale(.95)}.secondary-btn{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:var(--transition-smooth);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1rem 2rem;font-size:1.2rem;font-weight:500}.secondary-btn:hover{background:#fff3}.secondary-btn.active{border-color:var(--red);color:#ff7675;background:#e74c3c33}#main-interface{flex-direction:column;height:100%;padding:2rem;display:flex}header{justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative}.controls{align-items:center;gap:1rem;display:flex}.settings-panel{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212e6;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;position:absolute;top:80px;right:2rem;box-shadow:0 10px 30px #00000080}.settings-panel h3{color:#fff;border-bottom:1px solid #ffffff1a;padding-bottom:.5rem;font-size:1.2rem}.setting-group{flex-direction:column;gap:.5rem;display:flex}.setting-group label{color:#ccc;justify-content:space-between;font-size:.9rem;display:flex}.setting-group input[type=range]{cursor:pointer;width:250px}.styled-select{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;padding:.5rem;font-family:inherit;font-size:1rem}.styled-select option{background:#121212}.title{letter-spacing:2px;text-transform:uppercase;color:#ffffff80;font-size:2rem;font-weight:700}.content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4rem;display:flex}.vumeter-container{flex-direction:column;align-items:center;gap:2rem;width:80%;max-width:1200px;display:flex}.level-indicator{text-transform:uppercase;letter-spacing:5px;font-size:6rem;font-weight:900;transition:color .3s,text-shadow .3s}.theme-green .level-indicator{color:var(--green);text-shadow:0 0 20px var(--green-glow)}.theme-orange .level-indicator{color:var(--orange);text-shadow:0 0 20px var(--orange-glow)}.theme-red .level-indicator{color:var(--red);text-shadow:0 0 20px var(--red-glow)}.bar-bg{background:var(--bg-panel);border:2px solid #ffffff0d;border-radius:50px;width:100%;height:100px;position:relative;overflow:hidden;box-shadow:inset 0 5px 15px #00000080}.bar-fill{background:var(--green);width:0%;height:100%;box-shadow:0 0 30px var(--green);border-radius:50px;transition:width .1s linear,background .3s,box-shadow .3s}.theme-orange .bar-fill{background:var(--orange);box-shadow:0 0 30px var(--orange)}.theme-red .bar-fill{background:var(--red);box-shadow:0 0 30px var(--red)}#stopwatch-container{background:#e74c3c0d;border:1px solid #e74c3c33;border-radius:30px;flex-direction:column;align-items:center;padding:3rem 6rem;animation:.5s ease-out slideUp;display:flex;box-shadow:0 20px 50px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.stopwatch-title{color:var(--red);text-transform:uppercase;margin-bottom:1rem;font-size:2rem;font-weight:700}#stopwatch-display{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 20px #fff3;font-size:10rem;font-weight:900}.icon-btn{color:#ffffff80;background:0 0;margin-top:1rem;font-size:1.2rem;text-decoration:underline;transition:color .2s}.icon-btn:hover{color:#fff}#alert-overlay{z-index:200;background:#e74c3ce6;justify-content:center;align-items:center;animation:1s infinite alternate pulseBg;display:flex;position:fixed;inset:0}@keyframes pulseBg{0%{background:#e74c3ccc}to{background:#e74c3cf2}}.alert-box{text-align:center;animation:.5s infinite shake}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.alert-icon{margin-bottom:2rem;font-size:10rem}.alert-box h2{color:#fff;text-transform:uppercase;letter-spacing:10px;text-shadow:0 10px 30px #00000080;font-size:6rem;font-weight:900}