:root{--primary-color: #ff3e00;--bg-color: #0d0d0d;--panel-bg: rgba(255, 255, 255, .05);--text-color: #ffffff}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background:radial-gradient(circle at center,#1a1a1a,#0d0d0d)}.header{margin-bottom:2rem;text-align:center}.header h1{font-size:2.5rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(45deg,#ff3e00,#ff8a00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.header p{color:#888;margin-top:.5rem}.stage{width:400px;height:300px;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0006;position:relative;overflow:hidden}.stage:before{content:"";position:absolute;bottom:60px;width:100%;height:2px;background:#ffffff1a}.controls{margin-top:2rem;display:flex;gap:1rem}.btn{background:var(--panel-bg);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:hover{background:#ffffff1a;transform:translateY(-2px);border-color:var(--primary-color)}.btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 20px #ff3e0066}.footer{position:absolute;bottom:2rem;color:#555;font-size:.9rem}