:root{--accent:#00b4ff;--bg:#0b0b0b;--text:#f0f0f0;--muted:#9aa3b2;--maxw:1100px}body{color:var(--text);text-align:center;background:#050509;margin:0;padding:0;font-family:Segoe UI,sans-serif}.overlay{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}#status{color:var(--accent);text-shadow:0 0 10px #00b4ff80;margin-bottom:20px;font-size:1.6em;font-weight:400}#timer{letter-spacing:2px;text-shadow:0 0 15px #ffffff26;margin-bottom:30px;font-size:6em;font-weight:700;transition:color .2s,text-shadow .2s}.buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}button{cursor:pointer;color:var(--text);background:#ffffff14;border:none;border-radius:8px;padding:10px 18px;font-size:1.1em;transition:all .2s}button:hover{background:#fff3}#custom-time{text-align:center;width:80px;color:var(--text);background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;margin-right:5px;font-size:1em}.progress-container{background:#ffffff1a;border-radius:10px;width:80%;height:15px;margin:10px auto 30px;overflow:hidden}.progress-bar{background:var(--accent);width:0%;height:100%;transition:width 1s linear;box-shadow:0 0 15px #00b4ff80}.flash{animation:1s infinite alternate flash}@keyframes flash{0%{color:var(--text);text-shadow:0 0 15px #ffffff80}to{color:red;text-shadow:0 0 25px #f00c}}.flash-red{animation:1s infinite flashRed}@keyframes flashRed{0%{color:red;text-shadow:0 0 25px #f00c}50%{color:var(--text);text-shadow:0 0 10px #ffffff4d}to{color:red;text-shadow:0 0 25px #f00c}}footer{background:linear-gradient(#ffffff03,#ffffff01);border-radius:12px;justify-content:space-between;align-items:center;margin-top:60px;padding:26px;display:flex}.socials a{color:var(--muted);margin-left:10px;text-decoration:none}.wrap{max-width:var(--maxw);margin:36px auto;padding:0 20px}