:root{--font-heading:"Outfit", sans-serif;--bg-primary:#fbf8f1;--bg-secondary:#e6d8c8;--text-main:#4a3b32;--accent-primary:#c98c56;--accent-glow:#c98c5666;--z-canvas:-1;--z-ui:10}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-heading);color:var(--text-main);background:var(--bg-primary);cursor:pointer;line-height:1.6;overflow:hidden}#hero-canvas{width:100vw;height:100vh;z-index:var(--z-canvas);background:radial-gradient(circle at center, var(--bg-primary) 0%, var(--bg-secondary) 100%);position:fixed;top:0;left:0}#ui-layer{width:100vw;height:100vh;z-index:var(--z-ui);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.coming-soon-container{text-align:center;pointer-events:auto}.btn-jazzy{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;background:var(--text-main);color:var(--bg-primary);border:1px solid var(--text-main);cursor:pointer;border-radius:50px;padding:1.2rem 3rem;font-size:1rem;font-weight:500;transition:all .4s;display:inline-block;box-shadow:0 10px 30px #4a3b324d}.btn-jazzy:hover{color:var(--text-main);background:0 0;transform:scale(1.05);box-shadow:0 15px 40px #4a3b3233}.hidden{opacity:0;display:none;transform:translateY(20px)}.visible{opacity:1;transition:opacity 1.5s,transform 1.5s;display:block;transform:translateY(0)}#title{letter-spacing:8px;text-transform:uppercase;text-shadow:2px 2px 10px #4a3b321a;color:var(--text-main);margin-bottom:1rem;font-size:clamp(4rem,10vw,8rem);font-weight:300}#subtitle{letter-spacing:4px;text-transform:uppercase;color:var(--accent-primary);font-size:clamp(1rem,2vw,1.5rem);font-weight:300}.music-player{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#fbf8f166;border:1px solid #c98c5633;border-radius:40px;align-items:center;gap:15px;padding:10px 25px;transition:transform .3s,background .3s;display:flex;position:absolute;bottom:40px}.music-player:hover{background:#fbf8f199;transform:translateY(-2px)}.play-btn{color:var(--text-main);cursor:pointer;border:none;border:1px solid var(--text-main);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.play-btn:hover{background:var(--text-main);color:var(--bg-primary)}.play-btn svg{width:18px;height:18px}.icon-active{display:block}.icon-hidden{display:none}.track-info{text-align:left;flex-direction:column;justify-content:center;display:flex}.track-title{letter-spacing:1px;text-transform:uppercase;font-size:.85rem;font-weight:500}.track-artist{opacity:.8;letter-spacing:.5px;font-size:.75rem}.build-info{color:var(--text-main);opacity:.6;z-index:100;pointer-events:none;font-family:monospace;font-size:10px;position:fixed;bottom:10px;right:20px}