*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow:hidden;background:#000;font-family:Inter,-apple-system,sans-serif}.bg-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(https://images.unsplash.com/photo-1530037327011-979a1109a5dc?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop);background-size:cover;background-position:center;z-index:1}.content-layer{position:relative;z-index:10;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#focus-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8);padding:20px 60px;font-size:.7rem;letter-spacing:6px;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(15px);border-radius:4px;transition:all .3s ease}#focus-btn:hover{background:rgba(255,255,255,1);color:#111}#timer{position:fixed;bottom:40px;right:50px;color:rgba(255,255,255,.3);font-size:1.1rem;font-weight:300;letter-spacing:4px;z-index:10}#volume-toast{position:fixed;top:40px;right:50px;color:rgba(255,255,255,.4);font-size:.7rem;letter-spacing:2px;opacity:0;transition:opacity .5s;z-index:10}