:root{--bg: #000000;--fg: #ffffff;--accent: #00c9a7}main p{text-align:center}nav{display:flex;justify-content:center;gap:2rem;align-items:center;min-height:10vh;z-index:4}nav a{color:var(--fg);font-weight:700;text-decoration:none;font-size:1.2rem;transition:color .3s ease,transform .2s ease}nav a:hover{color:var(--accent);transform:scale(1.1)}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg);display:grid;place-items:center;min-height:100vh;z-index:1}canvas#waveform{position:fixed;top:0;left:0;width:200vw;height:100vh;z-index:-2;display:block}#draw-canvas{position:fixed;top:0;left:0;z-index:0;pointer-events:auto}#draw-canvas.drawing{position:fixed;pointer-events:auto;z-index:0}header{text-align:center}.cover-container{display:flex;justify-content:center;align-items:center;width:100%}.cover-container img{border-radius:15px;box-shadow:0 4px 15px #00000080}h1{font-size:clamp(3rem,8vw,6rem);margin:0}audio{width:300px;margin:1rem 0;display:block;z-index:2}footer{margin-top:4rem;opacity:.5}#color-picker,#clear-btn,#msg-form,#msg-list,#random-play-btn{position:relative;z-index:2}#bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-10;object-fit:cover;object-position:center center}#random-play-btn{background:none;border:none;cursor:pointer;padding:10px 20px;color:var(--fg);font-weight:700;font-size:2.2rem;font-family:inherit;transition:color .3s ease,transform .2s ease}#random-play-btn:hover{color:var(--accent);transform:scale(1.1)}