.progress-fill background: linear-gradient(90deg, #3b82f6, #60a5fa); width: 0%; height: 100%; border-radius: 40px; transition: width 0.2s ease;
.current-code font-family: 'Fira Mono', 'JetBrains Mono', monospace; font-size: 2rem; font-weight: 700; letter-spacing: 2px; color: #f0f3ff; background: #00000055; display: inline-block; padding: 0.2rem 1rem; border-radius: 60px; margin-top: 6px;
button:disabled opacity: 0.5; transform: none; cursor: not-allowed; universal remote code finder
h1 font-size: 1.7rem; font-weight: 600; margin: 0 0 0.2rem 0; letter-spacing: -0.3px; background: linear-gradient(135deg, #F2F5FF, #B9C8FF); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block;
.remote-btn:active transform: translateY(2px); box-shadow: 0 2px 0 #0a0e14; .progress-fill background: linear-gradient(90deg
footer font-size: 0.65rem; text-align: center; color: #4c5670; margin-top: 20px; </style> </head> <body> <div class="remote-container"> <h1>🔍 CODE FINDER</h1> <div class="sub">universal remote · auto-detect working code</div>
.success background: #0f3b2c; border: 1px solid #2ecc71; box-shadow: 0 0 8px rgba(46,204,113,0.3); transition: width 0.2s ease
.remote-btn background: #1b212f; border: none; width: 80px; padding: 12px 0; border-radius: 50px; font-weight: 600; font-size: 1rem; color: #eef3ff; display: inline-flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer; box-shadow: 0 5px 0 #0a0e14; transition: 0.07s linear; font-family: monospace;