*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:Georgia,Times New Roman,serif}#visualizer{position:fixed;top:0;left:0;width:100vw;height:100vh}.start-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:200;cursor:pointer;transition:opacity .5s ease}.start-screen.hidden{opacity:0;pointer-events:none}.start-content{text-align:center;color:#fffc}.start-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.9;animation:pulse 2s ease-in-out infinite}.start-text{font-size:1.2rem;letter-spacing:.3em;text-transform:uppercase;opacity:.6}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}}.play-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:150;cursor:pointer;background:#00000080;transition:opacity .3s ease}.play-overlay.hidden{opacity:0;pointer-events:none}.play-overlay .play-icon{font-size:5rem;color:#fffc;text-shadow:0 0 30px rgba(255,255,255,.5);transition:transform .2s ease}.play-overlay:hover .play-icon{transform:scale(1.1)}.title-overlay{position:fixed;top:2rem;left:0;right:0;text-align:center;z-index:150;pointer-events:none;opacity:1;transition:opacity .5s ease}.title-overlay.hidden{opacity:0}.document-title{font-size:2.5rem;font-weight:300;letter-spacing:.4em;text-transform:uppercase;color:#ffffffb3;text-shadow:0 0 30px rgba(255,255,255,.3);text-decoration:none;pointer-events:auto;transition:color .3s ease,text-decoration .3s ease}.document-title:hover{color:#ffffffe6;text-decoration:underline;cursor:pointer}.info-overlay{position:fixed;bottom:2rem;left:2rem;z-index:100;color:#ffffff4d;font-size:.8rem;pointer-events:none}.status{opacity:.5}