body { font-family: Tahoma, sans-serif; text-align: center; padding: 20px; direction: rtl; }
        .container { display: flex; flex-direction: column; align-items: center; gap: 15px; }
        #counterDisplay { font-size: 3rem; font-weight: bold; color: #2c3e50; }
        button { padding: 10px 20px; cursor: pointer; border: none; background: #3498db; color: white; border-radius: 5px; margin: 5px; }
        button:hover { background: #2980b9; }
        button.reset { background: #e74c3c; }
        button.reset:hover { background: #c0392b; }
        #historyContainer { 
            border: 2px solid #2c3e50; 
            padding: 15px; 
            border-radius: 8px; 
            min-width: 300px; 
            background: #ecf0f1;
            direction: ltr; 
        }
        .label { font-weight: bold; margin-bottom: 10px; display: block; }
        .history-list { font-family: monospace; font-size: 1.2rem; color: #e67e22; }