*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.app{max-width:1200px;margin:0 auto;padding:2rem}.app-header{text-align:center;color:#fff;margin-bottom:3rem}.app-header h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.app-header p{font-size:1.2rem;opacity:.9}.app-main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0003}.demo-section,.info-section,.usage-section{margin-bottom:2rem}.demo-section h2,.info-section h2,.usage-section h2{color:#667eea;margin-bottom:1rem;font-size:1.8rem}.demo-section p{margin-bottom:1.5rem;color:#666}.info-section ul{list-style:none;padding:0}.info-section li{padding:.5rem 0;font-size:1.1rem;color:#555}.usage-section pre{background:#f5f5f5;padding:1.5rem;border-radius:8px;overflow-x:auto;border-left:4px solid #667eea}.usage-section code{font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;color:#333}.app-footer{text-align:center;margin-top:3rem;color:#fff;opacity:.9}.app-footer a{color:#fff;text-decoration:underline}.app-footer a:hover{opacity:.8}@media(max-width:768px){.app{padding:1rem}.app-header h1{font-size:2rem}.app-header p{font-size:1rem}.app-main{padding:1.5rem}}