*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif}.page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:pink;padding:1rem}.my-card{background:#fff;border-radius:16px;box-shadow:0 8px 20px #0000001a;max-width:420px;width:100%;text-align:center;padding:1rem;transition:max-width .5s ease}.my-card.expand{max-width:3000px}.my-card-content{padding:1rem}.my-btn{display:inline-block;padding:.75rem 1.25rem;margin:.25rem;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:background-color .3s ease;color:#fff;font-size:1rem}.my-btn:hover{filter:brightness(1.1)}.my-btn.gray{background-color:#999}.my-btn.red{background-color:#ff5f5f}.my-btn.yellow{background-color:gold}.btn-group{margin:1rem 0;display:flex;justify-content:center;gap:1rem}.header-pink{color:#d86ba4;font-size:1.5rem;margin-bottom:1rem}.header-red{color:#d10000;font-size:1.5rem;margin-bottom:1rem}.header-green{color:#28a745;font-size:2rem;margin-bottom:.5rem}.lead-text{color:#666;margin-bottom:1rem;font-style:italic}.led-grid{display:flex;flex-direction:column;gap:4px;align-items:center;margin:1rem 0}.led-row{display:flex;gap:4px}.led-square{width:18px;height:18px;border-radius:4px;transition:background-color .3s}.led-square.yellow-lite{background-color:gold}.led-square.off{background-color:#444}.mt-2{margin-top:.5rem}