*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{display:flex;flex-direction:column;min-height:100vh;padding:12px}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:12px}.header h1{font-size:24px;color:#4fc3f7}.status-dot{width:12px;height:12px;border-radius:50%;background:#f44336}.status-dot.connected{background:#4caf50}.sensor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.sensor-card{background:#16213e;border-radius:8px;padding:10px;text-align:center}.sensor-name{font-size:10px;color:#81d4fa;margin-bottom:6px;font-weight:600}.sensor-status{display:flex;justify-content:center;gap:6px}.mini-dot{width:8px;height:8px;border-radius:50%;background:#444}.mini-dot.active{background:#4caf50}.controls{flex:1;overflow-y:auto}.section{background:#16213e;border-radius:8px;padding:10px;margin-bottom:8px}.section-title{font-size:12px;font-weight:600;color:#4fc3f7;margin-bottom:8px}.btn-row{display:flex;gap:6px;flex-wrap:wrap}.input-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.input-row label{font-size:12px;color:#888}.input-row input{width:60px;padding:4px 8px;border:1px solid #333;border-radius:4px;background:#0f0f23;color:#eee;font-size:14px}.btn{padding:8px 14px;border:none;border-radius:6px;background:#4fc3f7;color:#1a1a2e;font-weight:600;font-size:12px;cursor:pointer}.btn:active{opacity:.8}.btn.success{background:#4caf50;color:#fff}.btn.danger{background:#f44336;color:#fff}.btn-small{padding:4px 8px;border:none;border-radius:4px;background:#333;color:#888;font-size:10px;cursor:pointer}.log-section{background:#0f0f23;border-radius:8px;margin-top:8px;overflow:hidden}.log-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#16213e;font-size:12px;font-weight:600;color:#81d4fa}.log-container{height:120px;overflow-y:auto;padding:8px;font-family:SF Mono,Monaco,monospace;font-size:10px}.log-entry{padding:2px 0;color:#666}.log-entry.event{color:#4caf50}.log-entry.error{color:#f44336}.log-entry.info{color:#81d4fa}