*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);height:100vh;margin:0;padding:10px;overflow:hidden;box-sizing:border-box;transition:all .6s ease}body.pure-html{font-family:Times,serif;background:#fff;color:#000;line-height:1.2;animation:none;padding:0;margin:0}body.pure-html *{all:unset;display:revert;box-sizing:revert}body.pure-html h1,body.pure-html h2,body.pure-html h3{font-weight:700;margin:0}body.pure-html h1{font-size:2em}body.pure-html h2{font-size:1.5em}body.pure-html h3{font-size:1.17em}body.pure-html p{margin:1em 0}body.pure-html ul{margin:1em 0;padding-left:40px}body.pure-html li{display:list-item}body.pure-html button{display:inline-block;cursor:pointer}body.pure-html #root{display:block;height:auto;padding:8px}body.pure-html .App{max-width:none;margin:0}body.css-stage{animation:rainbow-madness 3s infinite}body.js-stage{animation:chaotic-colors 1.5s infinite,disco-strobe .8s infinite}#root{height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.App{width:100%;max-width:900px;margin:0 auto}h1,h2,h3{margin-bottom:.5rem;font-weight:700}h1{font-size:1.8rem;margin-bottom:.8rem}h2{font-size:1.3rem;margin-top:1rem;margin-bottom:.5rem}h3{font-size:1.1rem;margin-top:.8rem}p{margin-bottom:.5rem;font-size:.95rem}ul{margin-bottom:.8rem;padding-left:1.5rem}li{margin-bottom:.2rem;font-size:.9rem}@keyframes rainbow-madness{0%{background:linear-gradient(45deg,red,#ff8000)}10%{background:linear-gradient(90deg,#ff8000,#ff0)}20%{background:linear-gradient(135deg,#ff0,#80ff00)}30%{background:linear-gradient(180deg,#80ff00,#0f0)}40%{background:linear-gradient(225deg,#0f0,#00ff80)}50%{background:linear-gradient(270deg,#00ff80,#0ff)}60%{background:linear-gradient(315deg,#0ff,#0080ff)}70%{background:linear-gradient(360deg,#0080ff,#00f)}80%{background:linear-gradient(45deg,#00f,#8000ff)}90%{background:linear-gradient(90deg,#8000ff,#f0f)}to{background:linear-gradient(135deg,#f0f,#ff0080)}}@keyframes chaotic-colors{0%{background:radial-gradient(circle,#ff1493,#0f0,#00f)}16%{background:radial-gradient(ellipse,#ff4500,#ff1493,#9400d3)}32%{background:radial-gradient(circle,#00ced1,gold,tomato)}48%{background:radial-gradient(ellipse,#32cd32,#ff69b4,#1e90ff)}64%{background:radial-gradient(circle,red,#ff0,#0f0)}80%{background:radial-gradient(ellipse,#9932cc,#ff8c00,#20b2aa)}to{background:radial-gradient(circle,#dc143c,#00bfff,orange)}}@keyframes disco-strobe{0%{filter:brightness(1) saturate(1)}25%{filter:brightness(2) saturate(3) hue-rotate(90deg)}50%{filter:brightness(.5) saturate(2) hue-rotate(180deg)}75%{filter:brightness(1.5) saturate(4) hue-rotate(270deg)}to{filter:brightness(1) saturate(1) hue-rotate(360deg)}}@media (max-width: 768px){body{padding:10px}h1{font-size:2rem}h2{font-size:1.5rem}button{display:block;width:100%;margin:8px 0}}