body { 
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        padding: 1rem; 
    }
    .control-row { 
        display:flex;
        align-items:center;
        flex-wrap: wrap;
    }
    .control-row > * { 
        flex:1 1 70px;
        min-width:70px;
    }
    .small { 
        font-size:0.9rem;
        /* color: #6d6d6d;  */
    }
    .card { 
        padding:0.75rem;
        border-radius:0.5rem;
        border-width: 3px;
        border-style: solid;
        border-color: gray;
        /* background-color:#5a5a5a; */
    }
    .card.on { 
        border-color: #22bbbb;
        /* background-color:#5a5a5a; */
    }
    select { 
        padding-top: 2px;
        padding-bottom: 2px;
        padding-inline-start: 8px!important;
    }
    footer { 
        margin-top:1rem; 
        font-size:0.85rem;
        /* color:#666;  */
    }
    .power-button {
      cursor: pointer;
      font-size: 2.5rem;
      color: gray;
      transition: color 0.1s;
    }
    .power-button.on {
      color: #22bbbb;
    }