.app-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:transparent}.main-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;filter:brightness(.8) contrast(1.1)}.vignette-heavy{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.7) 100%);z-index:0}.animation-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.fireworks-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;mix-blend-mode:screen}.golden-text-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:50;pointer-events:none;width:fit-content}.golden-text-2026{font-size:100px;font-weight:800;margin:0;white-space:nowrap;font-family:"Noto Serif SC",serif;background:linear-gradient(to right,#f8e5ad 20%,#fff7d1 40%,#d4af37 50%,#fff7d1 60%,#f8e5ad 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(0,0,0,.9));animation:textShine 4s linear infinite}@keyframes textShine{to{background-position:200% center}}.golden-line{width:120%;height:1px;background:linear-gradient(to right,transparent,#d4af37 20%,#d4af37 80%,transparent);margin:1.2rem 0}.golden-subtext{font-family:"Noto Serif SC",serif;font-style:italic;color:#f8e5ad;font-size:22px;letter-spacing:6px;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.8)}@media (max-width: 600px){.golden-text-container{top:8%;left:20px;transform:none;align-items:flex-start;width:90vw}.golden-text-2026{font-size:11.5vw;letter-spacing:1px}.golden-line{width:100%;margin:.8rem 0;background:linear-gradient(to right,#d4af37,transparent)}.golden-subtext{font-size:3.5vw;letter-spacing:2px}}.bottom-caption{position:absolute;bottom:80px;color:#fff;font-size:1.2rem;letter-spacing:.3rem;text-shadow:0 2px 10px rgba(0,0,0,.8);z-index:30}.producer-info{position:absolute;bottom:40px;color:#fff;font-size:.9rem;letter-spacing:.2rem;text-shadow:0 2px 10px rgba(0,0,0,.8);z-index:30;opacity:.4}@media (max-width: 600px){.bottom-caption{font-size:.9rem;bottom:60px}.producer-info{font-size:.7rem;bottom:30px}}.music-toggle{position:fixed;top:30px;right:30px;z-index:100;width:44px;height:44px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.music-toggle:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.music-toggle.rotating{animation:musicRotate 4s linear infinite}@keyframes musicRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.music-toggle{top:20px;right:20px;width:38px;height:38px}}.start-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center}.start-button-container{text-align:center}.start-title{color:#fff;font-size:3rem;margin-bottom:2rem;text-shadow:0 0 20px rgba(255,215,0,.5);letter-spacing:.5rem}.start-btn{padding:1rem 3rem;font-size:1.5rem;background:linear-gradient(135deg,#d4af37,#f8e5ad);border:none;border-radius:50px;color:#4a0404;font-weight:700;cursor:pointer;box-shadow:0 10px 30px #d4af3766;transition:all .3s ease}.start-btn:hover{transform:scale(1.05);box-shadow:0 15px 40px #d4af3799}@media (max-width: 600px){.start-title{font-size:2rem}.start-btn{padding:.8rem 2.5rem;font-size:1.2rem}}:root{--primary-red: #8B0000;--bright-red: #D2042D;--gold-main: #D4AF37;--gold-light: #F9E076;--bg-dark: #0a0a0a;--text-white: #f5f5f5;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Noto Serif SC",serif;background-color:var(--bg-dark);color:var(--text-white);overflow:hidden;height:100vh;width:100vw}#root{height:100%}.calligraphy{font-family:Ma Shan Zheng,cursive}