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.power background: #2d2f3c; color: #ffb347;

/* device selection panel */ .device-panel background: #0f121b; border-radius: 2rem; padding: 1rem 1.2rem; margin-bottom: 1.8rem; border: 1px solid #2a2f3e; universal remote code finder

.info-msg background: #11161f; border-radius: 1.5rem; padding: 12px 18px; font-size: 0.8rem; color: #b9c7e3; text-align: center; margin-top: 12px; border: 1px solid #2f3a4e;

.remote-btn:active transform: translateY(2px); box-shadow: 0 2px 0 #0a0e14; h1 font-size: 1

<div class="info-msg" id="infoMessage"> 💡 Press <strong>POWER / VOL+ / MUTE</strong> after each code change.<br> If device responds → click <strong>SAVE WORKING CODE</strong>. </div> <footer> 🧠 Universal Code Finder • Simulates database of IR codes for testing </footer> </div>

<div class="finder-status"> <div class="label-icon">🔢 2. CURRENT TEST CODE</div> <div> <span class="current-code" id="currentCodeDisplay">----</span> </div> <div class="progress-area"> <div class="progress-bar-bg"><div class="progress-fill" id="progressFill"></div></div> <div class="counter-text" id="codeCounter">code 0 / 0</div> </div> <div class="label-icon" style="margin-top:12px;">⚡ 3. TEST CODE ON YOUR DEVICE</div> <div class="test-grid"> <button class="remote-btn power" id="powerBtn">🔘 POWER</button> <button class="remote-btn" id="volUpBtn">🔊 VOL+</button> <button class="remote-btn" id="muteBtn">🔇 MUTE</button> </div> <div class="test-grid" style="margin-top: -8px;"> <button class="remote-btn big-action" id="nextCodeBtn">⏩ NEXT CODE</button> <button class="remote-btn big-action" id="autoFindBtn">🔄 AUTO-FIND</button> </div> <button class="remote-btn big-action success" id="saveCodeBtn" style="background: #1f4a3c;">💾 SAVE WORKING CODE</button> </div> TEST CODE ON YOUR DEVICE&lt

.counter-text font-size: 0.7rem; color: #9aa9c7; text-align: right; margin-top: 6px;