:root{--font-heading: "Impact", "Arial Black", sans-serif;--font-body: "Comic Sans MS", "Chalkboard SE", "Arial", sans-serif;--color-coke-red: #F40009;--color-neon-yellow: #FFFF00;--color-hot-pink: #FF69B4;--color-cyan: #00FFFF;--color-lime: #32CD32;--color-black: #000000;--color-white: #FFFFFF;--color-cd-gray: #c0c0c0}body{margin:0;padding:0;font-family:var(--font-body);background:repeating-linear-gradient(45deg,var(--color-hot-pink),var(--color-hot-pink) 20px,var(--color-cyan) 20px,var(--color-cyan) 40px);color:var(--color-black);overflow-x:hidden;min-height:100vh}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-neon-yellow)}::-webkit-scrollbar-thumb{background:var(--color-coke-red);border:2px solid var(--color-neon-yellow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hero-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:radial-gradient(circle,#fff,#f0f0f0);border-bottom:2px solid var(--color-cd-gray);position:relative}.album-art-wrapper{position:relative;width:100%;max-width:400px;box-shadow:0 10px 20px #0000004d;transform:rotate(-2deg);border:5px solid white}.album-art{width:100%;height:auto;display:block}.sticker{position:absolute;border-radius:50%;font-family:var(--font-heading);text-align:center;font-size:1.2rem;font-weight:700;padding:1rem;transform:rotate(15deg);box-shadow:2px 2px 5px #0000004d;z-index:5;line-height:1.1;text-transform:uppercase}.sticker-tv{top:-10px;right:-40px;background:var(--color-neon-yellow);color:var(--color-coke-red);border:2px solid var(--color-coke-red);width:100px;height:100px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.sticker-pollution{bottom:20px;left:-80px;background:var(--color-coke-red);color:#fff;border:2px dashed white;width:120px;height:120px;transform:rotate(-10deg);display:flex;align-items:center;justify-content:center}.hero-title-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;text-shadow:3px 3px 0px var(--color-black);pointer-events:none}.main-title{font-family:var(--font-heading);font-size:3rem;color:var(--color-hot-pink);margin:0;-webkit-text-stroke:1px white}.greenwashing-text{color:var(--color-lime);display:block;font-size:3.5rem;transform:scaleY(1.2)}.subtitle{font-family:var(--font-body);background:var(--color-black);color:var(--color-neon-yellow);display:inline-block;padding:.2rem .5rem;margin-top:1rem;font-size:1rem;transform:rotate(-3deg)}.hero-marketing-bar{margin-top:1rem;background:var(--color-coke-red);color:#fff;width:100%;text-align:center;padding:.5rem;font-family:var(--font-heading);font-size:1.2rem;letter-spacing:1px;border:2px solid var(--color-neon-yellow)}@keyframes pulse{0%{transform:rotate(15deg) scale(1)}50%{transform:rotate(15deg) scale(1.1)}to{transform:rotate(15deg) scale(1)}}.track-item{display:flex;align-items:center;padding:.8rem .5rem;border-bottom:1px dotted #444;cursor:pointer;transition:background .2s,color .2s}.track-item:hover{background:var(--color-lime);color:#000}.track-item:hover .track-year{color:#333}.track-number{font-family:var(--font-heading);font-size:1.5rem;margin-right:1rem;width:30px;text-align:right;color:var(--color-hot-pink)}.track-item:hover .track-number{color:var(--color-coke-red)}.track-info{flex:1}.track-title{margin:0;font-size:1.1rem;font-weight:700}.track-artist{margin:0;font-size:.8rem;opacity:.8}.track-year{color:var(--color-cyan);font-weight:700}.track-duration{font-family:monospace;margin-left:1rem}.track-list-container{background:#000;color:var(--color-neon-yellow);padding:1rem 1rem 3rem;margin-top:0;border-top:1px dashed white;position:relative}.track-list-header{font-family:var(--font-heading);text-align:center;font-size:2rem;margin-top:0;margin-bottom:1rem;letter-spacing:2px;color:var(--color-cyan);text-shadow:2px 2px var(--color-hot-pink)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;width:90%;max-width:500px;border:5px solid var(--color-coke-red);box-shadow:10px 10px 0 var(--color-neon-yellow);animation:slideUp .3s ease-out;overflow:hidden}.modal-header{background:var(--color-coke-red);color:#fff;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.2rem;font-family:var(--font-heading)}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer}.modal-body{padding:1.5rem;text-align:center}.modal-track-title{font-family:var(--font-heading);font-size:1.8rem;margin:0 0 .5rem;color:var(--color-black)}.modal-artist{margin:0 0 1.5rem;color:#666;font-style:italic}.visualizer-container{display:flex;justify-content:center;gap:5px;height:50px;margin-bottom:1.5rem;align-items:flex-end}.bar{width:15px;background:var(--color-lime);animation:equalize 1s infinite}.bar:nth-child(2){animation-delay:.1s;background:var(--color-cyan)}.bar:nth-child(3){animation-delay:.2s;background:var(--color-hot-pink)}.bar:nth-child(4){animation-delay:.3s;background:var(--color-neon-yellow)}.bar:nth-child(5){animation-delay:.4s;background:var(--color-coke-red)}@keyframes equalize{0%{height:10%}50%{height:100%}to{height:10%}}.reality-check-card{background:#f9f9f9;border:1px solid #ddd;padding:1rem;text-align:left}.reality-check-card h4{margin-top:0;color:var(--color-coke-red);text-transform:uppercase;font-weight:700}.sources-box{font-size:.8rem;margin-top:1rem;color:#555;border-top:1px solid #eee;padding-top:.5rem}.source-link{color:var(--color-coke-red);text-decoration:underline;transition:color .2s}.source-link:hover{color:var(--color-black)}.modal-footer{padding:1rem;background:#eee;text-align:center}.skip-ad-btn{background:var(--color-black);color:#fff;border:none;padding:.8rem 1.5rem;font-family:var(--font-heading);font-size:1rem;cursor:pointer;letter-spacing:1px}.skip-ad-btn:hover{background:var(--color-coke-red)}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.cta-section{background:var(--color-hot-pink);padding:2rem 1rem;text-align:center;border-top:5px solid var(--color-neon-yellow);border-bottom:5px solid var(--color-neon-yellow)}.cta-header h2{font-family:var(--font-heading);font-size:2.5rem;color:var(--color-neon-yellow);-webkit-text-stroke:2px var(--color-black);margin:0;animation:flash 1s infinite alternate}.cta-subtitle{color:#fff;font-weight:700;font-size:1.2rem;margin-bottom:2rem}.cta-buttons{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.cta-btn{display:block;padding:1rem;text-decoration:none;font-family:var(--font-heading);font-size:1.5rem;color:#fff;border-radius:5px;border:3px solid white;box-shadow:5px 5px #0003;transition:transform .1s}.cta-btn:active{transform:translate(2px,2px);box-shadow:3px 3px #0003}.twitter-btn{background:#1da1f2}.email-btn{background:var(--color-black)}.petition-btn{background:var(--color-lime);color:var(--color-black)}.counter-box{background:var(--color-black);color:var(--color-lime);font-family:monospace;font-size:1.2rem;padding:.5rem;margin-top:2rem;border:2px solid var(--color-lime)}@keyframes flash{0%{opacity:1}to{opacity:.8}}.footer-container{background:var(--color-black);color:var(--color-white);padding:2rem;text-align:center;font-size:.8rem;border-top:4px solid var(--color-neon-yellow);margin-top:2rem}.footer-content{max-width:600px;margin:0 auto}.copyright{font-family:var(--font-heading);font-size:1rem;color:var(--color-hot-pink)}.disclaimer{font-style:italic;opacity:.8;margin-bottom:1rem}.sources-list{border-top:1px solid #333;padding-top:1rem}.sources-list p{font-weight:700;color:var(--color-lime)}.sources-list ul{list-style:none;padding:0;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.sources-list li{background:#222;padding:.2rem .5rem;border-radius:4px}.sources-list a{color:var(--color-white);text-decoration:none;transition:color .2s}.sources-list a:hover{color:var(--color-neon-yellow);text-decoration:underline}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-black);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;color:var(--color-neon-yellow)}.cd-loader{width:150px;height:150px;border-radius:50%;background:conic-gradient(from 0deg,silver,#fff,silver,#fff,silver);display:flex;align-items:center;justify-content:center;animation:spin .5s linear infinite;box-shadow:0 0 20px var(--color-cyan);margin-bottom:2rem;border:5px solid rgba(255,255,255,.2)}.cd-inner-circle{width:40px;height:40px;background:var(--color-black);border-radius:50%;border:2px solid white}.loading-text{font-family:monospace;font-size:1.5rem;letter-spacing:5px;animation:blink .5s infinite alternate}.loading-bar-container{width:300px;height:20px;border:2px solid var(--color-lime);margin-top:1rem;padding:2px}.loading-bar{height:100%;background:var(--color-lime);width:0%;animation:load 2.5s ease-in-out forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%{opacity:1}to{opacity:.5}}@keyframes load{0%{width:0%}20%{width:10%}50%{width:40%}80%{width:80%}to{width:100%}}.app-container{max-width:800px;margin:0 auto;padding:1rem;background-color:transparent}.cd-case{background:#ffffffe6;border:2px solid var(--color-cd-gray);border-radius:10px;box-shadow:5px 5px 15px #00000080,inset 2px 2px 5px #fffc,inset -2px -2px 5px #0003;overflow:hidden;position:relative}.cd-spine{position:absolute;left:0;top:0;bottom:0;width:25px;background:linear-gradient(90deg,#444,#111);border-right:2px solid #000;z-index:10;display:flex;align-items:center;justify-content:center}.cd-spine-text{color:#fff;writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-heading);font-size:.8rem;letter-spacing:2px}.cd-content{margin-left:25px;padding:0}